အခုတင္မယ့္ Post ေလးကေတာ့က်ေနာ္တိုဘေလာ့ Post မွာ Scrollbars အသံုးျပဳနည္း
ေလးပါ၊မသိၾကေသးတဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ၊Postအရွည္ေတြအတြက္ဆိုရင္ပိုျပီးေတာ့
အသံုးဝင္မယ္ထင္ပါတယ္၊ နွစ္မ်ိဳးရိွပါတယ္ တခုကမိမိၾကိဳက္တဲ့ေနရာကေန Scroll လုပ္နည္းနွင့္
ေနာက္တခုကေတာ့ Post အားလံုး Scroll လုပ္နည္းေလးပါ၊အားလံုးရွင္းေအာင္လည္း က်ေနာ္သံုး
ျပထားပါတယ္၊ပံုနဲ႕လည္းျပထားေပးပါတယ္။
ေလးပါ၊မသိၾကေသးတဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ၊Postအရွည္ေတြအတြက္ဆိုရင္ပိုျပီးေတာ့
အသံုးဝင္မယ္ထင္ပါတယ္၊ နွစ္မ်ိဳးရိွပါတယ္ တခုကမိမိၾကိဳက္တဲ့ေနရာကေန Scroll လုပ္နည္းနွင့္
ေနာက္တခုကေတာ့ Post အားလံုး Scroll လုပ္နည္းေလးပါ၊အားလံုးရွင္းေအာင္လည္း က်ေနာ္သံုး
ျပထားပါတယ္၊ပံုနဲ႕လည္းျပထားေပးပါတယ္။
Post အားလံုးကို Scroll လုပ္ခ်င္ရင္ေအာက္ကအတိုင္းသြားပါ။
၁။Layout
၂။Edit HTML
ေအာက္က Code ကိုရွာပါ
.post {
ေတြျပီဆိုရင္အေပၚမွာေအာက္က Code ကိုထပ္ထည့္ေပးလိုက္ပါ၊
.post { height:200px; overflow:auto; }
၃။Save Template button.ႏိုပ္ပါ။။
ေနာက္တခုကေတာ့မိမိၾကိဳက္တဲ့ေနရာကေနScrollလုပ္မယ္ဆိုရင္ေတာ့
.post {
အေပၚမွာေအာက္က Code ကိုထည့္လိုက္ပါ၊က်ေနာ္နမူနာသံုးျပထားပါတယ္ေအာက္ကအတိုင္းပါ။
.scrollbox {
height:100px;
width:400px;
overflow:auto;
}
height:100px; မိမိၾကိဳက္သလိုျပန္ေျပာင္းလို႕ပါရတယ္။
width:400px; မိမိၾကိဳက္သလိုျပန္ေျပာင္းလို႕ပါရတယ္။
မိမိScrollလုပ္ခ်င္သည့္စာဘယ္မွာေ၇းမယ္ဆိုတာကိုေအာက္မွာပံုနဲ႕တကြ Code ေပးထားပါတယ္၊
<div class="scrollbox">ဤေန၇ာမွာစာေ၇းပါ</div>

ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
Related Post
BLOGGER TUTORIAL
- Kp3နည္းပညာ၊၄၇၈၊ဘေလာ့CommentsFormကိုအလယ္မွာထားနည္း
- Kp3နည္းပညာ၊၄၄၄၊။ဘေလာ့ဂါ Officer ရဲ႕ဝန္ေဆာင္မူနည္းပညာသစ္Dynamic Views ၅ခု
- Kp3နည္းပညာ၊၄၄၁၊Kp3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ပိုစ္ေတြကိုCopyမရေအာင္ကာကြယ္နည္း
- Kp3နည္းပညာ၊၄၄ဝ၊Kp-3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ Tamplate ကိုေဘာင္ခတ္နည္း
- Kp3နည္းပညာ၊၄၃၇၊ဘေလာ့ Comment Form အေပၚမွာမွတ္ခ်က္ေလးထည့္ခ်င္ရင္
- Kp3နည္းပညာ၊၄၁ဝ၊ဘေလာ့ဆိုက္ဘား Title ေရွ႕မွာလြယ္ကူစြာ Logo ပံုေလးေတြထည့္နည္း
- Kp3နည္းပညာ၊၄ဝ၆၊ဘေလာ့Static Pages မွာ Read More ျဖဳတ္နည္း
- Kp3နည္းပညာ၊၄ဝ၅၊ဘေလာ့ကို Internet Explore မွာဖြင့္မရရင္ဘယ္လိုလုပ္မလဲ
- Kp3နည္းပညာ၊၄ဝ၄၊ဘေလာ့ဆိုက္ဘားေခါင္းစဥ္မွာေနာက္ခံပံုလြယ္ကူစြာထည့္နည္း
- Kp3နည္းပညာ၊၄ဝ၂၊ဘေလာ့ Blogger Template Designer ကေန Font လွလွေလးေတြရပါျပီ
- Kp3နည္းပညာ၊၄ဝဝ၊ဘေလာ့မွာCSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီးအေသးေျပာင္းနည္း
- Kp3နည္းပညာ၊၃၉၆၊ဘေလာ့ကိုHandဖုန္းကေနၾကည့္ရန္ဘေလာ့Officerရဲ႕အေကာင္းဆံုးနည္းပညာသစ္
- Kp3နည္းပညာ၊၃၉၁၊ဘေလာ့မွာ YouTube သီခ်င္းေတြကိုလြယ္ကူစြာပိုစ္မွာတင္နည္းအသစ္ေလး
- Kp3နည္းပညာ၊၃၈၉၊ဘေလာ့Site Feed အတြက္အေကာင္းဆံုးဘေလာ့ Officer ရဲ႕ဝန္ေဆာင္မူအသစ္
- Kp3နည္းပညာ၊၃၈၃၊ဘေလာ့ Comment မွာ Facebook Like Button ထားနည္း
- Kp3နည္းပညာ၊၃၈ဝ၊ဘေလာ့ကို Hand-Phone မွာဖတ္ရတာအဆင္ေျပေအာင္လုပ္နည္း
- Kp3နည္းပညာ၊၃၇၉၊ဘေလာ့ရက္စြဲေတြျပတဲ့ေနရာမွာUndefined ဆိုျပီးေပၚေနရင္
- Kp3နည္းပညာ၊၃၇၃၊ဘေလာ့မွာSocial Bookmarking Tool Bar အသစ္ေလးသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၃၆၁၊ဘေလာ့ Comments ေတြကိုKp3ရဲ႕ Scroll List ပံုစံေျပာင္းနည္း
- နည္းပညာ၊၃၅၆၊Kp3 ရဲ႕ဘေလာ့ Labels ေတြကို Auto Scroll လုပ္နည္း
- နည္းပညာ၊၃၅၅၊ဘေလာ့Postေနရာမွာ Add A Gadget ထည့္မရခဲ့ရင္
- kp3နည္းပညာ၊၃၅၂၊ဘေလာ့မွာ Kp3 ရဲ႕Page Views / Post Views Counter ထည့္နည္း
- kp3နည္းပညာ၊၃၄၆၊ဘေလာ့ပိုစ္ Title ကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီ
- kp3နည္းပညာ၊၃၄၄၊အျခားလင့္ခ္ေတြကို Mouseနဲ႕ေထာက္ရင္မူးရင္းလင့္ခ္ေပၚေအာင္လုပ္နည္း
- kp3နည္းပညာ၊၃၂၉၊ဘေလာ့မွာ KP-3 TABLE CONTENT ထည့္နည္း
0 comments:
Post a Comment
မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။