AktiF-BLoG.Tr.Gg ••• Css Mavi Resimli Menu

--Tekil: 152 | Coğul: 173 | Online : "   |  İp Adresin: 3.138.134.77  | Ziyaretci Defterine Yorum Birakmayi Unutmayın.
// Copyright (c) 2011/2012 By ßeRKaY -
 

Aktif-Blog

Css Mavi Resimli Menu

Merhaba arkadaşlar bugün Sizlere Mavi Şık Görünümlü ve Resimli Css Menü Sunuyorum Buyrun Konumuza Geçelim... Menümüzün Önizlemesi:

Şimdi Sıra Kodlara Gelelim

Css Kodları:

div#menu {width:184px; background:url(https://img.webme.com/pic/a/aktif-blog/menu_1.gif) top no-repeat; padding-top:44px;}
div#menubody {background:url(https://img.webme.com/pic/a/aktif-blog/menu_2.gif) repeat-y; padding-left:21px;}
div#menubottom {height:26px; background:url(https://img.webme.com/pic/a/aktif-blog/menu_4.gif) bottom no-repeat;}
ul#menulist {width:144px; list-style-type:none;}
ul#menulist li {height:27px; background:url(https://img.webme.com/pic/a/aktif-blog/menu_3.gif) bottom repeat-x;}
ul#menulist a {width:122px; height:20px; border-left:#75c5de 10px solid; font:bold 10px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 10px; display:block !important; display:inline-block;}
ul#menulist a:hover {background:url(https://img.webme.com/pic/a/aktif-blog/menu_5.jpg) left repeat-y;}


Html Kodları:

<div id="menu">
<div id="menubody">
<ul id="menulist">
    <li><a href="#">Başlık 1</a></li>
    <li><a href="#">Başlık 2</a></li>
    <li><a href="#">Başlık 3</a></li>
    <li><a href="#">Başlık 4</a></li>
    <li><a href="#">Başlık 5</a></li>
</ul>
</div>
</div>

     
  Yorum  
     
  1 2 3 4 5 6 7  
     
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol