Showing posts with label ScrollBox. Show all posts
Showing posts with label ScrollBox. Show all posts

Saturday, September 1, 2012

ScrollBox ထဲမွာ မိမိညႊန္းခ်င္တဲ႔လင္႔ထည္႔ခ်င္ရင္

Preview
မဂၤလာပါဗ်ာ Bolgger ခ်စ္သူေတြအတြက္ အသုံးဝင္မယ္ ထင္လုိ႔ ScrollBox ေလး ေနာက္တစ္ခု တင္ေပးလုိက္ပါဗ်ာ အခုလုိ႔မ်ဳိး ScrollBox ေလးသုံးထားေတာ႔ မိမိညႊန္းခ်င္တဲ႔ လင္႔ေတြအရွည္လုိက္ မႀကေတာ႔ပဲ ScrollBox နဲ႔က်ေတာ႔ ႀကည္႔လွတာေပါ႔ေနာ္ သုံးခ်င္တဲ႔ သူငယ္ခ်င္းေတြရွိရင္ ေအာက္မွာ Copy ကူးလုိက္ပါဗ်ာ ထည္႔နည္းကေတာ႔ထုံစံအတုိင္း Layout က Add a Gadget ကုိသြားၿပီး HTML/JavaScript မွာထည္႔လုိက္ယုံပါပဲဗ်ာ.....


<div class="widget-content">
<ul style="height:190px;width:220px; overflow:auto; ">
<li><a href="လင္႔ထည္႔ရန္ "> ေမာက္ေမာက္ေလး</a></li>
<li><a href="လင္႔ထည္႔ရန္ "> ေမာက္ေမာက္ေလး</a></li>
<li><a href="လင္႔ထည္႔ရန္"> ေမာက္ေမာက္ေလး </a></li>
<li><a href=" လင္႔ထည္႔ရန္"> ေမာက္ေမာက္ေလး</a></li>
<li><a href="လင္႔ထည္႔ရန္ "> ေမာက္ေမာက္ေလး </a></li>
<li><a href="လင္႔ထည္႔ရန္  "> ေမာက္ေမာက္ေလး</a></li>
<li><a href="လင္႔ထည္႔ရန္"> ေမာက္ေမာက္ေလး</a></li>
<li><a href="လင္႔ထည္႔ရန္"> ေမာက္ေမာက္ေလး</a></li>
<span style="font-weight:bold;"></span>
</ul></div>
မွတ္ခ်က္။ ။အလ်ားနဲ႔အနံေနရာမိမိႀကဳိက္သလုိ ိခ်ိန္းလုိ႔ပါတယ္ဗ်ာ.........

                                                                                       အခုမွာ Bolg စလုပ္သူအတြက္ရည္ရြယ္ပါဗ်ာ

ScrollBox ထဲမွာ မိမိညႊန္းခ်င္တဲ႔လင္႔ထည္႔ခ်င္ရင္

Preview
မဂၤလာပါဗ်ာ Bolgger ခ်စ္သူေတြအတြက္ အသုံးဝင္မယ္ ထင္လုိ႔ ScrollBox ေလး ေနာက္တစ္ခု တင္ေပးလုိက္ပါဗ်ာ အခုလုိ႔မ်ဳိး ScrollBox ေလးသုံးထားေတာ႔ မိမိညႊန္းခ်င္တဲ႔ လင္႔ေတြအရွည္လုိက္ မႀကေတာ႔ပဲ ScrollBox နဲ႔က်ေတာ႔ ႀကည္႔လွတာေပါ႔ေနာ္ သုံးခ်င္တဲ႔ သူငယ္ခ်င္းေတြရွိရင္ ေအာက္မွာ Copy ကူးလုိက္ပါဗ်ာ ထည္႔နည္းကေတာ႔ထုံစံအတုိင္း Layout က Add a Gadget ကုိသြားၿပီး HTML/JavaScript မွာထည္႔လုိက္ယုံပါပဲဗ်ာ.....


