Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

Friday, November 11, 2011

လွင်ႈ Tab Menu ဢိတ်းဢွတ်း

ပေႃးမႃးႁႃၶိုင်ႁဵတ်း Blog ႁိုဝ်ဢမ်ႇၼၼ်ဝႅပ်ႉသၢႆႉတ်ယဝ်ႉၼႆ ဢၼ်ႁဵတ်းႁႂ်ႈၸႂ်ႁဝ်းၶူမ်းယူႇလိတ်း လွတ်းꧦထႅင်ႈဢၼ်ၼိုင်ႈၼၼ်ႉတေလႆႈဝႃႈပဵၼ်လွင်ႈ Tab Menu ၼၼ်ႉၶႃႈယဝ်ႉ၊ မိူဝ်ႈၶႃႈႁဝ်းၼၼ်ႉ ၵေႃႈလႆႈမႃး ၵႂင်တီႈၼႆႈသေဢဝ်ၸႂ်ၶႂ်ႈသိုပ်ႇႁဵတ်းသဵင်ႈၵႂုႇပဵၼ်မွၵ်ႈ ႑ လိူၼ်ပၢႆၵွၼ်ႇဢေႃႈ။မိူဝ်ႈၼႆႉၶႃႈႁဝ်းတေမႃးလၢတ်ႈထိုင်လွင်ႈလွၵ်းလၢႆးသႂ်ႇ Tap Menu ဢိတ်းဢွတ်းၵွၼ်ႇၶႃႈ။
တွၼ်ႈတႃႇတႆးၵေႃႉၸိူဝ်းဢၼ်ယၢမ်ႈႁဵၼ်း HTML/Javascript ၼၼ်ႉယႃႇပေၶူဝ်ၼႃႈၶႃႈသေၵမ်း၊
ၶႃႈႁဝ်းယွမ်းႁပ်ႉဝႃႈၶႃႈ ဢမ်ႇယၢမ်ႇလႆႈႁဵၼ်းလွင်ႈ HTML/Javascript မႃးသေဢိတ်းၶႃႈ၊ၵူၺ်းလူၺ်ႈ ၸေႇတၼႃႇလႄႈဝႃႇသၼႃႇၶႃႈလႄႈ ယွၼ်းဢဝ်ၼႃႈႁဵတ်းလင်သေသပ်းလႅင်းၼေပၼ်ၵႂုႇသေၵမ်း။
Tab Menu ၼႆႉမၢင် Template ၼၼ်ႉတေပႃးမႃး Teb menu ႁင်းၵူၺ်းမၼ်းယူႇသေတ၊
မၢင် Template တႄႉဢမ်ႇပႃးမႃးၸွမ်း၊ ၵူၺ်းမီး Pages သေပဵၼ် Menu ဝႆႉယူႇ။ သွင်ဢၼ်ၼႆႉယူႇ တီႈတႆးၵေႃႉႁဝ်းၶဝ်လိူၵ်ႈဢဝ်ၵူၺ်း၊ ပေႃးတေၸႂ်ႉပဵၼ် Tab Meun ၼႆလႆႈတင်းသွင်လၢႆးၶႃႈယဝ်ႉ၊ၵူၺ်းပေႃးၶႂ်ႈၸႂ်ႉမိူၼ်ၼင်ႇ Drop Menu ႁၢင်ႈလီလီတႄႉတေပဵၼ်ထႅင်ႈလၢႆးၼိုင်ႈၶႃႈဢေႃႈ။မိူဝ်ႈၼႆႉတႄႉၶႃႈႁဝ်းတေမႃးလၢတ်ႈလွင်ႈဢဝ် pages ၼၼ်ႉသေႁဵတ်းပဵၼ် Tab Menu ၶႃႈဢေႃႈ။

