CSS Menu

[Sledge]

I finally get to give back! I make this contribution in the name of all those who've helped me out on this site.

If you'd like your menu to be a little more interesting, try using CSS to spice it up a little. First open the style.css file for the theme you are using. Add the following code at the end:

Code Select Expand

.buttonscontainer {width: 180px;}

.buttons a {color: #003366;
background-color: #FFFFFF;
padding: 2px;
padding-left: 3px;
display: block;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #003366;
color: #FFFFFF;
text-decoration: none;}

Save it. Then create a script box in TP and in that paste the following code:

Code Select Expand

<div class="buttonscontainer">
<div class="buttons">
<a href="www.test.com">Test</a>
</div>
</div>

Create as many href links as you need. You can even create categories:

Code Select Expand

<div class="buttonscontainer">
<div class="buttons">
<a href="www.test1.com">Test1</a>
<b>Category</b>
<a href="www.test2.com">Test2</a>
</div>
</div>

Experiment with the colors to get the effect you want. For a live demo, check my site: http://www.thepoliticalcapital.com

It's still being worked on so forgive any goofups you may find. And if you're feeling froggy, feel free to join in the debate!

[Gourgi]

nice site , grats !
and intersting code too ...
i 'll check it soon

[RoarinRow]

That's cool, thanks!   :up:

[Shadow]

The look so awesome.  And your forum looks so awesome too!!  I have to check your site out more...

[brianjw]

Really cool :coolsmiley:
I am going to probably use that for my website

Brianjw