♡♬ ေရာေရာသမေမႊ ဘေလာ့ဂ္မွ♪♪ ႀကိဳပါဆိုတယ္♪♪ မိတ္ေဆြမ်ား ကိုယ္စိတ္ႏွစ္ျဖာ ရႊင္လန္းခ်မ္းေျမ့ေတာ္မူၾကပါေစ♬♡
Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

October 11, 2014

" ဘေလာ့ဂ္ေပၚမွာ Scroll Box ေလးတင္သြင္းနည္း "

ဘေလာ့ဂ္ေပၚမွာ  Scroll Box  ေလးတင္ၿပီး သံုးႏိုင္ဘို႕အတြက္ Scroll Box အတြက္  HTML Code ေတြ ကိုသံုးေပးရပါတယ္။ မိမိကိုယ္တိုင္ျပဳလုပ္
ႏိုင္သလို.......တျခားျပဳလုပ္ၿပီးသား ကုဒ္မ်ားကိုလည္း ရွာေဖြထည့္သံုးႏိုင္ပါတယ္။ ေဘာက္စ္ရဲ႕ အက်ယ္ပမာဏကို မိမိစိတ္တိုင္းက် ျပဳျပင္ႏိုင္ပါတယ္။

width:( အနံ၊ ျဗက္) ဆိုတဲ့ ေဘးက ဂဏန္းကိုသာ ေျပာင္းေပးရမွာ ျဖစ္ပါတယ္။
ပိုစ္ ေပၚမွာ မွတ္သားရ မည့္အမွတ္အသားေလးေတြကို ေအာက္က ပံုမွာ ၾကည့္ပါ။



တင္ပံုတင္နည္းမွာ၊
ပထမဦးဆံုး မိမိရဲ႕ ဘေလာ့ဂ္ထဲကို ဝင္ပါ၊ New Post ကို ႏွိပ္ပါ။
ပိုစ့္ က်လာရင္  ပိုစ္ရဲ႕ ဘယ္ဘက္ အထက္နားမွာ  HTML   ဆိုတာကိုရွာပါ။ သူ႕ေဘးမွာ Compose ဆိုတာကို ကပ္လ်က္ ေတြ႕ျမင္ရပါလိမ့္မယ္။
HTML ဆိုတာကိုႏွိပ္တာႏွင့္  ကုဒ္ေတြေပၚလာပါလိမ့္မယ္။  အဲ့ဒီကုဒ္ေတြရဲ႕ ေအာက္မွာ Scroll Box အတြက္ ေပးထားတဲ့ကုဒ္ေတြကို ထည့္ေပး
လိုက္ပါ။
Scroll Box အတြက္ ေကာ္ပီလုပ္ထားတဲ့ ကုဒ္ေတြကို ထည့္ေပးၿပီးရင္ သူ႕ေဘးက Compose ဆုိတာကိုႏွိပ္လိုက္ပါ။
ဒါဆိုရင္  ပိုစ့္ေပၚမွာ ေဘာက္စ္ကို ေတြ႕ရပါလိမ့္မယ္။ အဲ့ဒိ ေဘာက္ထဲမွာ ကိုယ္ထည့္ေရးခ်င္တာေတြကို ထည့္ေရးႏိုင္ပါတယ္။

ေဘာက္စ္ေလး ေပၚလာရင္ သူ႕အထဲမွာ စာေရးထားတာေတြ ေတြ႕ရပါလိမ့္မယ္ အဲဒိေရးထားတာေလးေတြကို ဖ်က္လိုက္ပါ။ အကုန္မဖ်က္မိဖို႕သတိထားပါ
ေနာက္ဆံုး စာလံုးတလံုအထိ ခ်န္ထားပါ။ ကိုယ္ေရးခ်င္တာ၊ ဒါမွမဟုတ္ ေကာ္ပီလုပ္ထားတဲ့ စာေတြကို ေပးစ္ထ္ လုပ္ခ်င္ရင္လုပ္လိုက္ပါ။ ၿပီးမွ အေစာက
ခ်န္ထားတဲ့စာလံုး သို႕မဟုတ္ စာေၾကာင္းကို ဖ်က္လိုက္ပါ။  ေဘာက္စ္အထဲက စာေၾကာင္းေတြ အကုန္ဖ်က္တာႏွင့္ ေဘာက္စ္ေလးလည္း တပါတည္းဘဲ
ေပ်ာက္သြားပါလိမ့္မယ္။ ေအာက္က ေဘာက္စ္ရဲ႕ ပံုေလးကို တခ်က္ၾကည့္ၾကည့္ပါ။ သူ႕ရဲ႕ အက်ယ္
က height 120 px.  width 120 px.  ျဖစ္ပါတယ္။
scroll box အတြက္ ထည့္ေပး ရမည့္ ကုဒ္ေတြက ေအာက္မွာပါ။
Code (ကုဒ္)Result (ရလဒ္၊ ေပၚလာမဲ့ပံု)

As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
ကုဒ္ေတြေဘးက ေဘာက္စ္ အေသးေလးကေတာ့ Scroll Box ေလးပါ။ အဲဒိပံုေလး ေပၚလာပါလိမ့္
မည္။  သူ႕ထဲက စာေတြကိုသာ ဖ်က္သံုးပါ။   ဒီနည္းကိုသိၿပီးျဖစ္တဲ့ ပညာရွင္မ်ား ခြင့္လြတ္ေပးၾကပါ။
ဒါက နည္း မသိေသးတဲ့ ညီအစ္ကို ေမာင္ႏွမေတြ အတြက္သာလွ်င္ျဖစ္ပါတယ္။
Scroll Box ပံုစံ အမ်ိဳးမ်ိဳးကိုလည္း ေနာက္မ်ား မၾကာမွီ တင္ဆက္ေပးသြားပါမည္။ အားလံုးကို ခ်စ္ခင္
ေလးစားလွ်က္........
ေအာင္ျမင္ၾကပါေစ....



No comments:

Subscribe

လာလည္သူမ်ား

free counters