Nasıl Yapılır - Yatay Kaydırma Menüsü
CSS ile yatay kaydırılabilir bir menünün nasıl oluşturulacağını öğrenin.
Ev
Haberler
Temas
Hakkında
Destek
Blog
Araçlar
Temel
Gelenek
Daha
Logo
Arkadaşlar
Ortaklar
İnsanlar
Çalışmak
Yatay Kaydırılabilir Menü Nasıl Oluşturulur
Adım 1) HTML'yi ekleyin:
Örnek
<div class="scrollmenu">
<a href="#home">Home</a>
<a
href="#news">News</a>
<a href="#contact">Contact</a>
<a
href="#about">About</a>
...
</div>
Adım 2) CSS'yi ekleyin:
Gezinme çubuğunu kaydırılabilir yapmanın püf noktası ve overflow:auto
kullanmaktır white-space: nowrap
:
Örnek
div.scrollmenu {
background-color: #333;
overflow: auto;
white-space: nowrap;
}
div.scrollmenu a {
display: inline-block;
color: white;
text-align: center;
padding: 14px;
text-decoration: none;
}
div.scrollmenu a:hover {
background-color: #777;
}
İpucu: Gezinme çubukları hakkında daha fazla bilgi edinmek için CSS Navbar Eğitimimize gidin.