HorizontalDoubleLineMenu ေလးတည္ေဆာက္ၾကမယ္

ေရႊမိုးညိဳ | 7:30 am | Best Blogger Tips

 သည္တစ္ခါ Tab Menu ေလးတစ္ခု တည္ေဆာက္ၾကမယ္ဗ်ာ...
HorizontalDoubleLineMenuလို႕ေခၚပါတယ္။က်ေနာ္အခုနမူနာ
ၾကည့္လို႕ရေအာင္။ေအာက္မွာနမူနာပံုနဲ႕တကြကုဒ္ျပထားပါတယ္။

လုပ္ေဆာင္နည္းေလးပါ....
(၁) ဘေလာ့ကာ ၀င္လုိက္ပါ
(၂) ဘေလာ့ကာ template ကိုသြားပါ
(၃) ဘေလာ့ကာရဲ႕  html ကိုကလစ္ပါ process လုပ္ေပါ့
(၄) html သုံးေတာ့မယ္ဆို ထုံးစံအတိုင္း အမွန္ျခစ္ေပးၾကပါေနာ္..

ကဲ...ေရာက္တာနဲ႕   သည္ ကုဒ္ေလးကို ctrl+f အကူညီနဲ႕ ထည့္ရွာလိုက္ပါ   ]]></b:skin>  ရွာလိုက္ပါ
ေတြ႕တာနဲ႕ အေပၚကေနကပ္ျပီး ေအာက္ကကုဒ္ေတြ ထည့္ေပးလိုက္ပါ

 /*Credits:  kp3family/Horizontal Double Line Menu*/
/*URL: http://kp3family.blogspot.com */

/*Credits:  kp3family/Horizontal Double Line Menu*/
/*URL: http://kp3family.blogspot.com */

#double-line{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
border-top: 5px solid  #d25a0b;
}


#double-line a{
float:left;
display: block;
color: white;
margin: 0 1px 0 0;
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #000000;
border-bottom: 1px solid white;
border-top: 1px solid white;
font-weight:bold;
}

#double-line a:hover{
background-color: #808080;
}

#double-line #current a{
background-color: #d25a0b;
border-color: #d25a0b;
}

#color-line{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background:  #d25a0b;
}


 ေနာက္တစ္ဆင့္ေအနနဲ႕...


ဘေလာ့ရဲ႕ layout ကိုသြားပါ..
add a gadget ကိုကလစ္ပါ
html/java script  ကိုကလစ္ပါ က်လာတဲ့ ေဘာက္မွာ ေအာက္က ကုဒ္ေတြ ထည့္ပါ။


 <!-- Horizontal Double Line Menu-kp3နည္းပညာ-->
<div id="double-line">
<div style="margin-left:100px;"><a href="http://aungsanmks.blogspot.com" title="လင့္ခ္ရဲ႕အမည္ထည့္ရန္">လင့္ခ္ေခါင္းစဥ္ထည့္ရန္</a></div>
<a href="http://aungsanmks.blogspot.com" title="လင့္ခ္ရဲ႕အမည္ထည့္ရန္">bbbbbbbbbbbbbbbbbbb</a>
<div id="current"><a href="http://aungsanmks.blogspot.com" title="လင့္ခ္ရဲ႕အမည္ထည့္ရန္">လင့္ခ္ေခါင္းစဥ္ထည့္ရန္</a></div>
<a href="http://aungsanmks.blogspot.com" title="လင့္ခ္ရဲ႕အမည္ထည့္ရန္ !">လင့္ခ္ေခါင္းစဥ္ထည့္ရန္</a>
<a href="http://aungsanmks.blogspot.com" title="လင့္ခ္ရဲ႕အမည္ထည့္ရန္ !">လင့္ခ္ေခါင္းစဥ္ထည့္ရန္</a>
<a href="http://aungsanmks.blogspot.com" title="လင့္ခ္ရဲ႕အမည္ထည့္ရန္ !">လင့္ခ္ေခါင္းစဥ္ထည့္ရန္</a>
<a href="http://aungsanmks.blogspot.com" title="လင့္ခ္ရဲ႕အမည္ထည့္ရန္ !">လင့္ခ္ေခါင္းစဥ္ထည့္ရန္</a>
<a href="http://aungsanmks.blogspot.com" title="လင့္ခ္ရဲ႕အမည္ထည့္ရန္ !">လင့္ခ္ေခါင္းစဥ္ထည့္ရန္</a>
<a href="http://aungsanmks.blogspot.com" title="လင့္ခ္ရဲ႕အမည္ထည့္ရန္ !">လင့္ခ္ေခါင္းစဥ္ထည့္ရန္</a>
<!-- you can add saveral link ini here -->
<div id="color-line">&nbsp; </div>
</div> <!-- Horizontal Double Line Menu-http://kp3family.blogspot.com-->

kp-3 မွျပန္လည္မွ်ေ၀သည္...

ေအာင္ေအာင္(မကစ)
www.ledimyethar.com
www.depelyin.co.cc
www.aungkyaw.com
Like Box ေလးမွအမွန္ျခစ္မေပၚေသးရင္ like လုပ္ေပးခဲ့ပါဦးေနာ္..
{[['']]}

0 comments:

Post a Comment

⋙-⋗( က်ေနာ္တင္သမွ်ဖတ္ခ်င္ရင္⋙ℒike⋘သြားပါ)⋖-⋘

ေဖ့ဘုတ္မွာကြန္မန္႔ေပးခ်င္ရင္ပံုကိုကလစ္ပီးကြန္မန္႔ေပးႏိုင္ပါပီ




************************************

*အဆင္မေျပတာေတြရွိခဲ့ရင္
*
*( viber whatsapp wechat )
*
* အဆင္ေျပမဲ့ေနရာေတြကေန
*
* SMS ပို႔ပီးအကူညီေတာင္းႏိုင္ပါတယ္
*
* ခ်က္ေဘာက့္ေတြကေနတဆင့္လိုခ်င္တာေတြ
*
* ေတာင္းထားႏိုင္ပါတယ္
*
* အဆင္မေျပခဲ့တာေတြရွိခဲ့ရင္လည္း
*
*ခြင့္လႊတ္သီးခံေပးက်ပါေနာ္..
*
************************************