Şık Görünümlü Bir Menü
 Merhaba arkadaşlar  bu yazımda çok beğendiğim bir temada kullandığım bir menü kodlarını sizlerle paylaşmak istiyorum blogger siteniz için menü arıyorsanız bunu kullanmadan önce karar vermeyin derim üstteki resim menü ye ait fakat menü css ile desteklendiği için kategorilerin üzerine geldiğiniz zaman arkaplan rengi belli belirsiz değişiyor yani biraz beyazımsı bir renk alıyor arkaplanı , tabi siz bunu kendi sitenize göre nasıl olmasını istiyorsanız öyle yapabilirsiniz güle güle kullanın yapmanı gerekenler çok basit 1. kodları Css bölümüne ekleyeceksiniz 2. kodları ise menü’nün nerede olmasını istiyorsanız oraya ekleyeceksiniz

Şık Görünümlü Bir Menü

1.Kodlar Css kodları , Css  bölümüne ekleyeceksiniz

 Bu menüye blogunuza eklemek için öncelikle Blogger kumanda paneline
girip Şablon > HTML’yi düzenle  diyerek şablonun kodlarını açın ve Ctrl + F kuş kombinasyonuyla açılan arama kutusunun yardımıyla ]]></b:skin> kodunu bulun. Bunun hemen üzerine aşağıdaki stil kodlarını yapıştırın.

ul.right-navigtion li {
display: block;
float: left;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
}

ul.right-navigtion li a {
text-decoration: none;
color: #666;
}

ul.right-navigtion li a:hover {
text-decoration: none;
color: #111;
}

ul.right-navigtion li:hover {
background: rgba(239, 239, 239, 0.61);
border-left: 1p solid #a2a2a2;
}

.right-navigtion {
float: left;
margin: 0px;
padding: 0px;
width: 605px;
}

ul.right-navigtion li a {
padding-right: 20px;
padding-left: 20px;
}

#menu-right {
float: left;
background: #f6f7f8;
border-radius: 7px;
background-size: 100% 100%;
border: 1px solid #d2d2d2;
margin-top: 8px;
}

#home-desp {
width: 925px;
float: left;
padding-top: 30px;
border-top: 1px dashed #d2d2d2;
margin-top: 50px;
padding-bottom: 30px;
border-bottom: 1px dashed #d2d2d2;
}

#home-desp h1 {
text-transform: uppercase;
font-size: 40px;
line-height: 40px;
font-weight: 800;
padding: 0px;
margin: 0px;
float: left;
}
#home-desp p {
float: left;
font-size: 16px;
margin: 12px;
}

2. Kodlar Html kodları Menü’nün nereye gelmesini istiyorsanız oraya ekleyeceksiniz

YENİ YAZILARI KAÇIRMAMAK İÇİN ABONE OLABİLİRSİNİZ

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.