Bu Blogda Ara



Scrolbar aşagı dogru indikçe aşagı inen menü




Örnek:

Buradaki Sabitleme şekli position:fixed; değeri verilerek yapılıyor. CSS:
#menuC {
 height: 35px;
 width: 896px;
 margin-right: auto;
 margin-left: auto;
 margin-top: 100px;
position: fixed;
}
#menuC ul {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}
#menuC ul li {
 float: left;
}
#menuC ul li a {
 background:#000000;

 height: 35px;
 width: 128px;
 display: block;
 color: #FFFFFF;
 font-size: 12px;
 text-decoration: none;
 text-align: center;
 line-height: 35px;
}
#menuC ul li a:hover {
 background:#000000;
 font-style: italic;color: #FE4B29;
}


HTML:
<div class="clearfix" id="menuC">
  <ul>
<li><a href=”#”>Ana Sayfa</a></li>
<li><a href=”#”>Servis</a></li>
<li><a href=”#”>Hakkında</a></li>
<li><a href=”#”>Yardım</a></li>
<li><a href=”#”>İletişim</a></li>
 </ul>
</div>

5 Yorumlar

  1. Adsız18:44:00

    üstad denedim güzel olduda bu senin sitendeki gibi olmuyor.

    YanıtlaSil
  2. bnm sitemdeki olması için biraz uğraşmak lazım.
    sadece css kodları ile olmuyor.

    YanıtlaSil
  3. Adsız19:19:00

    thanks good menü.

    YanıtlaSil
  4. Adsız18:51:00

    tebrik edrim seni 2013 bunu yayınlamışssın şimdi bütün temalarda kullanıyorlar

    YanıtlaSil

Yorum Gönder

Daha yeni Daha eski

E-mail Takiıp

Yukarı Çık