ဘေလာ့မွာCSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီးအေသးေျပာင္းနည္း

အေပၚဆံုးမွာပါရွိသည့္ ရည္ရြယ္ခ်က္ ႏွင့္ ဆက္သြယ္ရန္ ကိုအရင္ဖတ္ေပးပါ

ဘေလာ့ပိုစ္စလံုးေတြကိုအၾကီးအေသးေျပာင္းရန္(TestResizer)သစ္ေလးပါ၊ဒီနည္းပညာကCSS3သံုးထားတာပါ။သံုးတဲ့သူေတြနည္းေသးတယ္လို႕ေျပာရင္မွားမယ္မထင္ပါဘူး။ဘေလာ့မိတ္ေဆြအားလံုးလည္းၾကိဳက္ၾကမယ္လို႕ေမ်ာ္လင့္ပါတယ္။ေအာက္မွာပံုနဲ႕တကြသြားၾကည့္လို႕ရေအာင္DEMOလင့္ခ္ေလးေပးထားပါတယ္။ဒီေနရာမွာသြားၾကည့္ပါ။

ကဲထံုးစံအတိုင္း

(၁)Templated

(၂)Edit HTML

(၃) Ctrl+F အကူအညီနဲ႔ ေအာက္ကCode ကိုရွာပါ။

     ]]></ b: skin>

တစ္ခါတစ္ခါမွာမိမိသံုးတဲ႔Templatedကိုေခါက္ထားတတ္ေတာ့ရွာမေတြ႔ျဖစ္တတ္တယ္။

မေတြ႔ရင္ေအာက္ကCodeကိုရွာပါ။

<b:skin>..</ b: skin>ကိုရွာပါ။

ေခါက္ထားတာကိုေျဖခ်လိုက္ရင္ ]]></ b: skin>ေလးေတြ႔ပါမယ္။

ျပီးရင္သူ႔အေပၚကပ္ရပ္မွာေအာက္ကCodeေတြထည့္လိုက္ပါ။

this.className=&quot;tsizersmall&quot; } else { this.className=&quot;tsizersnall&quot; }'><span class='sizer'>စလံုးအၾကီးအေသးေျပာင္းရန္</span>
<div class="clr20"/>
 
<data:post.body/>

</div>

(၄)။ေအာက္က Code ထပ္ရွာပါ။

<data:post.body/> 

ေတြ႕ျပီဆိုရင္ေအာက္က Code နဲ႕အစားထိုေပးလိုက္ပါ။

<div class='tsizersmall' onclick='if (this.className==&quot;tsizersmall&quot;) { this.className=&quot;tsizernorm&quot; } else if (this.className==&quot;tsizernorm&quot;) { this.className=&quot;tsizerbig&quot; } else if (this.className==&quot;tsizerbig&quot;) { this.className=&quot;tsizerbigger&quot; } else if (this.className==&quot;tsizerbigger&quot;) { this.className=&quot;tsizersmall&quot; } else { this.className=&quot;tsizersnall&quot; }'><span class='sizer'>စလံုးအၾကီးအေသးေျပာင္းရန္</span>
<div class="clr20"/>
 
<data:post.body/>

</div>

(၅)Save Tamplate ႏိုပ္လိုက္ပါရပါျပီ။ ။ ။

Myanmar Blogger Guide