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> | |
Vizualizari: 335 | Downloads: 0 | Raging: 0.0/0 |
Total comentarii : 0 | |