လွၵ်းလၢႆးၼႆႉပေႃးႁူႉတႄႉဢမ်ႇယၢပ်ႇသင်ၼိုင်ႈၼႃးထီး/ၼိုင်ႈမီၼိတ်ႉၵေႃႈဢမ်ႇမီး၊ ၵူၺ်းပေႃးဢမ်ႇ ပႆႇႁူႉတႄႉၼိုင်ႈလိူၼ်ၵေႃႈဢမ်ႇႁူႉလႆႈၶႃႈ၊ ဢၼ်ၼႆႉပဵၼ်တူဝ်ထူပ်းၶႃႈႁဝ်းဢေႃႈ၊ ယွၼ်ႉပိူဝ်ႈၶႃႈ ႁဝ်းဢမ်ႇမီးၶူးသွၼ်ႁိမ်းၸမ်ႁိုဝ် ဢမ်ႇမီးတႆးၵေႃႉတီႈတေၼေပၼ်လၢႆးမၼ်း ၵေႃႈဝႃႈလႆႈၶႃႈယဝ်ႉ။

လွၵ်းလၢႆးႁဵတ်းမၼ်း
ဢွၼ်တၢင်းသုတ်းၶဝ်ႈမႃးၼႂ်းပလွၵ်ႉႁဝ်းယဝ်ႉ၊ ၼဵၵ်း Design>Edit HTML> ၼဵၵ်း Download 
Full Template သေသိမ်းဝႆႉၵမ်းၼိုင်ႈ(ၵူဝ်ၽိတ်း)>မႃးၶိတ်ႇပၼ်ၼႂ်းလွၵ်း Expand 
Widget Templates> ယဝ်ႉၵေႃႈၼဵၵ်း Ctr+F သေႁႃ Code တီႈတႂ်ႈၼႆႉဢေႃႈ။
တူၺ်းၶႅပ်းႁၢင်ႈတီႈတႂ်ႈၼႆႉသေႁႃသေၵမ်း။
ပေႃးဢမ်ႇၼၼ်ဢဝ် Code တီႈတႂ်ႈၼႆႉသေႁႃၵေႃႈလႆႈၶႃႈဢေႃႈ။

<b:if cond='data:link.isCurrentPage'>

ပေႃးဝႃႈႁဝ်းႁၼ် Code တၢင်းၼိူဝ်ၼႆႉယဝ်ႉၼႆမႃး Copy ဢဝ် Code တၢင်းတႂ်ႈၼႆႉၵႂုႇ သႂ်ႇပၼ် ၼႂ်းၵၢင် Code </b:loop>လႄႈ</ul>
<li><a href='Linkဝႅပ်ႉသၢႆႉတ်ဢမ်ႇၼၼ်ၸိုဝ်ႈLable'>ၸိုဝ်ႈႁူဝ်ၶေႃႈ</a></li>
<li><a href='Linkဝႅပ်ႉသၢႆႉတ်ဢမ်ႇၼၼ်ၸိုဝ်ႈLable'>ၸိုဝ်ႈႁူဝ်ၶေႃႈ</a></li>
<li><a href='Linkဝႅပ်ႉသၢႆႉတ်ဢမ်ႇၼၼ်ၸိုဝ်ႈLable'>ၸိုဝ်ႈႁူဝ်ၶေႃႈ</a></li>
<li><a href='Linkဝႅပ်ႉသၢႆႉတ်ဢမ်ႇၼၼ်ၸိုဝ်ႈLable'>ၸိုဝ်ႈႁူဝ်ၶေႃႈ</a></li>
<li><a href='Linkဝႅပ်ႉသၢႆႉတ်ဢမ်ႇၼၼ်ၸိုဝ်ႈLable'>ၸိုဝ်ႈႁူဝ်ၶေႃႈ</a></li>

ပိူင်တႅၵ်ႈႁၢင်ႈၽၢင်မၼ်းတေလႆႈမိူၼ်ၼႆဢေႃႈ
ပေႃးယဝ်ႉတီႈၼႆႈယဝ်ႉၵေႃႈၼဵၵ်း Save Template သေလႆႈယဝ်ႉတူဝ်ႈလီငၢမ်းယဝ်ႉၶႃႈ။

No comments:

Post a Comment