Followers

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

kp3နည္းပညာ၊၁၄၉၊မိမိရဲ႕ဘေလာ့မွာ Vertical menubar ေလးထည့္ခ်င္ရင္

ဒီေန႕တင္တဲ့ Post ေလးကေတာ့မိမိရဲ႕ဘေလာ့မွာ Vertical menubar ေလးထည့္ခ်င္တဲ့မိတ္ေဆြ
ေတြအတြက္ပါ၊ေအာက္မွာပံုနဲ႕ျပထားေပးပါတယ္၊လိုအပ္ခဲ့ရင္ေအာက္မွာထည့္နည္းနဲ႕တကြ codeေတြ
ေပးထားပါတယ္။


၁။Dashboard

၂။Layout

၃။Edit HTML

ေအာက္က Code ကိုရွာပါ၊
]]></b:skin>
ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ေတြကိုထည့္ေပးလိုက္ပါ။
#vertical-1{

border-bottom-width: 0;

}



#vertical-1 ul{

margin: 0;

padding: 0;

font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; /*pemilihan bentuk huruf */

}



#vertical-1 a{

display: block;

padding: 3px 0;

padding-left: 9px;

width: 200px; /* width of mrnu */

text-decoration: none;

color: #333222; /* this is the color of alphabet */

border-right:1px solid #000000;

background-color: #FBEC04;

border-bottom: 1px solid #6A6731;

border-left: 7px solid #918C3B;

}



#vertical-1 a:hover {

background-color: #FAF6B9;

border-left: 12px solid #918C3B;

width: 195px; /*lebar */

}



#vertical-1 div.menutitle{

color: white;

border-bottom: 1px solid #053E66;

padding: 5px 3px 5px 13px;

background-color: black;

width: 201px;

font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

}

၄။Layout

၅။Page Elements

၆။Add a Gadget

၇။HTML/Javascript' မွာေအာက္က Code ကိုထည္႕လိိုက္ပါ။
<div id="vertical-1">

<div class="menutitle">ေခါင္းစဥ္ထည့္ပါ</div> <!-- this is the 1st title -->

<ul>

<!-- Please alter with your links -->

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<!-- add any links here -->

</ul>



<div class="menutitle">ေခါင္းစဥ္ထည့္ပါ</div> <!-- this is the 2nd title -->

<ul>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<!-- add any links here -->

</ul>

</div> <!-- end off vertical-1 menu -->
၈။Save ႏုိပ္လိုက္ပါ၊ျပီးပါျပီ။။

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

Related Post

Reactions:

7 comments:

These are very good for me
and thank for you...
i like them so much..now ..
i am still study how to build a better
blog..
i will try my best

kp3နည္းပညာ၊၁၄၉၊မိမိရဲ႕ဘေလာ့မွာ Vertical menubar ေလးထည့္ခ်င္ရင္.......

အကို ... ဒီပိုစ္ ့ရဲ့ မီႏူးဘားေလးကို ကၽြန္ေတာ္ၾကိဳက္တယ္ဗ်ာ ။
ကၽြန္ေတာ္ ဘေလာ့မွာထည့္ခ်င္လို ့ပါ။ ဒါေပမဲ့ ကၽြန္ေတာ္ အကူညီတခုေလာက္
ေတာင္းပါရေစခင္ဗ်ား ။ မီႏူးဘားမွာ ခ်ိတ္ထားတဲ့ လင့္ကိုႏွိပ္လိုက္ရင္ New tab နဲ ့ ့အသစ္ေပၚေအာင္လုပ္ခ်င္လို ့ပါ ။အခုဟာက new tab မဟုတ္တာေၾကာင့္
back ျပန္ဆုတ္ေနရတာမ်ိဳးျဖစ္ေနလို ့ ... ကုဒ္ေတြကို ဘယ္လိုျပင္ေပးရင္
new tab နဲ ့ရႏိုင္မယ္ဆိုတာ ... သင္ျပေပးပါ အကို ။

ဘေလာ့ဂါအားလံုး၏ အဓိကဘဏ္တိုက္ၾကီးသဖြယ္ျဖစ္တဲ့ KP3 နည္းပညာကို ေက်းဇူးအမ်ားၾကီးတင္ပါတယ္ ။

ဖီးက်ဴ...ပိုစ္မွာတင္ေပးထားလိုက္ျပီေနာ္။
http://kp3family.blogspot.com/2010/12/kp3-menu-newtab.html

]]>ဒီေနရာမွာအေပၚကထည္႕ပါလို႕ညြန္းျပထားပါတယ္။
အေပၚဆိုတာ ]] ဒီလိုပံုစံရဲ႕ထိပ္ကိုထည္႕ရမွာလားမသိဘူးျဖစ္ေနလို႕ပါ။
ဥပမာ။။။#vertical-1{

border-bottom-width: 0;

}
]]>အဲဒီလိုမ်ားထည္႕ရမလားမသိဘူးေနာ္
ထပ္ျပီးေျပာျပေမးပါအံု႕။။
vencaritt.bb@gmail.com သို႕ပို႕ေပးႏိုင္ရင္ပို႕ေပးပါလို႕
ေမတၱာရပ္ခံလိုက္ပါတယ္။

cssကုဒ္ကိုတာ Bskin ကုဒ္ေအာက္မွာထည့္ရင္မရပါဘူ။ဘေလာ့ရဲ႕header ေပၚမွာေပၚလာမွာျဖစ္ပါတယ္။

kp3 မိသားစုအားက်ေနာ္မေတြ ့ေသာအေၾကာင္းေလးတစ္ခုေမးခ်င္ပါတယ္ခင္ဗ်ား။ အဲဒါကေတာ့သတင္းေခါင္းစဥ္ေလးတစ္ခုပဲေဖၚျပထားျပီး သတင္းေခါင္းစဥ္ကိုႏွိပ္လိုက္တာနဲ ့သတင္းတစ္ပုဒ္လံုးေပၚလာေအာင္ဘယ္ေနရာမွာထည့္ပါသလဲခင္ဗ်ာ။ javascript မွာပဲထည့္တာလား HTML မွာပဲထည့္ျဖည့္တာမိ်ဳးလုပ္ရတာလားသိခ်င္ပါတယ္ခင္ဗ်ား။ေနာက္တစ္ခုက ေခါင္းစဥ္ေတြရဲ ့ထိပ္မွာ Dot အဝိုင္း သို ့မဟုတ္ ေလးေထာင့္ ထည့္တာကိုဘယ္မွာေျပာင္းရတာလဲဆိုတာေလး ေျဖေပးေစလိုပါတယ္ခင္ဗ်ား။က်ေနာ္ရဲ ့ေမးလ္ထဲကိုပို ့မယ္ဆိူရင္လည္းရပါတယ္ခင္ဗ်ား။ ေကပီ ၃ မိသားစုအားေက်းဇူးတင္လွ်က္ ။

ေမးလ္လိပ္စာလည္းမထားခဲ့ဘူးေနာ္

Post a Comment

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