mavibank

Css mavi üst menü kodu

KOD:

<style type="text/css">
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_nine */

.pro9 {padding:0 0 0 32px; margin:0; list-style:none; height:30px; position:relative;}
.pro9 li {float:left;}
.pro9 li a {display:block; float:left; height:30px; line-height:29px; background:url(http://img841.imageshack.us/img841/543/mavibankbuttona0.gif) no-repeat; color:#000; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;}
.pro9 li a b {float:left; display:block; padding:0 12px 0 0; background:url(http://img341.imageshack.us/img341/113/mavibankbutton0.gif) right top;}
.pro9 li.current a {color:#fff; background:url(http://img88.imageshack.us/img88/4181/mavibanksola2.gif) no-repeat;}
.pro9 li.current a b {background:url(http://img18.imageshack.us/img18/3281/mavibankanabutton2.gif) right top;}
.pro9 li a:hover {color:#fff; background:url(http://img834.imageshack.us/img834/2521/mavibank1abutton.gif) no-repeat;}
.pro9 li a:hover b {background:url(http://img14.imageshack.us/img14/1781/mavibankanabutton1.gif) right top;}
.pro9 li.current a:hover {color:#fff; background:url(http://img143.imageshack.us/img143/411/mavibankbuttona2.png) no-repeat; cursor:default;}
.pro9 li.current a:hover b {background:url(http://img11.imageshack.us/img11/5499/mavibankbutton2.png) right top;}

</style>
</head>

<body>
<ul class="pro9">
<li><a href="http://mavibank.tr.gg">Anasayfa</a></li>
<li><a href="http://mavibank.tr.gg">Link adı 1</a></li>
<li><a href="http://mavibank.tr.gg">Linkadı2</a></li>

<li class="current"><a href="http://mavibank.tr.gg">Hakkımızda</a></li>
<li><a href="http://mavibank.tr.gg">İletişim</a></li>
<li><a href="http://mavibank.tr.gg">Arama</a></li>
</ul>
</body>
</html>

Sitene ekle

Dost siteler

Css mavi üst menü kodu

Sitene ekle

Kategoriler

Dost siteler

mavibank

Css mavi üst menü kodu