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>

İlgili Makaleler

Bir yanıt yazın

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

Başa dön tuşu