Blogger iç içe geçmiş menü eklentisi

    Merhaba arkadaşlar Blogger sitelerinizde kullanabileceğiniz iç içe geçmiş bir menü, sitelerinde değişiklik yapmak isteyenler ve farklı bir menü tarzı kullanmak isteyenler için güzel olacağını düşündüğüm bir eklenti umarım beğenirsiniz allta nasıl yapıldığını eklenti kodlarını ve bir de iç içe geçmiş menüleri örnek bir resim ile göreceksiniz en azından sitenizde uygulamadan önce resmini görerek daha iyi karar verirsiniz şimdiden kolay gelsin

Yapmanız Gerekenler

]]></b:skin>

Bu kodun hemen üzerine menümüzün aşağıdaki CSS kodlarını ekliyoruz.

.icmenu { padding:5px 0; width:520px; margin:15px auto; height:160px; } a.icem { position:relative; float:left; font-size:14px; line-height:14px; font-family:Tahoma; text-align:center; color: #fff; width: 160px; padding:73px 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHotjBMt5KXVZBZ_yW-UN4HCGv1BidXMq08clFrsVjHHC0YLDpQS5-ZOhsPTGKz9Q85QJ2RxWPTWfaDU-JBpvQYOkfh3cnC5fS9jUz6w4W6j8WrQ7bOZztEiPlysSRD_muS5e0ErofgUA/s1600/arkamenu2.png) no-repeat 0 -160px; margin-left:-40px; z-index:3; } a.icem:hover { background-position:0 0; z-index:9!important; }

Ve son olarak menümüzü yerleştirmek istediğimiz yere aşağıdaki kodları ekliyoruz.

<div class='icmenu'> <a class='icem' href='#' style='margin-left:0px;'>Anasayfa</a> <a class='icem' href='#'>Hakkımızda</a> <a class='icem' href='#'>Arşiv</a> <a class='icem' href='#'>İletişim</a> </div>  

Not: Menüde kırmızıyla belirtilen # kısımlara bağlantı adreslerinizi yazabilirsiniz.