mavibank

Css yatay üst menü kodu

KOD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" ></FCK:meta> <title>menu012</title> <style type="text/css"> body { margin:0; padding:0;} #menu012container{ height:24px; background: #b979e4; display:block; padding:30px 0 0 15px; background-image:url(http://img153.imageshack.us/img153/3977/kodbanksustmenu.png); background-repeat:repeat-x; background-position:bottom;} #menu012{ margin-left:auto; margin-right:auto; width:500px; font-size:12px; font-weight:bold; font-family: Tahoma, Verdana, Arial, Helvetica; position:relative; display:block; height:24px; } #menu012 ul{ margin:0; padding:0; list-style-type:none; width:auto;} #menu012 ul li{ display:block; float:left; margin:0 1px 0 0;} #menu012 ul li a{ display:block; float:left; color: #ffffff; text-decoration:none; padding:5px 20px 0 20px; height:24px; background:url(http://img833.imageshack.us/img833/3908/kodbanksbkgoffnj6.gif) no-repeat top left;} #menu012 ul li a:hover{ color:#fff; background:url(http://img291.imageshack.us/img291/3893/kodbankshoverjo3.gif) no-repeat top right;} #menu012 ul li a.current,#menu011 ul li a.current:hover{ color:#000; background:#fff; background-image:url(http://img820.imageshack.us/img820/1240/kodbanksbkgcurrentii8.gif); background-repeat:repeat-x; background-position:top;} </style> </head> <body> <div id="menu012container"> <div id="menu012"> <ul> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="ADRES">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="ADRES" class="current">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="ADRES">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="ADRES">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="ADRES">Link adı</a></li> </ul> </div> </div> </body> </html>

Gri üst menü kodu:

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ #slantedmenu{ font-weight: bold; font-size: 90%; } #slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #slantedmenu ul{ text-indent: 10px; padding: 3px 0; margin: 0; background-color: #cccccc; border: 3px solid #bebebe; text-align: left; /*set value to "center" for example to center items*/ } #slantedmenu ul li{ display: inline; } #slantedmenu ul li a{ color: #000000; padding: 3px 0; padding-right: 25px; margin: 0; text-decoration: none; background: transparent url(http://www.dynamicdrive.com/cssexamples/media/slantdivider.gif) top right no-repeat; } #slantedmenu ul li a:visited{ color: #ffffff; } #slantedmenu ul li a:hover{ color: red; } </style> <div id="slantedmenu"> <ul> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="ADRES">Link adı</a></li> <li><a href="http://www.dynamicdrive.com/style/" _fcksavedurl="http://www.dynamicdrive.com/style/" _fcksavedurl="http://www.dynamicdrive.com/style/">CSS Library</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="ADRES">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="ADRES">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="ADRES">Link adı</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="ADRES">Link adı</a></li> </ul> </div>

KOD:

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .ubercolortabs{ padding: 0; width: 100%; overflow: hidden; background: transparent; } .ubercolortabs ul{ font:11px Verdana,Arial, Verdana, sans-serif; margin: 0; padding: 0; list-style: none; } .ubercolortabs li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform: uppercase; } .ubercolortabs a{ float: left; color: white; background: #000000 url(http://img832.imageshack.us/img832/3908/kodbanksbkgoffnj6.gif) no-repeat left top; /*default background color of tabs, left corner image*/ margin: 0 2px 0 0; padding: 0 0 1px 3px; text-decoration: none; letter-spacing: 1px; } .ubercolortabs a span{ float: left; display: block; background: transparent  none no-repeat right top; /*right corner image*/ padding: 7px 9px 3px 6px; cursor: pointer; } .ubercolortabs a span{ float: none; } .ubercolortabs a:hover, .ubercolortabs li.selected a{ background-color: #cccccc; /*background color of tabs onMouseover*/ color: yellow; } .ubercolortabs a:hover span{ background-color: transparent; } .ubercolordivider{ /*CSS for horizontal line.*/ clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #000000; /*background color of horizontal line*/ border-top: 1px solid #0000ff; /*Remove this to remove border between bar and tabs*/ } </style> <div class="ubercolortabs"> <ul> <li><a href="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com" style="margin-left: 12px"><span>Home</span></a></li> <li><a href="http://www.dynamicdrive.com/new.htm" _fcksavedurl="http://www.dynamicdrive.com/new.htm" _fcksavedurl="http://www.dynamicdrive.com/new.htm" _fcksavedurl="http://www.dynamicdrive.com/new.htm"><span>New</span></a></li> <li class="selected"><a href="http://www.dynamicdrive.com/revised.htm" _fcksavedurl="http://www.dynamicdrive.com/revised.htm" _fcksavedurl="http://www.dynamicdrive.com/revised.htm" _fcksavedurl="http://www.dynamicdrive.com/revised.htm"><span>Revised</span></a></li> <li><a href="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com"><span>Tools</span></a></li> <li><a href="http://www.dynamicdrive.com/forums/" _fcksavedurl="http://www.dynamicdrive.com/forums/" _fcksavedurl="http://www.dynamicdrive.com/forums/" _fcksavedurl="http://www.dynamicdrive.com/forums/"><span>Forums</span></a></li> </ul> </div> <div class="ubercolordivider"> </div>

KOD:

<div><style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .indentmenu{ font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ overflow: hidden; } .indentmenu ul{ margin: 0; padding: 0; float: left; width: 100%; /*width of menu*/ border: 1px solid #ffff00 ; /*dark purple border*/ border-width: 1px 0; background: gainsboro url(http://img202.imageshack.us/img202/5305/mavibankmenap.png) center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: black ; /*text color*/ padding: 5px 11px; text-decoration: none; border-right: 1px solid #ffff00; /*dark purple divider between menu items*/ } .indentmenu ul li a:visited{ color: BLACK; } .indentmenu ul li a:hover, .indentmenu ul li .current{ color:RED !important; /*text color of selected and active item*/ padding-top: 6px; /*shift text down 1px for selected and active item*/ padding-bottom: 4px; /*shift text down 1px for selected and active item*/ background: #d3d3d3 url(http://img801.imageshack.us/img801/5305/mavibankmenap.png) center center repeat-x; } </style> <div class="indentmenu"> <ul> <li><a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/">Ana Sayfa</a></li> <li><a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/">Z.Defteri</a></li> <li><a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/">İletişim</a></li> <li><a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/">Toplist</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="http://mavibank.tr.gg/">Hakkımda</a></li> <li><a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/">Aksaray</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="http://mavibank.tr.gg/">Sohbet</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="http://mavibank.tr.gg/">Arama</a></li></div>

Css yatay üst menülere devam

Sitene ekle

Dost siteler

Css yatay üst menü kodu

Sitene ekle

Kategoriler

Dost siteler

mavibank

Css yatay üst menü kodu