Tuesday, May 3, 2011

Navigation Menu for Blog

(၁) ေအာက္မွာ ေဖၚျပထားတဲ့ CSS code ေတြကို Blog Code ေတြထဲက CSS section ထဲမွာ သြားထည့္ေပးလိုက္ပါ။ CSS section ဆိုတာ ဘယ္ေနရာလဲလို႕ေမးရင္ေတာ့ လြယ္လြယ္ေျပာရရင္ HTML မွာ Head နဲ႕Body ဆိုျပီး အပိုင္း၂ ပိုင္းရိွပါတယ္..။ CSS section ဟာ head အပိုင္းထဲမွာ ရိွပါတယ္..။ အတိအက်ေျပာရရင္ ဆိုတဲ့စာေၾကာင္း မတိုင္ခင္အပိုင္းဟာ CSS section ပါ..။ သေဘာတရားကေတာ့ webpage မွာသံုးမဲ့ obeject ကို CSS style sheet မွာအရင္ေၾကျငာျပီး html ကဆြဲယူသံုးစြဲတာျဖစ္ပါတယ္..။ ေအာက္ပါ CSS code ေတြကိုယူျပီးCSS section ထည့္ေပးလိုက္ပါ..။Font family,marging,padding,font colour နဲ႕ background colour ေတြကို မိမိစိတ္ၾကိဳက္ေျပာင္းလဲေပးလို႕ရပါတယ္..။

#nav {
font-family: Verdana, Arial, sans-serif;
font-size: small;;
padding:5px 15px 5px;
margin:0px;
background-color:#71B8D5;
color:#fff;
width: 100%;
border-bottom: 1px solid #6F8C8F;
}
#nav a
{
color:#fff;
text-decoration:none;
}
#nav a:hover
{
text-decoration:underline;
}


(၂) ျပီးရင္ ေအာက္မွာ ေဖာ္ျပထားတဲ့ html code ေတြကို Navigation menu ထည့္သြင္းခ်င္တဲ့ ေနရာမွာ သြားထည့္ေပးလိုက္ပါ..။ ဥပမာ.. Header ေအာက္မွာထည့္ခ်င္တယ္ဆိုရင္ေတာ့.. အရင္ဆံုး.. template ထဲမွာ ေအာက္မွာ ေဖၚျပထားတဲ့ code ကိုအရင္ရွာလိုက္ပါ..။






အဲဒီ code ကိုေတြ႕ျပီဆိုရင္သူ႕ရဲ႕ ေနာက္မွာကပ္ျပီး ေအာက္ပါ html code ကိုထည့္ေပးလိုက္ပါ..



Link URL မွာ မိမိထည့္သြင္းလိုတဲ့ URL နဲ႕ Name တို႕ကိုထည့္ေပးလိုက္ပါ.။ ဒါဆိုရင္ျပီးပါျပီ..

0 comments:

Related Posts Plugin for WordPress, Blogger...