Myanmar Blogger Helpdesk

Learning, Sharing and Growing Together at Blogging Community!

ScrollBox ထည္႔နည္း  

Contributor: ရန္ေအာင္


အားလုံးပဲ မဂၤလာပါ.

ဒီတစ္ခါေတာ႔ ကၽြန္ေတာ္တုိ႔ရဲ႔ ဘေလာ႔ဂ္ေလးေတြ၊ ၀က္ဘ္ဆုိဒ္ေလးေတြထဲမွာ Scroll Box ေလးေတြ ထည္႔နည္းကုိ ေျပာျပခ်င္ပါတယ္.
အရင္ဆုံး ဒါေလးကုိ မေလ႔လာခင္ Scroll box ေလးေတြ ဆုိတာ ဘာလဲ. ဘယ္လုိေနရာမွာ အသုံး၀င္ႏုိင္သလဲ ဆုိတာေလးကုိ အရင္စဥ္းစားၾကည္႔လုိက္ၾကရေအာင္.

ကဲဗ်ာ.

ခင္ဗ်ားက စာပုိဒ္အရွည္ၾကီးတစ္ခုကုိ အကုိးအကားအေနနဲ႔ ျပခ်င္တယ္. အကုန္လုံးကုိ ရုိက္ျပလုိက္ရင္လည္း ခင္ဗ်ားရဲ႔ ပုိ႔စ္က အရွည္ၾကီး ျဖစ္သြားမယ္. အဲလုိမ်ိဳးဆုိရင္ ခင္ဗ်ားေပးခ်င္တဲ႔ မက္ေဆ႔ခ်္က ေ၀၀ါးသြားမယ္. ခင္ဗ်ားလုပ္ခ်င္တာက အဲဒီ႔ အကုိးအကား စာပုိဒ္ေလးကို ထည္႔ေပးထားျပီး စာဖတ္သူက ဖတ္ခ်င္ရင္ Scroll Down/Up လုပ္ျပီး ဖတ္၊ တကယ္လုိ႔ ဓာတ္ပုံေတြ အမ်ားၾကီး တင္ခ်င္တယ္ဆုိရင္လည္း ဒီလုိ Scroll box ေလးထဲ ထည္႔ျပီး ျပထားလုိက္ရင္ ဓာတ္ပုံ အယ္လ္ဘမ္ တစ္ခု ပုံစံမ်ိဳးေလး ဖန္တီးလုိ႔ရမယ္၊ စာဖတ္သူက ပုံေတြကုိ သူလုိသလုိ၊ ၾကိဳက္သလုိ Scroll Down/Up လုပ္ျပီး ၾကည္႔. ဒါမ်ိဳးေပါ႔ဗ်ာ.

အဓိကကေတာ႔ Space ကုိ အတတ္ႏုိင္ဆုံး က်ဳံ႔လုိက္ျပီး ေပးခ်င္တဲ႔ အေၾကာင္းအရာကုိ သိသာ ထင္ရွားေအာင္ လုပ္ေပးတာပါပဲ.

ဥပမာေလးကုိ ဒီမွာၾကည္႔ပါ.


မင္းရဲ႔ ဆံႏြယ္ေခြေတြထဲမွာ
တစ္ညတာေလာက္ အိပ္စက္ခြင္႔ရမယ္ဆုိရင္


ငွက္ငယ္ေတြ ၀န္းရံေနတဲ႔
သစ္တစ္ပင္အျဖစ္ကုိေတာင္ စြန္႔လႊတ္၀ံ႔တယ္.


မယုံရင္ ဒီမွာၾကည္႔စမ္း
လြမ္းလြန္းလုိ႔ ျဖစ္လာတဲ႔
မင္းအတြက္ အခ်စ္ပန္း…

<ေရခဲငွက္>



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

အခု ကၽြန္ေတာ္ေပးလုိက္မယ္႔ Coding ေလးကုိ ေလ႔လာၾကည္႔ပါ.
Your Text Here ဆုိတဲ႔ေနရာမွာ ကုိယ္တင္ျပခ်င္တဲ႔ စာပုိဒ္ေလး၊ ဓာတ္ပုံ စတာေတြကုိ ပုံမွန္အတုိင္း ရိုက္တင္၊ Upload လုပ္ လုပ္ပါ.
အဲဒါပါပဲ.

ဒါဆုိရင္ကိုပဲ Scroll Box ေလး တင္နည္း ျပီးပါျပီ.

ဟင္. ဒါပဲလားဆုိေတာ႔ မဟုတ္ေသးပါဘူး.

အေသးစိတ္ရွင္းျပပါမယ္. ဒါမွ ကုိယ္လုိသလုိ အက်ဥ္းအက်ယ္ ျပဳျပင္ယူႏုိင္မွာေပါ႔ဗ်ာ.

<div style="border: 3px solid green; overflow: auto; height: 100px; width: 150px; color: black; background-color: white;">YOUR TEXT HERE</div>

Border: 3px solid green

အဲဒါေလးက ဘာေျပာလဲ ဆုိေတာ႔ Box အစိမ္းေရာင္ေလး တစ္ခုလုပ္မယ္. ေဘာင္ကုိ 3 pixel အထူေပးမယ္လုိ႔ ဆုိလုိပါတယ္. အေရာင္ေတြ အမ်ိဳးမ်ိဳး ေျပာင္းယူႏုိင္သလုိ border ကုိလည္း Dashed တုိ႔ Dotted တုိ႔ စသျဖင္႔ ေပးႏုိင္ပါတယ္.

height:100px , width:150px

ဒါေလးကေတာ႔ Box ေလးရဲ႔ အျမင္႔နဲ႔ အက်ယ္ကုိ ေျပာပါတယ္. နံပါတ္ေလးေတြကုိ လုိသလုိ ကစားၾကည္႔ျပီး ကုိယ္႔စိတ္ၾကိဳက္ Box အရြယ္အစားေလးကုိ ဖန္တီးယူႏုိင္ပါတယ္. color:black ဒါကေတာ႔ Box ေလးထဲမွာ ေပၚမယ္႔ စာသားေလးေတြရဲ႔ အေရာင္ပါ. Red, Orange, Green စသျဖင္႔ စိတ္ၾကိဳက္ေျပာင္းေပးႏုိင္ပါတယ္.
background-color:white

ဒါကေတာ႔ Box ေလးရဲ႔ ေနာက္ခံ အေရာင္ပါ. ကုိယ္ေရြးခ်ယ္တဲ႔ ေနာက္ခံ အေရာင္နဲ႔ Text အေရာင္ကုိ လုိက္ဖက္ေအာင္ ေရြးခ်ယ္ေပးသင္႔ပါတယ္. ဥပမာ. အျဖဴေနာက္ခံမွာ အမည္းစာလုံးေပၚေအာင္ လုပ္သလုိမ်ိဳးေပါ႔ဗ်ာ.
ကဲ. ဒီေလာက္ပါပဲ.

အစမ္းလုပ္ျပထားတဲ႔ Box ေလးကုိ ေလ႔လာၾကည္႔ႏုိင္ပါတယ္. မရွင္းလင္းတာရွိရင္လည္း ေကာ္မန္႔မွာ ဆက္သြယ္ေမးျမန္းႏုိင္ပါတယ္.
အားလုံးပဲ ေပ်ာ္ရႊင္ခ်မ္းေျမ႔စြာ ဘေလာ႔ဂင္းႏုိင္ၾကပါေစခင္ဗ်ာ…

ခ်စ္ခင္ေလးစားလ်က္

ရန္ေအာင္


အေျပာင္းအလဲ

ႏွစ္ဦးတူယွဥ္၊ ဒီအပင္ေအာက္
ပန္းေၾကြေကာက္စဥ္၊ ရင္တထိတ္ထိတ္
ဒီအရိပ္မွာ၊ ခ်စ္စိတ္ေ၀ခဲ႔ဖူးပါတယ္.

သစ္ျမစ္ဆုံခြ၊ ယွဥ္ထုိင္ၾကရင္း
ျမေခ်ာင္းေရေၾကာ၊ ပန္းေၾကြေမွ်ာမိ
ၾကည္႔ရင္းၾကည္ႏူး၊ ေခ်ာင္းနဖူးမွာ
စိတ္ကူးႏုသစ္ခဲ႔ဖူးတယ္.

ခင္ကပစ္ေတာ႔
ဒီသစ္ပင္ေအာက္၊ ပန္းမေကာက္ခ်င္
ႏြမ္းေျခာက္ေသြ႔ဆိတ္၊ ဒီအရိပ္မွာ
လြမ္းစိတ္ရာေထာင္ ေ၀ဖူးတယ္.

ခင္မၾကင္ေတာ႔
ညင္ညင္ေရစီး၊ တမ္းတညည္းဟန္
ခင္႔ရယ္သံလား၊ ၀ုိး၀ါးထင္မိ
ၾကည္႔ေလရာရာ၊ ေ၀ဒနာႏွင္႔
ေရျပာအလွ ကင္းဖူးတယ္.

ေဩာ္… ႏွစ္ေတြၾကာလုိ႔
တစ္ခါတစ္ေခါက္၊ ဒီကုိေရာက္လွ်င္
တုိ႔ငယ္စဥ္က၊ ေႏွာင္မွ်င္တြယ္ရစ္
အခ်စ္အလြမ္း၊ ဖမ္းစားညိွဳ႔ငင္
ဒီသစ္ပင္ကား၊ ေခ်ာင္းေရစား၍
ကမ္းပါးျပဳိေနာက္ ပါေလျပီ…

ဒီကျပန္လွ်င္၊ ရင္မခုန္တတ္
မလြမ္းတတ္ေတာ႔၊ စိတ္ဓာတ္ရင္႔က်က္
ခံစားခ်က္တုိ႔၊ ပ်က္ျပယ္ခဲ႔ရ
အနည္က်ျပီ…
ဘ၀ဆုိတာ… ဒါပဲ ခင္…

ေမာင္စိန္၀င္း (ပုတီးကုန္း)



AddThis Social Bookmark Button

6 comments

  • tester  
    February 27, 2008 at 3:13 AM

    test arr lone ko center mhar bal lo htar ya ma lae hin ?.. kyaw zue pyu pyi pyaw pya pay bar ohn.. thanks in advance

  • Yan  
    March 13, 2008 at 6:03 PM

    အဲလုိမဟုတ္ဘူးဗ်. ကုိယ္႔စိတ္ၾကိဳက္ထားလုိ႔ရပါတယ္. (div ............. )ေရးခ်င္တဲ႔စာ/ပုံကုိ ဒီမွာေရး(/div) အဲဒါပါပဲ. အလယ္မွာထားခ်င္ရင္ေတာ႔ (center).....(/center) လုိ႔ အေရွ႔နဲ႔အေနာက္ကေန လွမ္းပိတ္လုိက္ေပါ႔.

    ( ) လက္သည္းကြင္းေတြေနရာမွာ < > ေထာင္႔ကြင္းေလးေတြျဖည္႔ဖတ္ေပးပါ. ေကာ္မန္႔မွာ လက္မခံလုိ႔ ေျပာင္းထားေပးတာပါ.

  • Moethagyar  
    September 24, 2008 at 12:41 AM

    ေက်းဇူးတင္ပါတယ္ ကိုရန္ေလး ဒါေပမယ္ မရွင္းလုိ႕ ေမးပါရေစ..
    ဘေလာက္ခ္ရဲ ့ဘယ္ေနရာမွာ အဲဒီ coading ထည့္ရမွာလဲ Html မွာလား??

  • kham  
    December 11, 2010 at 8:01 PM

    ကိုရန္ေအာင္ေပးတဲ့နည္းေလးက အလုပ္လဲမ႐ႈပ္ဘူး။ သံုးရတာအဆင္ေျပ တယ္။ က်ေတာ္လုပ္မရလို႔ သိခ်င္တာက ဓါတ္ပံု(၆)ပံုကိုထဲ့ၿပီး အလ်ား လိုက္(၃)ပံုစီ ႏွစ္တန္းလုပ္ခ်င္တာ လုပ္လို႔ရပါသလား။က်ေတာ္လုပ္တာ (၆)ပံုလံုးတစ္ပံုစီေဒါင္လိုက္ႀကီးျဖစ္ေနလို႔ပါ။ ေနာက္တစ္ခုကကိုရန္ေအာင္ လုပ္ထားသလို Scroll Box ကို post ရဲ႕ အလယ္တဲ့တဲ့မွာထား ခ်င္တာ က်ေတာ္လုပ္တာ left မွာျဖစ္ေနတယ္။ post အလယ္ ေရာက္ေအာင္ ဘယ္လိုလုပ္ရပါလဲ။ေက်းဇူးျပဳၿပီးေျဖေပးပါ။

  • Myo Ko Ko  
    February 27, 2012 at 5:23 AM

    အစ္ကိုေလ့လာ သြားပါတယ္ အစ္ကို ရဲ႕ ဆုိက္ေလးကို ခု မွေတြ႕တယ္ အစ္ကိုေရ သိ္ပ္ အဖုိးတန္တာပါပဲ ...အရမ္းကို ေက်းဇူးတင္ပါတယ္ ..အစ္ကို ေန႔စဥ္ ေန႕တိုင္း လာ ေရာက္ေလ့လာ ျဖစ္မွာပါ အစ္ကို ေက်းဇူးပါ ....

  • အာကာၾကီး  
    July 19, 2013 at 11:38 AM

    က်ေနာ္လဲမသိလို႔ေမးပါရေစဗ် အဲ႔ကုဒ္ေတြကို ဘယ္နားမွားထည္႔ေရးရမွာလဲ

Post a Comment

Post a Comment