Menu

CSS Mavi Renk Dikey Menü

Aşağıdaki CSS kodunu kullanarak  Mavi Renkli Dikey Menü yapabilirsiniz,bu menüler ile istediğiniz katagorileri oldukça kullanışlı bir şekilde sayfa tasarımınıza uygun renklerde değiştirerek kullana bilirsiniz.

Kodu yüklemek için Aşağıdaki adımları takip ediniz.

CSS Mavi Renk Dikey Menü
CSS Mavi Renk Dikey Menü
                                                                        
1.Adım
1-İlk önce Blogger.com giriş yapınız sonra Şablon/ HTML Düzenle adımlarını takip ediniz.


2-Kodu yükleyeceğiniz yeri bulmak için,kodumuz CSS olduğu için  ]> </ b:skin> buluyoruz.
Bu kodu bulmak için  ]> </ b:skin> kodunu kopyalayarak  Ctrl + F tuşlarına basıp kodlarınızın içinde aratın


3-Bulduğunuz ]]> </ b:skin>  kodunun üstüne aşağıda verdiğim kodu ekleyiniz ve son olarak Şablonunuzu kaydediniz.

Aşağıdaki CSS kodları içindeki #FFFFFF şeklindeki renk kodlarını istediğiniz gibi değiştirebilirsiniz.



/*-------SEO Mektebi Mavi Renk Dikey Menü Başlangıç------*/
#blueblock{
width: 180px;
margin-bottom: 1em;
font-family: 'Trebuchet MS', Arial;
font-size: 90%;
background-color: #FFFFFF;
}
#blueblock li {
border-bottom: 0px solid ;
margin: 0;
}
#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}
#blueblock li a:hover{
border-left: 10px solid #000000;
}
2.Adım
Yerleşim/Gedget Ekle/ HTML/JavaScript


CSS Mavi Renk Dikey Menü

HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız,Mavi Renkli Dikey Menü yü site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz. 


CSS Mavi Renk Dikey Menü

<div id="blueblock">
<ul>
<li><a href=" url sayfa adresiniz">Ana Sayfa</a></li>
<li><a href=" ">Hakkımızda</a></li>
<li><a href=" ">Benim Yazılarım</a></li>
<li><a href=" ">Facebook</a></li>
<li><a href=" ">Twitter</a></li>
<li><a href">Google</a></li>
</ul>
</div>

Yukarıdaki Ana Sayfa şeklinde başlayan sekmeleri istediğiniz kadar çoğaltabilirsiniz.
<li><a href="url syfa adresiniz ">Ana Sayfa</a></li>
Yukardaki kodu ardada kopyalayarak istediğiniz miktarda sekme ekleyebilirsiniz.Değiştirmeniz gereken yerleri kırmızı renkle işaretledim.

Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " CSS Mavi Renk Dikey Menü "

Önerilen Yazı
×