ပန္းတစ္ခင္း...ခ်စ္ျခင္းေတြရွိမွ...လွႏုိင္မွာပါ။

ပန္းတစ္ခင္း...ေဒါသမီးေတြၿငိမ္းမွ လွႏုိင္မွာပါ။

ပန္းတစ္ခင္း...အတၱေတြရွင္းမွ လွႏုိင္မွာပါ။

Wednesday, August 6, 2008

Main and Sidebar Wrapper

Main Wrapper နဲ႔ Sidebar Wrapper အေၾကာင္းကုိ နည္းနည္းေျပာျပေပး ပါမယ္။ ဘာျဖစ္ လုိ႔လဲ ဆုိေတာ့ မိမိရဲ႕ blog ေလးထဲကုိ အမ်ိဳးမ်ိဳးေသာ အလွအပ အဆင္တန္ဆာတုိ႔ ထည့္မည္ ဆုိရင္သိထားဘုိ႔ လုိအပ္မဲ့ အခ်က္ေလးျဖစ္လုိ႔ပါပဲ။ ဥပမာ-cbox, google gadgets, image-- စသည္တုိ႔လုိမ်ိဳးကုိ Main Wrapper နဲ႔ Sidebar Wrapper တုိ႔ရဲ႕ Width ကုိ သိထားမွ စဥ္းစား တြက္ခ်က္ ျပင္ဆင္ထည့္မွ အဆင္ေျပ လွပ ေသသပ္ မွာပါ။ ဒါေၾကာင့္-


(၁) Dashboard ==> Layout-->Edit HTML ကုိသြားပါ။ ဒီေနရာမွာ အရင္ဆံုးေျပာခ်င္တာက HTML နဲ႔ပတ္သက္ၿပီး ဘယ္လုိအေၾကာင္းမ်ိဳးမ်ိဳးေၾကာင့္ ျပင္ဆင္မယ္ ဆုိရင္ေတာ့ အရင္ဆံုးလုပ္ရမယ့္အခ်က္က မိမိရဲ႕ Template ကုိ backup လုပ္ထားဘုိ႔ပါပဲ- Backup/Restore Template ေအာက္က Download Full Template ကုိႏွိပ္ၿပီး backup လုပ္ပါ။ (ဒါမွမဟုတ္) Edit HTML ထဲမွ code ေတြအားလံုးကုိ Notepad ထဲ copy ကူးထည့္ထားၿပီး Save ထားပါ။ အေၾကာင္းအမ်ိဳးေၾကာင့္ အဆင္မေျပတာေတြ ျဖစ္လာရင္ ျပန္ၿပီးအသံုးျပဳလုိ႔ ရေအာင္လုိ႔ပါ။

(၂) Edit Template ေအာက္က code ထဲမွေအာက္ေဖာ္ျပပါ code ကုိရွာပါ။
#main-wrapper {
align: center;
width:470px;
margin-left:25px;
float:left;
word-wrap: break-word;
}
#sidebar-wrapper {
align: left;
width:180px;
float:right;
margin-right:15px;
word-wrap: break-word;
}

-Keyboard မွ (ctrl+F)Key ကုိႏွိပ္ၿပီးေပၚလာမည့္ Find: box ထဲတြင္ #main-wrapper, #sidebar wrapper တစ္ခုခုကုိ ရုိက္ထည့္ၿပီး ရွာရင္လည္း ျမန္ျမန္ရွာေတြ႕ႏုိင္ပါတယ္။
-အနီေရာင္ျဖင့္ ျပထားေသာ code သည္ မွတ္သားထားရမယ့္ မိမိ Template ရဲ႕ width တုိ႔ ျဖစ္ပါတယ္။
-အဆင္ေျပပါေစ။

0 comments:

Post a Comment

မဂၤလာပါဗ်ာ ေက်းဇူးတင္ပါတယ္