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!

Post a comment in response:

From:
Anonymous( )Anonymous This account has disabled anonymous posting.
OpenID( )OpenID You can comment on this post while signed in with an account from many other sites, once you have confirmed your email address. Sign in using OpenID.
User
Account name:
Password:
If you don't have an account you can create one now.
Subject:
HTML doesn't work in the subject.

Message:

 
Notice: This account is set to log the IP addresses of everyone who comments.
Links will be displayed as unclickable URLs to help prevent spam.