<div class="widget-content">
<ul style="height:190px;width:220px; overflow:auto; ">
<li><a href="လင္႔ထည္႔ရန္ "> ေမာက္ေမာက္ေလး</a></li>
<li><a href="လင္႔ထည္႔ရန္ "> ေမာက္ေမာက္ေလး</a></li>
<li><a href="လင္႔ထည္႔ရန္"> ေမာက္ေမာက္ေလး </a></li>
<li><a href=" လင္႔ထည္႔ရန္"> ေမာက္ေမာက္ေလး</a></li>
<li><a href="လင္႔ထည္႔ရန္ "> ေမာက္ေမာက္ေလး </a></li>
<li><a href="လင္႔ထည္႔ရန္  "> ေမာက္ေမာက္ေလး</a></li>
<li><a href="လင္႔ထည္႔ရန္"> ေမာက္ေမာက္ေလး</a></li>
<li><a href="လင္႔ထည္႔ရန္"> ေမာက္ေမာက္ေလး</a></li>
<span style="font-weight:bold;"></span>
</ul></div>
မွတ္ခ်က္။ ။အလ်ားနဲ႔အနံေနရာမိမိႀကဳိက္သလုိ ိခ်ိန္းလုိ႔ပါတယ္ဗ်ာ.........

                                                                                       အခုမွာ Bolg စလုပ္သူအတြက္ရည္ရြယ္ပါဗ်ာ

ScrollBox ထဲမွာ မိမိေရးခ်င္တာေရးခ်င္ရင္

Preview
မဂၤလာပါဗ်ာ အခုတစ္ေလာ႔ ပုိစ္႔ေတြ မတင္ၿဖစ္တာ ႀကာသြားပါၿပီး အခုလည္း အခ်ိန္ရတာနဲ႔ Bolgger ခ်စ္သူေတြအတြက္ ScrollBox ထဲမွာ မိမိေရးခ်င္တာေရးၿပီး မိမိထည္႔ခ်င္တာထည္႔လုိ႔ရေအာင္ တင္ေပးလုိက္ပါဗ်ာ အခုလုိ႔မ်ဳိး ScrollBox နဲ႔ေရးေတာ႔ မိမိေရးတဲ႔ဟာ မရွည္က်ေတာ႔ပဲ တုိတုိေလးနဲ႔ဆုိေတာ႔ ႀကည္႔လုိ႔လွတာေပါ႔ေနာ္ ထည္႔ခ်င္တဲ႔ သူငယ္ခ်င္းေတြအတြက္ ေအာက္မွာ Code ယူလုိက္ပါဗ်ာ ထည္႔နည္းကေတာ႔ ထုံစံအတုိင္းေပါ႔ဗ်ာ သိတယ္ဟုတ္လား..........

<div style="border: 3px solid green; overflow: auto; height: 120px; width: 220px; color: black; background-color: Red;">မိမိေရးခ်င္တာေရးပါဗ်ာ</div>

ဘယ္သူမဆုိ...... ၿမတ္ၿမတ္ႏုိးႏုိးခ်စ္ခဲ႔ရဖူးေသာ အခ်စ္ဦးတစ္ေယာက္တစ္ေလရွိခဲ႔ဖူးပါမည္ အေႀကာင္းအမ်ဳိးမ်ဳိးေႀကာင္႔ အခ်စ္ဦးနဲ႔လႊဲခဲ႔ေသာ္လည္း.............. ဖူးစာကလက္ေဆာင္ေပးတဲ႔ အခ်စ္ဆုံးတစ္ေယာက္ႏွင္႔ ထပ္လုိ႔ဆုံခဲ႔လွ်င္ ပုိမုိမွန္ကန္စြာခ်စ္တက္လာပါမည္ အခ်စ္သဝန္လႊာ ေမာက္ေမာက္ေလး
မွတ္ခ်က္။ ။height: 120px; နဲ႔ width: 220px; ေနရာမိမိဆုိဒ္နဲ႔ကုိက္ညီသလုိ ခ်ဲ႕/က်ဥ္းႏုိင္ပါတယ္ဗ်ာ ေနာက္ၿပီးေနာက္ခံ background-color ေနရာမွာလည္းမိမိႀကဳိက္သလုိ အေရာင္ေၿပာင္းလုိ႔ရပါတယ္ဗ်ာ ဥပမာ-Red ေနရာ Orange တုိ႔ Green တုိ႔ စသၿဖင္႔ေပါ႔ေၿပာင္းလုိ႔ရပါတယ္ဗ်ာ........ အခုမွာ Bolgger စလုပ္တဲ႔သူအတြက္ရည္ရြယ္ပါဗ်ာ

