Kp3နည္းပညာ၊၄၃ဝ၊Kp-3 Blue Tabbed Drop Down

ဒီေန႕တင္တဲ့Menuကေတာ့BlueTabbedDropDownလို႕ေခၚပါတယ္။ဒီMenuလုပ္တဲ့Onlineအခဲ့မဲဆိုက္ဒ္နဲ႕Softwareတင္ထားတာလဲရွိပါတယ္။မလုပ္တတ္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္
ကူလုပ္ေပးတဲ့သေဘာပါ။ၾကိဳက္ၾကမယ္လို႕လဲေမ်ာ္လင့္ပါတယ္။ေအာက္မွာသြားၾကည့္လို႕ရေအာင္DEMOဆိုက္ဒ္ထားေပးပါတယ္။ေကပီသရီးကပိုစ္အသစ္ေတြတင္တာသိခ်င္ၾကည့္ခ်င္ရင္
ေအာက္ကGoogleFriendConnectမွာSignInဝင္ထားလိုက္ပါ။ဒါမွမဟုတ္ရင္ဆိုက္ဘားကအီးေမးလ္လိပ္စာထားသြားပါလို႕ေရးထားတဲ့EmailSubscribeလုပ္ေပးလိုက္ပါ။မိမိရဲ႕အီးေမးလ္
လိပ္စားထားသြားပါလို႕ေျပာခ်င္ပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

မွတ္ခ်က္။Menuပတ္သက္ျပီးသြားၾကည့္ရမယ္ေနရာKp3နည္းပညာ၊၄၁၅၊မွာရွိပါတယ္။

အခုတင္တဲ့ Menu ကို ဒီမွာ သြားၾကည့္လိုက္ပါ။

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

]]></b:skin>   

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

.menu{

border:none;

border:0px;

margin:0px;

padding:0px;

font-family:verdana,geneva,arial,helvetica,sans-serif;

font-size:14px;

font-weight:bold;

color:8e8e8e;

}

.menu ul{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia7h0FKfg_HqaXBABw6RI3UoCfvofquC2L3g7J06YQyH3C5thJQWt1DIn0piBEdAOT3PjS2v9v3av86bEbXhPKJmsXzhTh6SOcmNtPnPQEb0ANI_uzMn5xtAvOXkyQX9QJ-G5jJ7b89BzK/s1600/menu-bg.gif) top left repeat-x;

height:43px;

list-style:none;

margin:0;

padding:0;

}

.menu li{

float:left;

}

.menu li a{

color:#666666;

display:block;

font-weight:bold;

line-height:43px;

padding:0px 25px;

text-align:center;

text-decoration:none;

}

.menu li a:hover{

color:#000000;

text-decoration:none;

}

.menu li ul{

background:#e0e0e0;

border-left:2px solid #0079b2;

border-right:2px solid #0079b2;

border-bottom:2px solid #0079b2;

display:none;

height:auto;

filter:alpha(opacity=95);

opacity:0.95;

position:absolute;

width:225px;

z-index:200;

/*top:1em;

/*left:0;*/

}

.menu li:hover ul{

display:block;

}

.menu li li {

display:block;

float:none;

width:225px;

}

.menu li ul a{

display:block;

font-size:12px;

font-style:normal;

padding:0px 10px 0px 15px;

text-align:left;

}

.menu li ul a:hover{

background:#949494;

color:#000000;

opacity:1.0;

filter:alpha(opacity=100);

}

.menu p{

clear:left;

}

.menu #current{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuz0fB76Z1ytYwS-Mm6A7XB-jix14Z_oty3BOZ75w0O_vbrcJtAkMG85dp3rM7xU8gDgmpUpuSBymSdxdTq9RpAvRLoYNgYJFbZphDVl4pVonSuuk41YUSEIzjj4XDV-A3_4c90owDr776/s1600/current-bg.gif) top left repeat-x;

color:#ffffff;

}

ေအာက္ကပံုမွာျပထားေပတဲ့အတိုင္းေအာက္ကကုဒ္ေတြကိုထည့္ေပးလိုက္ပါ။

<div class="menu">

<ul>

<li><a href="http://kp3family.blogspot.com#" >KP3FAMILY</a></li>

<li><a href="http://kp3family.blogspot.com#" id="current">KP3FAMILY</a>

<ul>

<li><a href="http://kp3family.blogspot.com#">KP3FAMILY</a></li>

<li><a href="http://kp3family.blogspot.com#">KP3FAMILY</a></li>

<li><a href="http://kp3family.blogspot.com#">KP3FAMILY</a></li>

<li><a href="http://kp3family.blogspot.com#">KP3FAMILY</a></li>

</ul>

</li>

<li><a href="http://kp3family.blogspot.com">KP3FAMILY</a>

<ul>

<li><a href="http://kp3family.blogspot.com#">KP3FAMILY</a></li>

<li><a href="http://kp3family.blogspot.com#">KP3FAMILY</a></li>

<li><a href="http://kp3family.blogspot.com#">KP3FAMILY</a></li>

<li><a href="http://kp3family.blogspot.com#">KP3FAMILY</a></li>

</ul>

</li>

<li><a href="http://kp3family.blogspot.com">KP3FAMILY</a></li>

</ul>

</div>

မွတ္ခ်က္။။http://kp3family.blogspot.comေနရာနဲ႕KP3FAMILYေတြမွာမိမိရဲ႕လင့္ခ္နာမည္နဲ႕အစားထိုးေပးၾကပါ။

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

Related Post

Posted in: KP3-TAB MENU, KP3VERTICALMENU, MENU