Followers

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

kp3နည္းပညာ၊၂၃၅၊ဘေလာ့ Sidebar မွာ Multi Tabbed Navigation Widget ေလးထည့္နည္း

ဒါေလးကေတာ့ Multi Tabbed Navigation Widget ေလးပါဘဲ၊ဘေလာ့ Sidebar ထည့္ခ်င္တဲ့မိတ္ေဆြေတြ အတြက္ပါ။ဒါေလးကအရမ္းကိုရွင္းပါတယ္။ Code ကလည္းနည္းနည္းေလးပါဘဲ ဒီ Tabbed Navigation Widget ကေတာ့ပံုစံအမ်ိဳးမ်ိဳးရွိပါတယ္။အေရာင္ႏွင့္ျဖင့္ေစအမ်ားၾကီးအမ်ားၾကီးပါဘဲ။က်ေနာ္အခုတင္တာေလးကေတာ့ နမူနာ သြားၾကည့္လို႕ရေအာင္လည္း DEMO လင့္ခ္ေလးပါေပးထားပါတယ္။

ဒီမွာသြားၾကည့္လို႕ရပါတယ္။

၁။Layout

၂။Edit HTML

၃။ေအာက္က Code ကိုရွာပါ။

</head>

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

<script src='http://www.tricksmachine.com/wp-content/uploads/2010/02/tabber.js' type='text/javascript'/>
    <link MEDIA='screen' TYPE='text/css' href='http://www.tricksmachine.com/wp-content/uploads/2010/02/example.css' rel='stylesheet'/>
၄။Save Tamplate ကိုႏိုပ္လိုက္ပါ။

ဒုတိယအဆင့္။ ။

၅။Layout

၆။Add a Gadget

၇။HTML/JavaScript Add မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<div class="tabber">

<div class="tabbertab">
<h2>Tab 1</h2>
<p>Tab 1Code ဒီမွာထည့္ပါ.</p>
</div>


<div class="tabbertab">
<h2>Tab 2</h2>
<p>Tab 2 Code ဒီမွာထည့္ပါ.</p>
</div>


<div class="tabbertab">
<h2>Tab 3</h2>
<p>Tab 3 Code ဒီမွာထည့္ပါ.</p>
</div>
</div>
၈။Save ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ။ ။

မွတ္ခ်က္။ ။Tab 1,Tab 2,Tab 3 ေနရာေတြမွာမိမိၾကိဳက္သလိုနာမည္ျပန္ေျပာင္းေပးၾကပါ။

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

Related Post

Reactions:

0 comments:

Post a Comment

မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။