28 Aug

Easy CSS Menu

This can go along with the Simple Web Navigation I did a few months ago. In your sites stylesheet add this:
#menubar {
text-align: center;
height: 45px;
vertical-align: middle;
margin: 0 auto;
/*background-image: url("./URL");
background-repeat: repeat-x;*/
background-color: #999999;
}
#menu {
font: "Tahoma";
font-weight: bold;
/*background-image: url("./URL");*/
border-right: 1px solid #000000;
background-color: #999999;
}
#menu:hover {
font: "Tahoma";
font-weight: bold;
/*background-image: url("./URL");*/
border-right: 1px solid #000000;
background-color: #cccccc;
}

For images just remove the /* */ tags and add the url in the quotations. For the sake of the Simple Web Nav tutorial I will use the easiest way to contain the navigation, a table. Download the source file for the HTML since Wordpress code likes to add the table in.

Demo
Download Source

Sphere: Related Content

23 Aug

Animated EQ Tutorial

Start Slide Show with PicLens Lite PicLens
23 Aug

Simple Web Navigation

Start Slide Show with PicLens Lite PicLens

© 2008 DVGFX | Design By: DVGFX

wordpress logo
tracker Firefox 3
Your Ad Here