Wednesday, 28 November 2012

Marquee ကုဒ္ေလးေတြ နဲ႕စာလဲေရးမယ္ ပုံေလးလဲ ေျပးေနမယ္


အဆင့္တစ္ဆင့္ေတာ့ မဟုတ္ေသးပါဘူး

ဒါေပမယ့္ .. ကုဒ္အသစ္ဆိုပါေတာ့

အေပၚက စာတမ္းႏွစ္ခုရဲ႕ ေရြ႕လ်ားဟန္ကိုၾကည့္လိုက္ရင္ တစ္ခုနဲ႔တစ္ခု ႏႈန္းမတူတာကို ေတြ႕ပါလိမ့္မယ္
တစ္ကယ္ေတာ့ marquee ေတြဟာ အမွန္တစ္ကယ္ ေရြ႕ထားတာမဟုတ္ပဲ စာသားေတြ image ေတြကို တစ္ေနရာကေန တစ္ေနရာကို ခုန္( jump ) လုပ္ခိုင္းလိုက္တာပါ
သာမာန္ marquee ေတြက တစ္ႀကိမ္ခုန္ၿပီး ေနာက္တစ္ႀကိမ္က
အလိုက္သင့္ထပ္ခုန္တဲ့အတြက္ ေရြ႕လ်ားမႈေတြက အစဥ္မပ်က္သလို ျဖစ္ေနတာပါ .. အဲဒါက သီးသန္႔ သတ္မွတ္မေပးတဲ့အခါ Default အေနနဲ႔ လုပ္ေဆာင္ခ်က္ပါ
Jump လုပ္တဲ့ တစ္ႀကိမ္နဲ႔ တစ္ႀကိမ္ၾကားက ၾကာခ်ိန္ကို scrolldelay လို႔ ေခၚပါတယ္ . scrolldelay အတြက္ value ကေတာ့ တစ္စကၠန္႔ကို "1000" ျဖစ္ပါတယ္ .. စကၠန္႔၀က္ေလာက္ၾကာမွ ေနာက္ထပ္ Jump လုပ္ေစခ်င္တယ္ဆိုရင္ scrolldelay="500" လို႔ထားရမွာပါ ..
အေပၚက စာေၾကာင္းႏွစ္ေၾကာင္းကို ကၽြန္ေတာ္က ဒီလိုေရးလိုက္တာပါ

<marquee scrolldelay="500"><font color="blue">အဆင့္တစ္ဆင့္ေတာ့ မဟုတ္ေသးပါဘူး</font></marquee>

ဒါက အေပၚကစာေၾကာင္း .. ေအာက္ကစာေၾကာင္းအတြက္က ဒီလိုေရးလိုက္တာ

<marquee scrolldelay="1000"><font color="red">ဒါေပမယ့္ .. ကုဒ္အသစ္ဆိုပါေတာ့</font></marquee>


scrolldelay ကိုဘယ္အခ်ိန္မွာ အသံုးျပဳေလ့ရွိလဲဆိုေတာ့ စာေၾကာင္းေတြ (ဒါမွမဟုတ္) ႐ုပ္ပံုေတြ တစ္ခုမက ယွဥ္ၿပီး ေရးျပခ်င္တဲ့အေျခအေနမ်ိဳးေတြမွာ သံုးပါတယ္ .. ဥပမာ- စာသားေတြ မိုးရြာသလို ျပဳတ္က်လာတာမ်ိဳး .. စာတမ္းေလးေတြ ပံုေလးေတြကို ယွဥ္ၿပိဳင္ၿပီး ေျပးခိုင္းတာမ်ိဳးေတြေပါ့

ခြီး.. ေဆးလိပ္အရက္ေတာ့ နားသင့္ၿပီ

ဟိဟိ .. ဟိုႏွစ္ေကာင္ေတာ့လစ္ၿပီ

အင္း .. ငါေတာ့႐ႈံးၿပီ

ကဲ .. အေပၚကလိုမ်ိဳးျဖစ္သြားေအာင္ ကၽြန္ေတာ္ ဒီလိုေရးလိုက္ပါ

<marquee scrolldelay="300"><font color="red">ခြီး.. ေဆးလိပ္အရက္ေတာ့ နားသင့္ၿပီ</font></marquee><br />
<br />
<marquee scrolldelay="100"><font color="blue">ဟိဟိ .. ဟိုႏွစ္ေကာင္ေတာ့လစ္ၿပီ</font></marquee><br />
<br />
<marquee scrolldelay="600"><font color="green">အင္း .. ငါေတာ့႐ႈံးၿပီ</font></marquee>

Ps. ၾကားထဲမွာရွိေနတဲ့ <br /> ဆိုတာေတြက စာေၾကာင္းေတြကို ျခားခိုင္းထားတာပါ

