လုပ်နည်း - Horizontal Scroll Menu
CSS ဖြင့် အလျားလိုက် ရွှေ့နိုင်သော မီနူးကို ဖန်တီးနည်းကို လေ့လာပါ။
အိမ်
သတင်း
ဆက်သွယ်ပါ။
အကြောင်း
အထောက်အပံ့
ဘလော့
ကိရိယာများ
အခြေ
စိတ်ကြိုက်
နောက်ထပ်
လိုဂို
သူငယ်ချင်း
လုပ်ဖော်ကိုင်ဖက်များ
လူတွေ
အလုပ်
Horizontal Scrollable Menu ဖန်တီးနည်း
အဆင့် 1) HTML ကိုထည့်ပါ
ဥပမာ
<div class="scrollmenu">
<a href="#home">Home</a>
<a
href="#news">News</a>
<a href="#contact">Contact</a>
<a
href="#about">About</a>
...
</div>
အဆင့် 2) CSS ကိုထည့်ပါ
navbar ကို scrollable လုပ်ရန်လှည့်ကွက်ကို အသုံးပြု၍ overflow:auto
နှင့် white-space: nowrap
:
ဥပမာ
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;
}
အကြံပြုချက်- လမ်းပြဘားများအကြောင်း ပိုမိုလေ့လာရန် ကျွန်ုပ်တို့၏ CSS Navbar Tutorial သို့ သွားပါ ။