Translate

Followers

အီးေမးလ္မွာဖတ္ခ်င္ရင္အေပၚမွာ Sign In (Menber)ဝင္ၾကပါလို႕ေတာင္းဆိုပါရေစ။ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

Showing posts with label MARQUE EFFECT. Show all posts
Showing posts with label MARQUE EFFECT. Show all posts

kp3နည္းပညာ၊၃၄၈၊ဘေလာ့ Labels ေတြကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီ

Tuesday, October 12, 2010  KP-3မိသားစု  1 comment

ေနာက္ထပ္အသစ္ေလးထပ္လာပါျပီ၊ဘေလာ့နဲ႕ပါတ္တက္တဲ့နည္းပညာသစ္ေတြကိုအခုတေလာတင္ျဖစ္တာလည္းမနည္းေတာ့ဘူးထင္ပါတယ္။
တကယ့္အသစ္ေလးေတြပါ။ျမန္မာဘေလာ့ေလာကမေျပာနဲ႕ျပည္ပဘေလာ့ေတြမွာလဲမရွိသေလာက္ပါ။ၾကိဳက္လဲၾကိဳက္ၾကမယ္လို႕ေမ်ာ္လင့္ပါတယ္။
Commentsမွာေတာင္းဆိုထားတာေတြလည္းက်ေနာ္တင္ေပးမွာပါ။ေစာင့္ေပးၾကပါလို႕လည္းေျပာခ်င္ပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ ေလးစာလွ်က္kp3မိသားစု
မိမိရဲ႕ဘေလာ့ကိုဘယ္ကေနကူးလာတယ္ဆိုတာသိခ်င္ရင္kp3နည္းပညာ၊၃၃၈၊
မိမိရဲ႕ဘေလာ့မွာအလြယ္ကူလွပဆံုးFont Resizer ေလးသံုးခ်င္ရင္kp3နည္းပညာ၊၃၄၁၊
မိမိရဲ႕ဘေလာ့လင့္ခ္ကိုMouseနဲ႕ေထာက္ရင္မူးရင္းလင့္ခ္ေပၚေအာင္လုပ္နည္းkp3နည္းပညာ၊၃၄၄၊
မိမိရဲ႕ဘေလာ့List ေတြကို Scoll ပံုစံေျပာင္းနည္းkp3နည္းပညာ၊၃၄၃၊
မိမိရဲ႕ဘေလာ့ပိုစ္ Title ကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီkp3နည္းပညာ၊၃၄၆၊

၁။Design

၂။Edit HTML

၃။Expand Widget Templatesအမွန္ျခစ္ေပးလိုက္ပါ။

ေအာက္က Code ကိုရွာပါ။
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>

</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
ေတြ႕ျပီဆိုရင္ေအာက္ကCodeအတိုင္းထပ္ထည့္ေပးလိုက္ပါ။
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>

</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<marquee align='left' direction='up' height='300' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'> 
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</marquee>
</div>
</b:includable>
</b:widget>
အဓိကၾကည့္ရမယ့္ Code ႏွစ္ခုေအာက္မွာေပးထားပါတယ္။
<marquee align='left' direction='up' height='300' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
အေပၚက Code အရွည္ႏွစ္ခုကိုတိုက္ၾကည့္လိုက္ပါ။ဒီ Marquee Code ႏွစ္ခုကဘယ္ကေနစျပီးဘယ္မွာျပန္ပိတ္တယ္ဆိုတာနားလည္သြားမွာပါ.။အပိတ္ Code ေအာက္မွာ
</marquee>
ရွင္းၾကမယ္လို႕ထင္ပါတယ္။အဆင္မေျပရင္ Comments မွာေရးထားခဲ့ၾကပါတယ္.။။

၄။Save Tamplate ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ။ ။ ။ ။

ေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

kp3နည္းပညာ၊၁ဝ၉၊Marque Sliding Effect

Thursday, December 03, 2009  KP-3မိသားစု  5 comments

