လုပ်နည်း - CSS Breadcrumbs
CSS ဖြင့် breadcrumb navigation ဖန်တီးနည်းကို လေ့လာပါ။
Breadcrumb Navigation ဖန်တီးနည်း
breadcrumb လမ်းညွှန်မှုတစ်ခုသည် သုံးစွဲသူဖြတ်သန်းသွားခဲ့သော ယခင်စာမျက်နှာတစ်ခုစီသို့ လင့်ခ်များကို ပေးဆောင်ပြီး ဝဘ်ဆိုက်တစ်ခုရှိ သုံးစွဲသူ၏ လက်ရှိတည်နေရာကို ပြသသည်။
အဆင့် 1) HTML ကိုထည့်ပါ
ဥပမာ
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Pictures</a></li>
<li><a href="#">Summer 15</a></li>
<li>Italy</li>
</ul>
အဆင့် 2) CSS ကိုထည့်ပါ
ဥပမာ
/* Style the list */
ul.breadcrumb {
padding: 10px
16px;
list-style: none;
background-color: #eee;
}
/* Display list items side by side */
ul.breadcrumb li {
display: inline;
font-size: 18px;
}
/* Add a
slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before
{
padding: 8px;
color: black;
content: "/\00a0";
}
/* Add a color to all links inside the list */
ul.breadcrumb li a {
color: #0275d8;
text-decoration: none;
}
/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
color: #01447e;
text-decoration: underline;
}
pagination အကြောင်းပိုမိုလေ့လာရန် ကျွန်ုပ်တို့၏ CSS Pagination Tutorial သို့ သွားပါ ။