Thursday, March 15, 2007

Switch Menu

Previous post နဲ႔ Archives ေတြကိုပဲျဖစ္ျဖစ္ Friend list ေတြကိုပဲျဖစ္ျဖစ္ Switch Menu ေလးနဲ႔လုပ္လို႔ရပါတယ္။ ကၽြန္ေတာ့္ side bar မွာလုပ္ထားပါတယ္။ အဲဒီေခါင္းစဥ္ေတြေပၚကို ႏွိပ္ၾကည့္ပါ။

အဲဒီလိုမ်ိဳးထည့္ခ်င္တယ္ဆိုရင္ေတာ့.....

အဆင့္ - ၁
ပထမဆံုး ေဟာဒီကုဒ္ေတြကို <--head> နဲ႔ <--/head> ၾကားထဲမွာ ကူးထည့္လိုက္ပါ။






<--head> ရဲ႕ေအာက္မွာပဲျဖစ္ျဖစ္ <--/head> ရဲ႕အေပၚမွာပဲျဖစ္ျဖစ္ထည့္ရင္ပိုေကာင္းပါတယ္။ ေနာက္ျပန္ရွာခ်င္ရင္ လြယ္ေအာင္လို႔ပါ။

အဆင့္ - ၂
ၿပီးရင္ ေဟာဒီကုဒ္ေတြကို ကုိယ့္ဘေလာ့ထဲက ကိုယ္ေပၚေစခ်င္တဲ့ ေနရာမွာထည့္ေပးရပါမယ္။





ျပထားတဲ့ ေခါင္းစဥ္နဲ႔ လင့္ေတြက နမူနာျပထားတာပါ။ ကိုယ္တပ္ခ်င္တဲ့ ေခါင္းစဥ္နဲ႔ ကိုထည့္ခ်င္တဲ့ လင့္ေတြကို ေျပာင္းေရးေပးလိုက္ေပါ့။ ကုဒ္ေတြထဲမွာ
id="sub1" id="sub2" ကေန id="sub5" ထိဆိုၿပီးေတြ႕လိမ့္မယ္။ ကိုယ့္မွာ ေခါင္းစဥ္က ၃ ခုေလာက္ပဲရွိမယ္ဆိုရင္ id="sub3" ထိပဲလိုမွာေပါ့။ တိုးခ်င္ရင္လည္းႀကိဳက္သေလာက္တိုးလို႔ရတယ္။ တစ္ခုေတာ့ သတိထားရမွာရွိတယ္။ အဲဒါေတြအားလံုးကို <--div id="masterdiv"--> ရဲ႕ေအာက္ထဲမွာပဲထားရမွာပါ။ လင့္စတိုင္ေတြကို customize လုပ္ခ်င္တယ္ဆိုရင္ အဆင့္ - ၁ မွာပါတဲ့ CSS style ေတြကို ႀကိဳက္သလိုခ်ိန္းလို႔ရတယ္။ ကၽြန္ေတာ္ေျပာတာမရွင္းေသဘူးဆိုရင္ေတာ့ ဒီမွာ တိုက္ရုိက္သြားၿပီးၾကည့္ရွဳႏိုင္ပါတယ္။

Credit: Dynamicdrive

Technorati:

2 comments:

thinzar said...

ဟင္.. ေျပာေတာ့ “အဆင့္ - ၁ ပထမဆံုး ေဟာဒီကုဒ္ေတြကို <--head> နဲ႔ <--/head> ၾကားထဲမွာ ကူးထည့္လိုက္ပါ။” တဲ့.. ကူးလို့ရေအာင္လဲ လုပ္ထားေပးဘူး။

Wai Yan said...

ေဆာဒီးဗ်ာ။ ဒီလင့္မွာ တိုက္ရိုက္သြားၿပီးေတာ့ ကူးလိုက္ပါဗ်ာ။
http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm