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

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

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

Sunday, October 5, 2008

Text Backgroung Image

မိမိေရးသားတဲ့ Post ေတြရဲ႕ ေနာက္ခံ background ကုိ စိတ္ကူးေကာင္းေကာင္းနဲ႔ လွတ ပတ ျဖစ္ေအာင္ ေရးၾကည့္မယ္ဆုိရင္ ေအာက္ပါ HTML code ကုိ အသံုးျပဳႏုိင္ပါတယ္-

<div style="background-image: url(Image URL); background-repeat: repeat; width: 450px; height: 500px;">--text--</div>

(၁)အနီေရာင္ျဖင့္ျပထားေသာ Image URL သည္ Hosting တစ္ခုမွာ Upload လုပ္ထားတဲ့ Image URL link ျဖစ္ရပါမယ္။ Image size ရဲ႕ Width ဟာလဲ မိမိ Template ၏ Main Wrapper width ခန္႔ရွိရပါမယ္။
(၂)အျပာေရာင္ျဖင့္ျပထားေသာ width, height တုိ႔သည္ မိမိ၏ post တြင္ ေပၚလြင္ေစမည့္ size ႏွင့္ Image size တုိ႔ ထပ္တူညီမွ်မႈရွိေနေစရပါမည္။
-ေအာက္တြင္ နမူနာေဖာ္ျပထားပါသည္။



ငါ့ဘ၀

ပံုစံခြက္ထဲက ဘ၀တစ္ခု
ပံုသ႑ာန္တစ္ခု
ေဘာင္တစ္ခုထဲမွာ ရွင္သန္ဆဲပါ၊
အေရြးမွားခဲ့တဲ့လမ္းမွာ
ပင္ပန္းစြာျဖတ္သန္းရင္း ဆင္းရဲ
မ၀ံ့မရဲနဲ႔ပဲ
မြန္းက်ပ္စြာ ရွင္သန္ေနရဆဲပါ။
ကုိယ့္ဘ၀ကုိယ္
တာ၀န္ယူရစၿမဲမုိ႔
အသိ သတိေတြနဲ႕ ေနာက္ျပန္လွည့္ဖုိ႔
ေရြ႕လ်ားလုိက္စဥ္မွာေတာ့
ပုိင္ဆုိင္ခဲ့ဖူးတဲ့ အခ်ိန္ေတာ္ေတာ္မ်ားမ်ားတုိ႔က
မထီမဲ့ျမင္နဲ႔
ေလွာင္ေျပာင္ေနၾကပါၿပီ။
(ေဖသိန္း)

3 comments:

  1. ေက်းဇူးပါဦးဦးတိန္ ေရ... မက္မက္ကအဲလုိမ်ိဳးေလး
    လုပ္ခ်င္တာၾကာပီ.. မလုပ္တတ္လုိ႔...
    ဟီးဟီး... ဦးဦးတိန္ရဲ့နည္းလမ္းအတိုင္း
    သြားစမ္းလုိက္ဦးမယ္ေနာ္... :) :) :)

    ReplyDelete
  2. ကုိပိန္ေရ ဘယ္ေနရာမွာ ဘယ္လုိထည့္ရမယ္ ဆုိတာပါေၿပာၿပပါဗ်ာ ခုေတာ့ ဘယ္နားသြားထည့္ရမွန္းကုိမသိဘူးၿဖစ္ေနတယ္

    ReplyDelete
  3. ကုိအိမ္ေရ-
    (၁)ကုိအိမ္ရဲ႕main wrapper width က 430px ဆုိေတာ့ ေနာက္ခံထည့္မဲ့ Image width ကုိလည္း 427px (သုိ႔မဟုတ္)430px ရွိရမယ္။Height ကုိေတာ့ မိမိကဗ်ာရဲ႕ အတုိအရွည္ေပၚမူတည္ ေျပာင္းလဲေပးလုိက္ပါ။
    (၂)post ကဗ်ာကုိ ထံုးစံအတုိင္းေရးလုိက္ပါ။ ကဗ်ာကုိ center align တုိ႔ Color တုိ႔ျပဳျပင္ခဲ့ပါ။ေရးၿပီးရင္ Edit Html ဘက္ကုိသြားပါ။
    (၃)ကဗ်ာကုိ center align တုိ႔ Color တုိ႔ျပဳျပင္ခဲ့ပါက ၄င္း Edit Html တြင္ ျပဳျပင္ခဲ့ေသာ code ေတြ ေပၚေနမွာပါ။ အဲဒါေတြအားလံုးရဲ႕အေရွ႕မွာ ေအာက္ပါ code ကုိ အရင္ထည့္လုိက္ပါ-
    <div style="background-image: url(Image URL); background-repeat: repeat; width: 430px; height: 500px;"> 
    (၄)ေအာက္ဆံုးဘာမွမရွိတဲ့အဆံုးမွာ </div> နဲ႔အဆံုးသတ္ထည့္ေပး လုိက္ပါ။

    ReplyDelete

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