Pages - Menu

5 Dec 2012

Drop Down Menu လုပ္နည္း

Drop Down Menu ေလးေတြကိုျပဳလုပ္ခ်င္တယ္ဆိုရင္ေတာ့

1. layout > Edit html  ထဲကို၀င္လိုက္ပါ။ Expend ကို အမွန္ျခစ္ေပးထားလိုက္ပါ။ အဲဒီေနာက္ html code ေတြၾကားထဲမွာ cusor ခ်ၿပီး Control+F ကိုတြဲႏွိပ္လိုက္ရင္ စကရင္ရဲ႕ ေအာက္နားေလးမွာ search ေဘာက္ကေလး ေပၚလာမယ္။ အဲဒီေဘာက္ထဲမွာ အဲဒီေဘာက္ထဲမွာ <div id='content-wrapper'> ဆိုတဲ့စာသားကို ရိုက္ထည့္လိုက္ရင္ html code ေတြၾကားထဲမွာ အစိမ္းေရာင္ ဟိုက္လိုက္ ျပေနလိမ့္မယ္။ အဲဒီ <div id='content-wrapper'>ဆိုတဲ့ကုဒ္ရဲ႕ အေပၚဘက္မွာ ေအာက္ကကုဒ္ေတြကို ကူးၿပီး Paste ခ်လိုက္ပါ။ ေအာက္မွာ ပံုေလးနဲ႔ျပထားတယ္။


<div id='nav'>
<ul>
<li class='firstchild'><a href='/'>Home</a></li>
<li><a href='#'>About</a>
<ul>
<li><a href='#'>Link 1</a></li>
<li><a href='#'>Link 2</a></li>
<li><a href='#'>Link 3</a>
<ul>
<li><a href='#'>Link 3a</a></li>
<li><a href='#'>Link 3b</a></li>
</ul>
</li>
<li><a href='#'>Link 4</a>
<ul>
<li><a href='#'>Link 4a</a></li>
<li><a href='#'>Link 4b</a></li>
<li><a href='#'>Link 4c</a></li>
<li><a href='#'>Link 4d</a></li>
</ul>
</li>
<li><a href='#'>Link 5</a></li>
</ul>
</li>

<li><a href='#'>Links</a>
<ul>
<li><a href='#'>Link 1</a></li>
<li><a href='#'>Link 2</a></li>
<li><a href='#'>Link 3</a></li>
<li><a href='#'>Link 4</a>
<ul>
<li><a href='#'>Link 4a</a></li>
<li><a href='#'>Link 4b</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='http://www.blogger.com'>Blogger</a>
<ul>
<li><a href='http://help.blogger.com/'>Help Centre</a></li>
<li><a href='http://status.blogger.com/'>Blogger Status</a></li>
</ul>
</li>
</ul>
</div>

ဒီေနရာမွာ ခ်ရမွာပါ...
  ဒါဆိုရင္ေတာ့ Drop Down menuေလးထြက္လာမွာပါ။ # ေနရာမွာ ကိုယ့္ဘေလာ့ရဲ႕လင့္ကို ထည့္ေပးရမွာပါ။ ဥပမာ-http://komaungpauk.blogspot.com/search/label/blogging  ၿပီးေတာ့ Link ဆိုတဲ့ေနရာမွာေတာ့ ကိုယ့္ menu ရဲ႕ နာမည္ေပါ့။

Twitter Delicious Facebook Digg Stumbleupon Favorites More