prospitian: (11)
Courtney ([personal profile] prospitian) wrote in [community profile] photosynthesis2015-01-09 02:45 pm
Entry tags:

Navigation: This is Our Offering

See it live!

This is a navigation table made specifically with OCs in mind—hence the space for some vital stats and an information blurb. The informational blurb will scroll if it overflows, but the vital stats blurb won't. It has four links for you to customize, or you can add a second row to get nine. The image at the left has to be 200x300 pixels.

One row of links Two rows of links

If you want three columns
for stats, in either code, find this...
...and replace it with this

Using the Code
1. Make sure you Disable Auto-Formatting! You have to be in HTML view to do it and you can't do it on the beta update page.
2. Find and replace these snippets of text, [{brackets included}]:

[BACKGROUND] The color of the whole box's background.
[BORDER] The color for all of the borders.
[BACKGROUND URL] A URL to a background image for the whole box (optional).
[IMAGE URL] The URL for the image at the left of the box. It has to be 200x300 pixels. It won't resize automatically.
[NAME COLOR] The text color for the name at the top of the box.
[BLURB TEXT] The text color for the stats and the info blurb.
{NAME} The name in the topmost blurb.
{URL} There are 4 or 9 of these depending on how many rows of links you have. This is where the URLs for the links go.
{LINKS} There are 4 or 9 of these, too. This is where the text for the links go.
{BLURB TEXT} This is where the text for your bottom blurb goes. Note that it uses pointy brackets; the color uses square ones.
One, Two, Three, etc. This will go up to six if you have two columns, and nine if you have three. Replace the numbers with the headings (Age/Species/Gender/Sexuality/Height/Nicknames/etc.), and the word "Text" to the right of it with the text. Keep these short! If you want, a fourth line can be added to each column.

3. Find and replace these two snippets of text with RGB values. If you have a hex code, you can convert it here. So if you want the background color for the blurbs to be white, you should replace [BLURB BACKGROUND] with 255,255,255 (don't put a comma at the end! format it just like that).

[BLURB BACKGROUND] The background color for the blurbs.
[LINK BACKGROUND] The background color for the links at the bottom.

If you're having any trouble with anything or have questions, ask them here!

Please do not remove the credit link!

If you use this, I'd super love if you'd leave a comment so I can see what you've done with it, but it isn't required or anything!
windhover: (hütz ❧ fantastic!)

[personal profile] windhover 2015-01-13 10:16 pm (UTC)(link)
aaah this is really nice, I like how neat and customizable everything is! :0 memming this to maybe use for my characters at Eachdraidh, thanks!
elaborately: ([oceangirl]; neri - playful promise)

[personal profile] elaborately 2015-06-25 08:14 am (UTC)(link)
i snagged it for use over here, thank you!!
animated: (223)

[personal profile] animated 2015-07-15 06:28 pm (UTC)(link)
Did a wee bit of tweaking for the amount of links, but I'm using this here! This is a great code. Thank you!
super_seal: (Danny & Steve - Sunset)

[personal profile] super_seal 2015-12-10 01:54 am (UTC)(link)
Using it here, Thank you! :D
Edited 2015-12-10 01:54 (UTC)