Dekblog - Not defterim
Css Menü Hazırlamak
Css Menü hazırlamak ister misiniz?
- İlk olarak "Div etiketi" açıcağız ve "ul, li" düzenliceğiz.
- Ben yazdım direk böyle geçirin önemli olan css kodları zaten.
<div id="ustmenu">
<ul>
<li style="text-align: center;"><a href="http://dizaynmarket.tr.gg">Anasayfa</a></li>
<li style="text-align: center;"><a href="http://dizaynmarket.tr.gg/">İletişim</a></li>
<li style="text-align: center;"><a href="http://dizaynmarket.tr.gg/">Z.defteri</a></li>
<li style="text-align: center;"><a href="http://dizaynmarket.bosfforum.com/forum">Forum</a></li>
<li style="text-align: center;"><a href="http://dizaynmarket.tr.gg/">Hakkımda</a></li>
<li style="text-align: center;"><a href="http://dizaynmarket.tr.gg/">Müzikler</a></li>
</ul>
</div>
- Yukarıdaki kodların CSS kodunu ayarlayalım.
NOT: Kalın harfli yerleri ve renkli yerleri kendinize göre düzenleyin, mesela; yukarıda div açarken ben "ustmenu" diye kullandım, orası siz değiştirebilirsiniz. Düzenlemez iseniz sıkıntı olmaz keyfinize göre yani
#ustmenu {
width: 820px;
height: 25px;
}
#ustmenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#ustmenu li {
float: left;
}
#ustmenu a {
color: #ffffff;
text-decoration: none;
font-size: 18px;
text-align: center;
display: block;
height: 25px;
width: 114px;
padding-top: 0px;
}
#ustmenu a:hover {
font-size: 20px;
color: #ffffff;
background-color: ; #ff66ff;
background-image: url(Arkaplan resmi);
}
UYARI ; Kendi paylaşımımdır, hırsızlık yapmayın, tüm haklarımız saklıdır, aksi taktirde siteniz kapatılabilir veya ceza uygulanır. Başka sitelerde paylaşıcaksanız bilgi olarak ALINTI yaptığınızı söyleyin!