Followers

အီးေမးလ္မွာဖတ္ခ်င္ရင္အေပၚမွာ Sign In (Menber)ဝင္ၾကပါလို႕ေတာင္းဆိုပါရေစ။ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

kp3နည္းပညာ၊၁၅၅၊Charm CSS Horizontal Menu သံုးခ်င္၇င္

အခုတင္တဲ႕ Post ေလးကလည္းCharm CSS Horizontal Menu လို႕ေခၚပါတယ္၊ဘေလာ့အတြက္
သံုးလို႕ေကာင္းတဲ့ Menu ေလးတခုပါဘဲ၊ Code ေတာ့အရမ္းကိုရွင္းပါတယ္၊သံုးခ်င္တဲ့ဘေလာ့မိတ္ေဆြ
ေတြအတြက္ေပါ႕ေနာ္၊နမူနာသြားၾကည့္လို႕ရေအာင္လည္း DEMO လင့္ခ္လည္းေပးထားပါတယ္...။။။။
ေအာက္မွာထည့္နည္းနဲ႕တကြပံု၊ဘေလာ့္မိတ္ေဆြအားလံုးကိုအဆင္ျမဲခ်စ္ခင္ေလးစားလၽွက္..kp3မိသားစု

                                                    DEMO
၁။Dashboard

၂။Layout

၃။Edit HTML

ေအာက္က Code ကိုရွာပါ၊
</head>
ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ေတြကိုထည့္ေပးလိုက္ပါ။
<style type='text/css'>

#menu {text-align:left;height:36px;background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/SznEaEVrk3I/AAAAAAAAAkc/BNOaqEMWQjY/menu.gif) repeat-x top;padding:0px 10px 0px 10px;vertical-align: top;margin:0px 4px 0px 4px;}

#menu ul {height:36px; width:100%;overflow:hidden;}

#menu li {  font: 15px Arial, Helvetica, sans-serif; display: inline;  margin-right: 10px; padding:5px 0px 5px 0px; font-weight:bold; line-height:36px;height:36px;}

#menu li a {  color: #494949;  text-decoration: none;}

#menu li a:hover {color: #333;text-decoration: underline;}

</style>
၄။Save Template.ကိုႏိုပ္လိုက္ပါ၊

၅။Layout

၆။Page Elements

၇။Add a Gadget

၈။HTML/Javascript' သြားျပီးေအာက္က Code ကိုထည့္လိုက္ပါ၊
<div id="menu">

<ul>
 
<li><a href="မိမိရဲ႕ဒီမွာထည့္ပါ#" title="#">ေကပီသ၇ီး</a></li>

<li><a href="မိမိရဲ႕ဒီမွာထည့္ပါ#" title="#">သီခ်င္း</a></li>

<li><a href="မိမိရဲ႕ဒီမွာထည့္ပါ#" title="#">သတင္း</a></li>

<li><a href="မိမိရဲ႕ဒီမွာထည့္ပါ#" title="#">ဂ်ာနယ္</a></li>

<li><a href="မိမိရဲ႕ဒီမွာထည့္ပါ#" title="#">ဗီြဒီယို</a></li>

<li><a href="မိမိရဲ႕ဒီမွာထည့္ပါ#" title="#">အႏုပညာ</a></li>

<li><a href="မိမိရဲ႕ဒီမွာထည့္ပါ#" title="#">အားကစား</a></li>

<li><a href="မိမိရဲ႕ဒီမွာထည့္ပါ#" title="#">ဆက္သြယ္ရန္</a></li>

</ul>

</div>
၉။Save ႏိုပ္လိုက္ျပီးထားခ်င္တဲ့ေန၇ာမွာသြားထားၾကေတာ့၊က်ေနာ္မလိုက္ေတာ့ဘူးေနာ္-ဟီး.....


မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Related Post

Reactions:

6 comments:

အခ်ိန္ရသေရြ႕ ေလ့လာႀကိဳးပမ္းေနပါတယ္။ ေက်းဇူးလဲ အထူးတင္ပါတယ္။ ေအာင္ျမင္ပါေစ။ မိသားစု ကိုယ္စိတ္ႏွစ္ျဖာ က်န္းမာရႊင္လန္း ခ်မ္းေျမ႕ၾကပါေစလို႕ဆုမြန္ေကာင္းေတာင္းလၽွက္ပါ။

menu က အလုပ္မလုပ္ဘူးျဖစ္ေနတယ္။ ဘာျဖစ္လုိ႔လဲ မသိဘူး။ပုိ႔စ္ တစ္ခုခ်င္းစီကုိ edit လုပ္ၿပီး ျပန္ထဲ့တာပဲဗ်ာ။ အလုပ္မလုပ္ဘူး ျဖစ္ေနလုိ႔။ ကုဒ္ ေတြမ်ား ေနရာအထားမွားလားလုိ႔ မသိဘူး။/head ရဲ႕အေပၚမွာထားတာပဲေလ။ မရဘူး။ တစ္ခ်က္ေလာက္ျပန္ၾကည့္ေပးပါဦး။ ေက်းဇူးတင္စြာျဖင့္...

ေကာင္းေကာင္းျပန္ထည့္ၾကည့္လို္က္ပါ

လင္႔ခ္ ေတြ ဘယ္လိုခ်ိတ္ေပး ရမလည္း အကိုတို႔ ခင္ဗ်...... သီခ်င္း ဆိုတဲ႔ tab ကိုနွိပ္လိုက္ရင္
ကို တင္ထားတဲ႔သီခ်င္း post ေတြပဲ ေပၚေအာင္......

nayla, က်ေနာ္လင့္ခ္ေတြေပးနည္းေကာင္းေကာင္းရွင္းျပထားတာရွိပါတယ္။ menu တင္တဲ့ပိုစ္ေတြျပန္ၾကည့္ၾကည့္လိုက္ပါ

အဆင္ေၿပသြားပါၿပီ အကို သိုင္းက်ဴးဗ်

Post a Comment

မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။