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


 သည္တစ္ခါ 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

0 comments:

Post a Comment