Blog İpuçları

Baloncuk Şeklinde Menüler

   Merhaba arkadaşlar yine güzel bir menü paylaşmak istedim sizlerle , blogger sitenizde ister menü olarak isterseniz Hakkınızdaki sayfaya ekleyip sosyal medya sitelerinize link verebilirsiniz kullanışlı ve güzel bir menü mavi olarak görünüyor fakat üzerine geldiğiniz zaman sarı olacak tabi siz isterseniz özelleştirebilirsiniz istediğiniz rengi verebilirsiniz o artık size kalmış sitenize eklemesi oldukça basit aşağıdaki kodları kopyalayın ve gadget olarak ekleyin , eğer bir sayfaya ekleyecekseniz yazı bölümünde HTML kısmına tıklayın ve kodları ondan sonra ekleyin.
<style>
.BloggerSpiceRoundmenu{
width: 100%;
overflow:hidden;
}
.BloggerSpiceRoundmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center;
}
.BloggerSpiceRoundmenu li{
display: inline;
margin: 0;
}
.BloggerSpiceRoundmenu li a{
display:inline-block;
text-align:center;
text-decoration: none;
color: white;
background:#56CDFF;
margin: 0;
margin-right:5px;
width:100px;
height:100px;
border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
}
.BloggerSpiceRoundmenu a span{
position:relative;
top:40%;
}
.BloggerSpiceRoundmenu li a:visited{
color: white;
}
.BloggerSpiceRoundmenu a:hover{
background: #F2F28B;
} /* Menu by www.bloggokhantekin.com */
</style>
<div class="BloggerSpiceRoundmenu">
<ul>
<li><a href="Buraya link Gelecek"><span>Buraya Menü Adı Gelecek</span></a></li>
<li><a href="Buraya link Gelecek"><span>Buraya Menü Adı Gelecek</span></a></li>
<li><a href="Buraya link Gelecek"><span>Buraya Menü Adı Gelecek</span></a></li>
<li><a href="Buraya link Gelecek"><span>Buraya Menü Adı Gelecek</span></a></li>
<li><a href="Buraya link Gelecek"><span>Buraya Menü Adı Gelecek</span></a></li>
<li><a href="Buraya link Gelecek"><span>Buraya Menü Adı Gelecek</span></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

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.