ကဲ .. ေနာက္တစ္မ်ိဳး ..
ဒီတစ္ဆင့္မွာေတာ့ marquee ေတြမွာ ပံုေတြကို အသံုးျပဳမယ့္ ကုဒ္ပါ ..

ဒါကိုမလုပ္ခင္ .. အရင္ဆံုး ကိုယ္ႀကဳိက္တဲ့ပံုကို (.jpeg, .png, .gif .. ႀကိဳက္တဲ့ဖိုင္ Format ရတယ္) အဲဒါကို Photo and video hosting ဆိုဒ္တစ္ခုခုမွာ Upload လုပ္ထားၿပီး အဲဒီပံုရဲ႕ Direct Link ကို ယူထားရပါတယ္ ..

marquee မွာထည့္သံုးဖို႔ Image အတြက္ ကုဒ္ကေတာ့

<img src="ပံုရဲ႕ Direct Link (URL)"

ဒါပါပဲ .. အဲဒီမွာမွ ကိုယ့္ပံုရဲ႕ အရြယ္အစားကို ကန္႔သတ္ခ်င္တယ္ဆိုရင္ အဲဒီကုဒ္ရဲ႕ေနာက္ကေန

height="x" width="x" ဆိုၿပီး ကန္႔သတ္ေပးလိုက္႐ံုပါပဲ .. ေအာက္ကနမူနာကိုၾကည့္ပါ .. အဲဒီမွာ ကၽြန္ေတာ္သံုးထားတာက ကၽြန္ေတာ့္ရဲ႕ Post ေတြကို တစ္ခုနဲ႔တစ္ခုျခားထားတဲ့ Divider ရဲ႕ ပံုလင့္ပါ ..



သူ႕အတြက္သံုးသြားတဲ့ကုဒ္ေတြက ဒီလိုပါ

<marquee><img src="http://i1340.photobucket.com/albums/o733/itmotesoee/Label/diver.gif"></marquee>

အဲ .. ပံုရဲ႕အရြယ္အစားကို မႀကိဳက္လို႔ ေျပာင္းခ်င္တယ္ဆိုပါစို႔ .. ဒီလို ျဖည့္ေပးလိုက္မယ္ဗ်ာ

<marquee><img src="http://i1340.photobucket.com/albums/o733/itmotesoee/Label/diver.gif" height="40" width="80"></marquee>

အဲဒီေတာ့ ေအာက္ကအတိုင္း အရြယ္အစားေတြ ေျပာင္းသြားေရာ



အဲဒီပံုမွာမွ စာေလးဘာေလး ကပ္ေရးခ်င္တယ္ဆိုလည္း လြယ္ပါတယ္ ..

<marquee>ဒါပဲေပါ့ဗ်ာ<img src="http://i1340.photobucket.com/albums/o733/itmotesoee/Label/diver.gif" height="40" width="80"></marquee>

အဲဒီကုဒ္ရဲ႕ ရလာဒ္က ေအာက္ကအတိုင္း ျဖစ္သြားမယ္ .

ဒါပဲေပါ့ဗ်ာ

စာကို ကိုယ္ထည့္ခ်င္တဲ့ေနရာမွာ ေျပာင္းထည့္ေပး႐ံုပါပဲ .. ကဲ .. ေအာက္ကပံုကိုၾကည့္


ဒါပဲေပါ့ဗ်ာမခက္ပါဘူး

သံုးသြားတဲ့ကုဒ္ေတြက ဒီလို

<marquee><font color="blue">ဒါပဲေပါ့ဗ်ာ</font><img src="http://i1340.photobucket.com/albums/o733/itmotesoee/Label/diver.gif" height="40" width="80"><font color="red">မခက္ပါဘူး</font></marquee>

ကဲ .. ဒီပို႔စ္ကိုေတာ့ ဒီေလာက္နဲ႔ နားလိုက္မယ္ေနာ္ ..

နည္းပညာလမ္းေၾကာင္းေပၚက သူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္
အိုင္တီမုဆိုးရဲ႕ ေျပာင္ေျမာက္တဲ့ လက္ရာေလးေတြပါ...အားေပးခဲ့ၾကပါေနာ္..



<<<ေက်းဇူးလို႕ေၾကာေနာ္.. မုဆိုးကေလးနဲ႕ ခြင္းမွာတဲ့ဂ်...>>>
ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
 လယ္တီေျမသား www.ledimyethar.com 
 ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/ 
 မွတ္စုစာအုပ္ http://aungsan96.blogspot.com/ 
 ဓမၼဗိမာန္ http://dhamabimarn.blogspot.com/

1 comments:

  • အိုင္တီမုဆိုး says:
    28 November 2012 at 04:45

    ခြိခြိ ..ေက်းဇူးတင္တယ္ဗ် .. ( ေလးနဲ႔ခြင္းမွာစိုးလို႔) ..

Post a Comment