Principala » Fişiere » Scripturi |
Meniu orizontal
2010-08-30, 9:41 AM | |
Codul de ma jos il puneti in CSS jos de tot: Code <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ #tabs { float:left; width:100%; font-size:93%; line-height:normal; border-bottom:1px solid #666; margin-bottom:1em; /*margin between menu and rest of page*/ overflow:hidden; } #tabs ul { margin:0; padding:10px 10px 0 0px; list-style:none; } #tabs li { display:inline; margin:0; padding:0; } #tabs a { float:left; background:url("media/left.png") no-repeat left top; margin:0; padding:0 0 0 6px; text-decoration:none; } #tabs a span { float:left; display:block; background:url("media/right.png") no-repeat right top; padding:6px 15px 4px 6px; margin-right:2px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { } #tabs a:hover { background-position:0% -42px; } #tabs a:hover span { background-position:100% -42px; } </style> Codul de mai jos il puneti in Top part of the website: Code <div id="tabs"> <ul> <li></li> <li><a href="#"><span>Menu 1</span></a></li> <li><a href="#"><span>Menu 2</span></a></li> <li><a href="#"><span>Menu 3</span></a></li> <li><a href="#"><span>Menu 4</span></a></li> <li><a href="#"><span>Menu 5</span></a></li> <li><a href="#"><span>Menu 6</span></a></li> </ul> </div> | |
Vizualizări: 994 | Download-uri: 0 | Rating: 0.0/0 |
Total comentarii : 0 | |