Showing posts with label navigasi menu. Show all posts
Showing posts with label navigasi menu. Show all posts

Monday, January 11, 2010

Beauty Menu Navigasi wit css

Menu Navigasi beauty with css ( not with image ) so load your blog is verry fast. Follow this step :


1. Log in your blog.

2. See code like this ]]>

3. Coppy and paste code before code ]]>



/* Navigasi Menu */

#navmenu {

height:auto;

margin:0;

width:100%;

background:#81F781;

float:left;

}

#navmenu ul {

padding: 0;

margin:0;

float: left;

list-style: none;

}

#navmenu li {

padding:0;

list-style: none;

padding: 0;

margin:0;

}

#navmenu ul li {

float: left;

display:inline;

}

#navmenu li a, #navmenu li a:link, #navmenu li a:visited {

color:#000000;

font-family: Verdana;

text-decoration:none;

margin:0;

display:block;

padding:9px 10px 9px 10px;

font-size:12px;

}

#navmenu li a:hover {

background:#088A08;

color:#000000; }

4. Look code like this :












5. Copppy paste code after no 4 :




6. Save.

Good Luck !