hoş geldiniz

menu2

Ön İzleme

Css Bölümü Javascript Kodu ( Kodu tasarım üstüne veya tasarım altına yapıştırınız...)

 <style type="text/css">

#menu {padding:0 0 0 5px; margin:0; list-style:none; height:35px; 

background:#fff url("http://cssplantillas.netau.net/ap/archivos/9c19d0b445.png");

border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;

width:100%; /* esto modifica el ancho del menu */}

#menu li {float:left;}

#menu li a {display:block; float:left; height:35px; line-height:40px; 

color:#ccc; text-decoration:none; font-size:12px; 

font-family:arial, verdana, sans-serif; font-weight:bold; 

text-align:center; padding:0 0 0 8px; cursor:pointer;}

#menu li a b {float:left; display:block; padding:0 16px 0 8px;}

#menu li.current a {color:#fff; background:url("https://img.webme.com/pic/b/bedavasitem-st/5c5c6e37d9.png5c5c6e37d9.png");}

#menu li.current a b {background:url("img/menu2.png") no-repeat right top;}

#menu li a:hover {color:#fff;background:#000 url("https://img.webme.com/pic/b/bedavasitem-st/fd442c4b65.png");}

#menu li a:hover b {background:url("https://img.webme.com/pic/b/bedavasitem-st/fd442c4b65.png") no-repeat right top;}

#menu li.current a:hover {color:#fff; 

background:#000 url("https://img.webme.com/pic/b/bedavasitem-st/5c5c6e37d9.png5c5c6e37d9.png"); cursor:default;}

#menu li.current a:hover b {background:url("https://img.webme.com/pic/b/bedavasitem-st/5c5c6e37d9.png5c5c6e37d9.png") no-repeat right top;}

</style>

Buda Menü Kodu ( Menü nerde gözüksün istiyorsan ona göre koyabilirsiniz... <ul id="menu"> <li><a href="#">Bedavasitem-st</a></li> <li><a href="#">Bedavasitem-st</a></li> <li><a href="#">Bedavasitem-st</a></li> <li><a href="#">Bedavasitem-st</a></li> </ul>