အခုက်ေနာ္တင္မယ့္ Post ေလးကေတာ့ Marque Sliding Effect ေတြပါဘဲ၊ဘေလာ့ဂါမိတ္ေဆြ
ေတာ္ေတာ္မ်ားမ်ားတင္ထားတာလည္းေတြ႕ရပါတယ္။kp3နည္းပညာ၊၇၊မွာညီးေလးတစ္ေယာက္က
လည္းေတာင္းဆိုထားေတာ့တိုက္ဆိုင္သြားတာေပါ့ေနာ္၊တခ်ိဳ႕မိတ္ေဆြေတြတင္ထားနဲ႕တူတာလည္း
ပါသလိုမတူတာေတြလည္းအမ်ားၾကီးရွိပါတယ္၊ေအာက္မွာနာမူနာေတြနဲ႕Codeေတြရွိပါတယ္။
အစံုပါဘဲ။
အေပၚကနမူနာေအာက္က Code ပါ။
၁။


ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္(မိမိၾကိုက္သေလာက္ေရးႏိုင္ပါသည္၊အရွည္ၾကီးလည္းရပါတယ္)
ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္(မိမိၾကိုက္သေလာက္ေရးႏိုင္ပါသည္၊အရွည္ၾကီးလည္းရပါတယ
ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္(မိမိၾကိုက္သေလာက္ေရးႏိုင္ပါသည္၊အရွည္ၾကီးလည္းရပါတယ္




<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">
ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္(မိမိၾကိုက္သေလာက္ေရးႏိုင္ပါသည္၊အရွည္ၾကီးလည္းရပါတယ္)
</marquee>


၂။

   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   


<marquee direction="left">   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   </marquee>


၃။

    ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   



<marquee direction="right">   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   </marquee>

၄။

   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   



<marquee behavior="alternate">   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   </marquee>

၅။


   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္    






<marquee direction="up">   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္    </marquee>


၆။


   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   



<marquee direction="down">   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   </marquee>


၇။


    ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   




<marquee behavior="alternate" direction="up">   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   </marquee>

၈။


   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   




<marquee><marquee direction="down">   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   </marquee></marquee>


၉။


   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   




<marquee><marquee direction="up">   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   </marquee></marquee>


၁ဝ။


   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   




<marquee direction="up"><marquee behavior="alternate">   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   </marquee></marquee&g


၁၁။


   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   




<marquee behavior="alternate" direction="down"><marquee behavior="alternate">   ဤေနရာမိမိၾကိဳက္တဲ့စာေရးရန္   </marquee></marquee>


၁၂။


   ဤေနရာမိမိၾကိဳက္တဲ့စာေရးရန္ 
ဤေနရာမိမိၾကိဳက္တဲ့စာေရးရန္ 
ဤေနရာမိမိၾကိဳက္တဲ့စာေရးရန္ 
ဤေနရာမိမိၾကိဳက္တဲ့စာေရးရန္    




<marquee direction="right">   ဤေနရာမွာေရးပါ <br> ဤေနရာမွာေရးပါ <br> ဤေနရာမွာေရးပါ <br> ဤေနရာမွာေရးပါ   </marquee&gt


၁၃။

   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္    



<marquee direction="left"><blink>   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   </blink></marquee>


၁၄။


  ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္        ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   




<marquee>   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   </marquee> <marquee direction="right">   ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးရန္   </marquee>


မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊ ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

kp3နည္းပညာ၊၇၊ဘေလာ့မွာmarquee mouseoverထည့္ခ်င္ရင္

Saturday, August 15, 2009  KP-3မိသားစု  24 comments

ေဟာဒီမွာ ေနာက္တခုထပ္လာျပန္ၿပီေဟ့ႀကိဳက္ၾကေသးလာေတာ့မသိဘူး။ႏွစ္သက္ရင္ယူသံုးၾကေပါ႔ေနာ္၊စာေၾကာင္းအသြားေတာ့မဟုတ္ေတာ့ဘူးေနာ္ စာေၾကာင္းကေအာက္မွအေပၚသို႕တက္တယ္ေပါ႔ ၿပီမွ mouseနဲ႔ေထာက္ရင္ စာေၾကာင္းေလးကရပ္သြားတယ္၊ ေတာ္လို႔လဲမဟုတ္ပါဘူး လို႔ထပ္ခါတလဲလဲေျပာခ်င္ပါတယ္။ ေက်းဇူးမတင္ျခင္းလည္းရပါတယ္ ေစတနာေတာ့မေစာ္ကားရင္ အားလံုးေက်းဇူးကမာ႓ ေျခရာေလးေတာ့ထားခဲ့ေပးပါေနာ္

ေအာက္မွာဥပမာျပထားပါတယ္။




kp3မိသားစုဘေလာ့ဂါ လာၾကည့္သူအေပါင္းတို႔ ကိုယ္စိတ္ႏွလုံးရႊင္လန္းၾကပါေစလို႔ဆုမြန္ေကာင္းေတာင္းလၽွက္ပါ၊
ေတာ္လို႔လဲမဟုတ္ပါဘူး လို႔ထပ္ခါတလဲလဲေျပာခ်င္ပါတယ္။
ေက်းဇူးမတင္ျခင္းလည္းရပါတယ္ ေစတနာေတာ့မေစာ္ကားရင္ အားလံုးေက်းဇူးကမာ႓ ေျခရာေလးေတာ့ထားခဲ့ေပးပါေနာ္


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">
kp3မိသားစုဘေလာ့ဂါ လာၾကည့္သူအေပါင္းတို႔ ကိုယ္စိတ္ႏွလုံးရႊင္လန္းၾကပါေစလို႔ဆုမြန္ေကာင္းေတာင္းလၽွက္ပါ၊
ေတာ္လို႔လဲမဟုတ္ပါဘူး လို႔ထပ္ခါတလဲလဲေျပာခ်င္ပါတယ္။
ေက်းဇူးမတင္ျခင္းလည္းရပါတယ္ ေစတနာေတာ့မေစာ္ကားရင္ အားလံုးေက်းဇူးကမာ႓ ေျခရာေလးေတာ့ထားခဲ့ေပးပါေနာ္
</marquee>

Read More

kp3နည္းပညာ၊၆၊ဘေလာ့မွာmarqueeထည့္ခ်င္ရင္

Saturday, August 15, 2009  KP-3မိသားစု  15 comments

ေဟာဒီမွာ ေနာက္တစ္ခုႀကိဳက္ၾကမလာေတာ့မသိဘူး၊ မိမိႏွစ္သက္ရင္ယူသံုးၾကေပါ႔ေနာ္၊စာေၾကာင္းေလးသြားေနတဲ့codeေလးပါ။ ေအာက္ကcode ေလးကေတာ့ က်ေနာ္သံုးတဲ့codeပါ။ မိမိႀကိဳက္ရာစာသားေရးထည့္ေပးလိုက္ေပါ့ေနာ္၊ codeကေတာ႔ေအာက္ကဟာေလးပါဘဲ။ သိၿပီးၾကသူလည္းမ်ားမွာပါမသိိသးသူေတြအတြက္ပါ



kp3မိသားစုဘေလာ့ဂါ လာၾကည့္သူအေပါင္းတို႔ ကိုယ္စိတ္ႏွလုံးရႊင္လန္းၾကပါေစလို႔ဆုမြန္ေကာင္းေတာင္းလၽွက္ပါ၊



<marquee align="center" direction="left" scrollamount="2" width="100%" height="200">

kp3မိသားစုဘေလာ့ဂါ လာၾကည့္သူအေပါင္းတို႔ ကိုယ္စိတ္ႏွလုံးရႊင္လန္းၾကပါေစလို႔ဆုမြန္ေကာင္းေတာင္းလၽွက္ပါ၊

</marquee>

Read More