View topic - Navigation Bar Question.

Loved

I was wondering if making something like this would be possible?
Because the customize CSS box won't allow "<" I'm not sure how something like this:

"<ul>
<li><a href="default.asp">Home</a></li>
<li><a href="news.asp">News</a></li>
<li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul> "
Can be done. D:

Offline

by Loved » Sat Dec 17, 2011 3:10 pm

Quote
Report

We Are the One--Double A!
; w;

| Unwanted Currency | - | Exchange |

Sam

What I do for making a horizontal list is put the following into your about me section:

Code:[list=1][url=LINK]Text[/url][/list]

You'd make basically a custom section only for these links.

Then, from there, you can use the following code to adjust the links in question.

Fixed Widths - All links have the same width and height.

Code:.about ol a {display: inline-block; height: _px; width: _px; background: #xxxxxx; color: #xxxxxx;}

Varying Widths - Links have the same heights but different widths depending on amount of text.

Code:.about ol a {display: inline-block; height: _px; padding-left: _px; padding-right: _px; background: #xxxxxx; color: #xxxxxx;}

Then, if you have links in other custom sections that you don't want like this, just make a separate code for them to cancel the other code out. For example...