Blog İpuçları

Rengarenk Blogger Menüsü

 Merhaba arkadaşlar Blogger siteleriniz için kullanabileceğiniz rengarenk güzel bir css’li menü eğer sitenizde menü kullanıyorsanız ve henüz, nasıl bir menü kullanacağınıza karar veremediyseniz  bu menüyü kullanmanızı tavsiye ederim sitenize uygulamak çok kolay  gadget olarak ekleyebilirsiniz resimde 6 çeşit renk var siz isteğinize göre hepsini ayı renk yapabilirsiniz eğer canlı demo görmek isterseniz ben kullanıyorum iletişim sayfasına ve hakkımda sayfasına bakabilirsiniz  tavsiye ederim pişman olmayacağınız bir menü denemenizde fayda var. Aşağıdaki kodları direk gadget olarak istediğiniz bölüme ekleyebilirsiniz.
<style>

#multicolor-bar {
background: #;
width: 100%;
color: #FFF;
margin: 10px 0;
padding: 0;
position: relative;
border-top:0px solid #0099FF;
height:35px;

}

#multicolor-nav {
margin: 0;
padding: 0;
}
#multicolor-nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#multicolor-nav li {
list-style: none;
margin: 10px;
padding: 0;
}
#multicolor-nav li a, #multicolor-nav li a:link, #multicolor-nav li a:visited {
color: #FFF;
display: block;
font:bold 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 11px 12px;
text-decoration: none;

}
#multicolor-nav li a:hover, #multicolor-nav li a:active {
background: #ee7d07;
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 11px 12px;
}

#multicolor-nav li {
float: left;
padding: 0;
}
.color-1
{
background:#0b5394;
}

.color-4
{
background:#990000;
}

.color-5
{
background:#d6253a;
}

.color-7
{
background:#274e13;
}

.color-11
{
background:#b45f06;
}

.color-14
{
background:#741b47;
}

</style>

<div id='multicolor-bar'>
<ul id='multicolor-nav'>
<li class="color-1"><a href='#'>Facebook</a></li>
<li class="color-4"><a href='#'>Pinterest</a></li>
<li class="color-5"><a href='#'>Google+</a></li>
<li class="color-7"><a href='#'> Youtube</a></li>
<li class="color-11"><a href='#'> About.Me</a></li>
<li class="color-14"><a href='#'> İletişim</a></li>
</ul></div>

İlgili Makaleler

5 Yorum

  1. Paylaşım için teşekkürler fakat yazıyla kodlar birbirinden ayrı olması gerekiyor bunun için kod penceresi kullanmanı öneririm…

    1. Rica ederim kardeşim blogunu takipteyim bilgine… Gökhan kardeşim yorum yazdığımızda kelime doğrulama ekranı geliyor. Bu özelliği kapatmanı tavsiye ederim neden diye olacak olursan ziyaretçiler açısından bu çok önemli bu kelime doğrulama kodu istediği takdirde ziyaretçileriniz yorum yazmaktan vazgeçebilir.

    2. Haklısınız zaten o kelime doğrulamayı bende sevmiyorum , ben onu kapattım biliyordum hemen bakıcam tekrar teşekkür ederim ilginiz için

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu