Mavi Yatay Css Menü

Menüyü kendinize göre düzenleyiniz...

<style type="text/css"> #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("http://img.webme.com/pic/h/htmcode/yataymenu1-1.png") no-repeat left top; margin:0; padding:0 0 0 6px; text-decoration:none; } #tabs a span { float:left; display:block; background:url("http://img.webme.com/pic/h/htmcode/yataymenu1-1.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> <div id="tabs"> <ul> <li></li> <li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/"><span>Menu 1</span></a></li> <li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/"><span>Menu 2</span></a></li> <li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/"><span>Menu 3</span></a></li> <li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/"><span>Menu 4</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Menu 5</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Menu 6</span></a></li> </ul> </div>

Judul	:	Mavi Yatay Css Menü
Url	:	http://htmlcsskodlar.blogspot.com/2013/04/mavi-yatay-css-menu.html
Pada	:	6 Nisan 2013 Cumartesi
Oleh	:	Unknown
Respond	:	0
Share	: