ëîãîòèï
Principala » fisiere » Scripturi uCoz

Menu Orizontal
2010-05-04, 5:53 PM

Punem codul peste tot între <head> şi</head>

Code
<style type="text/css">
*{
margin:0;
padding:0;
}
body{
background:#fff;
color:#666;
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
}
#menu ul{
list-style:none;
}
#menu li{
background:url(/menu/menu_035_bg.jpg) repeat-x;
list-style:none;
display:block;
float:left;
height:36px;
border-right:1px solid #dbdbdb;
line-height:36px;
}
#menu li a{
display:block;
float:left;
color:#b1b1b1;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:36px;
text-decoration:none;
padding:0 25px;
}
#menu li a:hover{
color:#747474;
background:url(/menu/menu_035_h.jpg) repeat-x;
}
#menu li a.current{
display:block;
float:left;
color:#6c822e;
background:url(/menu/menu_035_c.jpg) repeat-x;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:36px;
text-decoration:none;
padding:0 25px;
}
#menu li a:hover.current{
color:#6c822e;
}</style>

Apoi următoru cod punem unde vreţi să apară meniul...

Code
<div id="menu">   
   <ul>   
   <li><a href="http://webdesign.do.am" class="current">Home</a></li>   
   <li><a href="http://webdesign.do.am">Acasa</a></li>   
   <li><a href="http://webdesign.do.am">Maison</a></li>   
   <li><a href="http://webdesign.do.am/">si asa</a></li>   
   <li><a href="http://webdesign.do.am">chiar si asa</a></li>   
   </ul>   
   </div>
Categorie: Scripturi uCoz | Adaugat de: djnutzu
Vizualizari: 185 | Downloads: 0 | Raging: 0.0/0
Total comentarii : 0
Prenume *:
Email *:
Cod *: