Blogger Yan Menu-2

[ßyMesMes]

Ayyıldız2 | 2008 TR Yapısı • 1-99 Orta Emek Destan • Oto Avsız • 10 Temmuz 21:00 HEMEN TIKLA!

Blogger Css Menu Şık Görünümlü -2

Görünümü

​

1: Bilmeyen Arkadaşlarımız Önceki Konuya Bakarak Uygulaya Bilirler Resimli Anlatımı Var,
.Edit/HTML .Şablonu Düzenle'ye Gelioruz
.Şablonu Genişlet
.CTRL Basılı Tutup F tuşuna Basıoruz
.</head> Tagını Arıyoruz
.Ve </head> Tagının Hemen Üstüne Aşğıdaki Kodları Ekliyoruz

<style type='text/css'>
#menu12 {
      width: 200px;
      margin: 10px;
      }

#menu12 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu12 img {
border: none;
}

#menu12 li a {
      height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 22px;
      text-decoration: none;
      }

#menu12 li a:link, #menu12 li a:visited {
      color: #666;
      display: block;
      background:  url(http://4.bp.blogspot.com/_4HKUHirY_2U/Sw9JwyhLfDI/AAAAAAAAAWs/frVNeEIg94E/menu12.gif);
      padding: 10px 0 0 35px;
      }

#menu12 li a:hover, #menu12 li #current {
      color: #000;
      background:  url(http://4.bp.blogspot.com/_4HKUHirY_2U/Sw9JwyhLfDI/AAAAAAAAAWs/frVNeEIg94E/menu12.gif) 0 -32px;
      padding: 10px 0 0 35px;
      }
</style>

.Şablonu Kaydet Save Template Dioruz
2:Sonra .Yerleşim,.Gatget Ekle,.HTML/JAVASCRİPT 'Seçip İçine Aşağıdaki Kodları Eklioruz.

<div id="menu12">

<ul>
        
<li><a id="current" href="#">Home</a></li>

<li><a href="#">HTML</a></li>

<li><a href="#">CSS</a></li>

<li><a href="#">JavaScript</a></li>

<li><a href="#">Templates</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Contact</a></li>

</ul>

</div>

.Son Olarak Kaydet'i Tıklıoruz.Bitti.Linkleri Siz Kendi Kategorinize Göre Ayarlıosunuz. # Bualana Linkini, >Contact< Bu Alana İse Kategori İsmi Geliyor;
Kolay Gelsin.