Cbox မွာ ေနာက္ခံပုံေလးေတြ ထည္႔ခ်င္ရင္…

Contributor: ရန္ေအာင္

ကၽြန္ေတာ္႔ရဲ႔ ဆီဗုံးမွာ ေနာက္ခံပုံေလးထည္႔ထားတာကုိ ဘယ္လုိလုပ္ရလဲ သိခ်င္ေနသူမ်ားအတြက္ ဒီပုိ႔စ္ေလးကုိ ဆက္ေရးျဖစ္ပါတယ္… တကယ္ေတာ႔ကၽြန္ေတာ္ ကုိဖုိးခ်မ္း ရဲ႔ ဘေလာ႔ဂ္မွာ ဒါေလးကုိ စေတြ႔တာပါ.

ကဲ. ဘယ္လုိလုပ္ရလဲဆုိေတာ႔ ဂလုိလုပ္ရပါတယ္ခင္ဗ်ာ….

အဆင္႔ (၁)

Cbox ထဲကုိ Login ၀င္ပါ. Color & Fonts ဆုိတာကုိ သြားပါ. ျပီးရင္ Main BG နဲ႔ Alt BG ကုိ Blank ထားလုိက္ပါ. Apply Button ကုိ ႏွိပ္ပါ.

ဘာလုိ႔ အဲလုိလုပ္ရတာလဲဆုိေတာ႔ Cbox ကေပးထားတဲ႔ Background ကုိ အရင္ဖ်က္ပစ္မွ ကိုယ္တင္မယ္႔ပုံ ေပၚမွာမုိ႔လုိ႔ပါ.

အဆင္႔ (၂)

ကုိယ္တင္ခ်င္တဲ႔ ပုံကုိ Size နည္းနည္းေလာက္ ညိွေပးဖုိ႔လုိပါတယ္. ဒီတုိင္းေကာက္တင္လုိက္လုိ႔ မရပါဘူး. ကုိယ္ေပၚေစခ်င္တဲ႔အတုိင္း မေပၚဘဲ ေနပါလိမ္႔မယ္. ဒီေတာ႔ကာ Size ကုိဘယ္လုိညွိမလဲ ဆုိတာကေတာ႔ မိမိ Cbox ရဲ႔ Width နဲ႔ Length ေပၚ မူတည္ေနပါတယ္. ဥပမာဗ်ာ.

ကၽြန္ေတာ္႔ Cbox က Width – 220 နဲ႔ Height 300 ေပးထားတယ္. ဒါေၾကာင္႔ ကၽြန္ေတာ္တင္မယ္႔ Maple Leaf ေလးကုိ အဲဒီ႔ Resolution ရေအာင္ အရင္ျပင္လုိက္တယ္. ျပီးေတာ႔ File Hosting Site ေပၚ လွမ္းတင္ျပီး URL ထုတ္ယူလုိက္တယ္. ရလာတဲ႔ URL ကုိမွ ေအာက္ပါ Coding ေလးေတြထဲမွာ အစားသြင္းလုိက္ပါတယ္.

For Message Background

#cboxmain{
background:url(your image url) no-repeat;
}

For Form Background

#cboxform{
background:url(your image url) no-repeat;
}

အဆင္႔ (၃)

ခုထိ အဆင္ေျပေနေသးတယ္ေနာ္.
အုိေက… မိမိဘေလာ႔ဂ္ထဲကုိ Sign in ၀င္လုိက္ပါ. Template > Edit Html Tab ကုိသြားပါ. ခါတုိင္းလုိပဲ </head> Tag မဆုံးခင္ တစ္ေနရာရာေလးမွာ အေပၚက Coding ေလးေတြကုိ ထည္႔ေပးလုိက္ပါ. ကၽြန္ေတာ္ကေတာ႔ အရင္ EOT တုိ႔၊ PollDaddy တုိ႔ရဲ႔ Coding ေလးေတြနားမွာပဲ ကၽြန္ေတာ္အသစ္ထည္႔မယ္႔ Coding ေလးေတြကို For Cbox လုိ႔ Comment ေလး ေရးျပီး ထည္႔လုိက္ပါတယ္. ကၽြန္ေတာ္ ေၾကျငာထားတဲ႔ Coding ပုံစံေလးကုိ ေလ႔႔လာၾကည္႔ပါ ခင္ဗ်ာ…

<Variable name="postTitleFont" description="Post Title Font" type="font"
default="normal bold 135% 'Zawgyi-One', Georgia, Times New Roman, Tahoma, Arial, sans-serif">

*/


/*For Cbox
------------------------------ */

#cboxmain{
background:url(http://h1.ripway.com/yanaung/red-maple-tree.jpg) no-repeat;
}


#cboxform{
background:url(http://h1.ripway.com/yanaung/red-maple-tree.jpg) no-repeat;
}


/*For PollDaddy
------------------------------ */

div.widget-content .pds-box {
font-family: ZawGyi-One !important;
}

Preview အရင္ၾကည္႔ပါ. ၾကိဳက္သြားျပီဆုိရင္ေတာ႔ Template ကုိ Save လုပ္လုိုက္ပါ.

ဟုတ္ကဲ႔ ျပီးပါျပီ.

အားလုံး ေပ်ာ္ရႊင္ၾကပါေစ ခင္ဗ်ာ…