ဒီေန႕တင္တဲ့ Post ေလးကလည္းအသစ္လို႕ေျပာလို၇ပါတယ္၊မိမိရဲ႕ဘေလာ့ကPostေတြရဲ႕စလံုးအၾကီးအေသး ေျပာင္းလို႕၇တဲ့ Code ေတြလ္ို႕ေျပာ၇င္လည္း၇ပါတယ္။ဒီဘေလာ့ Post ေတြကိုအၾကီးအေသးေျပာင္းလို႕ ၇တဲ့နည္းေတြအမ်ားၾကီးရိွပါတယ္။ဒါနဲ႕ဆို(၄)ခုေလာက္ရွိပါျပီ၊ kp3နည္းပညာ၊၁၁၆၊မွာတခု kp3နည္းပညာ၊၁ဝ၃၊မွာတခု kp3နည္းပညာ၊၁၄၅၊မွာအခုဟာနွင့္ ၄ ခုေပါ့ေနာ္၊တခုနွင့္တခုမတူပါဘူး၊ ေနရာေတြျပထားေပးပါတယ္၊သြားၾကည့္ျပီးၾကိဳက္တာသြားယူၾကေပါ့ေနာ္။ DEMO လင့္ခ္လည္း
ေပးထားပါတယ္၊ေအာက္မွာ Code နဲ႕တကြပံု
၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။
ေအာက္က Code ကိုရွာပါ၊Ctrl+F
]]></b:skin>ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ကိုထည့္လိုက္ပါ။
/* resizeFont */ #resizeFont{ text-align:right; margin-right:10px; }ေအာက္က Code ကိုထပ္ရွာပါ။
</head>ေတြ႕ျပီဆိုရင္ေအာက္မွာ ေအာက္က Code ကိုထည့္ေပးလိုက္ပါ၊
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- begin ResizeFont --> <script type='text/javascript'> $(function(){ $('input').click(function(){ var ourText = $('#content-wrapper'); var currFontSize = ourText.css('fontSize'); var finalNum = parseFloat(currFontSize, 10); var stringEnding = currFontSize.slice(-2); if(this.id == 'large') { finalNum *= 1.1; } else if (this.id == 'small'){ finalNum /=1.1; } else if (this.id == 'reset'){ finalNum =13; } ourText.animate({fontSize: finalNum + stringEnding},500); }); }); </script>၄။Save Tamplate ႏိုပ္လိုက္ပါ။မျပီးေသးျပီ။။
ေနာက္တဆင့္
၅။Layout
၆။Page Elements
၇။Add a Gadget
၈။HTML/Javascript' မွာေအာက္က Code ကိုထည္႕လိိုက္ပါ။
style="color: magenta;"><div id='resizeFont'> <input id='large' type='button' value='A+'/> <input id='reset' type='button' value='A'/> <input id='small' type='button' value='A-'/> </div>၉။Save ႏိုပ္လိုက္ပါ။ျပီးပါျပီ။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
0 comments:
Post a Comment
မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။