ScrollBox ထဲမွာ မိမိေရးခ်င္တာေရးခ်င္ရင္

Preview
မဂၤလာပါဗ်ာ အခုတစ္ေလာ႔ ပုိစ္႔ေတြ မတင္ၿဖစ္တာ ႀကာသြားပါၿပီး အခုလည္း အခ်ိန္ရတာနဲ႔ Bolgger ခ်စ္သူေတြအတြက္ ScrollBox ထဲမွာ မိမိေရးခ်င္တာေရးၿပီး မိမိထည္႔ခ်င္တာထည္႔လုိ႔ရေအာင္ တင္ေပးလုိက္ပါဗ်ာ အခုလုိ႔မ်ဳိး ScrollBox နဲ႔ေရးေတာ႔ မိမိေရးတဲ႔ဟာ မရွည္က်ေတာ႔ပဲ တုိတုိေလးနဲ႔ဆုိေတာ႔ ႀကည္႔လုိ႔လွတာေပါ႔ေနာ္ ထည္႔ခ်င္တဲ႔ သူငယ္ခ်င္းေတြအတြက္ ေအာက္မွာ Code ယူလုိက္ပါဗ်ာ ထည္႔နည္းကေတာ႔ ထုံစံအတုိင္းေပါ႔ဗ်ာ သိတယ္ဟုတ္လား..........

<div style="border: 3px solid green; overflow: auto; height: 120px; width: 220px; color: black; background-color: Red;">မိမိေရးခ်င္တာေရးပါဗ်ာ</div>

ဘယ္သူမဆုိ...... ၿမတ္ၿမတ္ႏုိးႏုိးခ်စ္ခဲ႔ရဖူးေသာ အခ်စ္ဦးတစ္ေယာက္တစ္ေလရွိခဲ႔ဖူးပါမည္ အေႀကာင္းအမ်ဳိးမ်ဳိးေႀကာင္႔ အခ်စ္ဦးနဲ႔လႊဲခဲ႔ေသာ္လည္း.............. ဖူးစာကလက္ေဆာင္ေပးတဲ႔ အခ်စ္ဆုံးတစ္ေယာက္ႏွင္႔ ထပ္လုိ႔ဆုံခဲ႔လွ်င္ ပုိမုိမွန္ကန္စြာခ်စ္တက္လာပါမည္ အခ်စ္သဝန္လႊာ ေမာက္ေမာက္ေလး
မွတ္ခ်က္။ ။height: 120px; နဲ႔ width: 220px; ေနရာမိမိဆုိဒ္နဲ႔ကုိက္ညီသလုိ ခ်ဲ႕/က်ဥ္းႏုိင္ပါတယ္ဗ်ာ ေနာက္ၿပီးေနာက္ခံ background-color ေနရာမွာလည္းမိမိႀကဳိက္သလုိ အေရာင္ေၿပာင္းလုိ႔ရပါတယ္ဗ်ာ ဥပမာ-Red ေနရာ Orange တုိ႔ Green တုိ႔ စသၿဖင္႔ေပါ႔ေၿပာင္းလုိ႔ရပါတယ္ဗ်ာ........ အခုမွာ Bolgger စလုပ္တဲ႔သူအတြက္ရည္ရြယ္ပါဗ်ာ