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>

E-POSTA ABONELİĞİ

Aşağıdaki kutucuğa e-posta adresini yazarak her yeni makaleden anında haberdar olabilirsin.

Abone Olduğunuz İçin Teşekkür Ederim.

Bir Şeyler Yanlış Gitti Lütfen Tekrar Deneyin.

Gökhan TEKİN

Blog sitemde, blog ipuçları , izlediğim filmler , kitap yorumları ve kişisel düşüncelerimi paylaşıyorum. Hakkımda daha fazla bilgi sahibi olmak isterseniz hakkımda sayfasını ziyaret edebilirsiniz.

İ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 cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu

E-POSTA ABONELİĞİ

Aşağıdaki kutucuğa e-posta adresini yazarak her yeni makaleden anında haberdar olabilirsin.

Abone Olduğunuz İçin Teşekkür Ederim.

Bir Şeyler Yanlış Gitti Lütfen Tekrar Deneyin.