Kp3နည္းပညာ၊၄၁၉၊Kp-3 Massive Blue Drop Down menu

Kp-3ေျပာေနျမဲစကားျဖစ္တဲ့ဘေလာ့နဲ႕ဝဘ္ဆိုက္ဒ္တစ္ခုလွပျပည့္စံုေစဖို႕Menuကအဓိကျဖစ္သလိုအခုခ်ိန္ကစျပီးMenuေကာင္းေလးေတြအခ်ိန္ယူျပီးျပန္တင္သြားမွာျဖစ္ပါတယ္။
က်ေနာ္တို႕Menuတစ္ခုတင္တိုင္းမွာနမူနာၾကည့္လို႕ရေအာင္Demoလင့္ခ္အျမဲတမ္းထားေပးပါတယ္၊Menuဘယ္လိုလဲဆိုတာသြားၾကည့္လို႕ရေအာင္ပါ။ေအာက္မွာထည့္နည္းနဲ႕တကြကုဒ္
ေပးထားပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

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

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

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

]]></b:skin>

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

.menu{

border:none;

border:0px;

margin:0px;

padding:0px;

font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

font-size:14px;

font-weight:bold;

}

.menu ul{

background:#333333;

height:35px;

list-style:none;

margin:0;

padding:0;

}

.menu li{

float:left;

padding:0px;

}

.menu li a{

background:#333333 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf4yvAH9KLRrG4sULZzqsxwR8b8_92kMJCOL_G7sFxAzuPUHQnwUUO0GGVNEr9B5PQdtN9Rp4kRkOtzY3WxilS8zGKOrEHXXSDLC7AS0O6Qzu8RTWa0pZ4eGsmKo_G-hEkNlYz4lCZ9Fh4/s1600/seperator.gif") bottom right no-repeat;

color:#cccccc;

display:block;

font-weight:normal;

line-height:35px;

margin:0px;

padding:0px 25px;

text-align:center;

text-decoration:none;

}

.menu li a:hover, .menu ul li:hover a{

background: #2580a2 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHi1LTD3p-EgsxSmFnioB2tr6kjPhwkOg3h5VaJ8dFnpqagPG08jfm9aNQzXCJdOVkfSdT9oWg4SuO3Foo9jIpkglhJ2rjx-WXxSu2T_6ZZtmSZBKvN7Mgu8KxsdLPggGNWEz0PU1hVF7Z/s1600/hover.gif") bottom center no-repeat;

color:#FFFFFF;

text-decoration:none;

}

.menu li ul{

background:#333333;

display:none;

height:auto;

padding:0px;

margin:0px;

border:0px;

position:absolute;

width:225px;

z-index:200;

/*top:1em;

/*left:0;*/

}

.menu li:hover ul{

display:block;



}

.menu li li {

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEotSNC0geeS79judtaeM60PFXtbN6c7ABa7xaDl9NgBNwGm6eHgXTf6CqU72T9pULUHIsOY1rN4f2kq2BP0zXUePBwV8ZX1HVjYbBUy2Wg7H-iww3Bl529Dx-Rg6IkNM0DRAqCppUY2Zn/s1600/sub_sep.gif') bottom left no-repeat;

display:block;

float:none;

margin:0px;

padding:0px;

width:225px;

}

.menu li:hover li a{

background:none;



}

.menu li ul a{

display:block;

height:35px;

font-size:12px;

font-style:normal;

margin:0px;

padding:0px 10px 0px 15px;

text-align:left;

}

.menu li ul a:hover, .menu li ul li:hover a{

background:#2580a2 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ9DYuZCaoMkrGRd-Yv5DFzjC6yyamGTm6ZzL7NLh-VEUUYD6MJGGj8qylac8YuHJJw-QVdJeIwBzbm2ehyphenhyphen3cvK8YArEicvhNZNFJhhIQjqexZzRUlZoGKCsONhyrdLWmROxhjqYZpBidi/s1600/hover_sub.gif') center left no-repeat;

border:0px;

color:#ffffff;

text-decoration:none;

}

.menu p{

clear:left;

}

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

<div class="menu">

<ul>

<li><a href="ဒီမွာလင့္ခ္ထည္ေ့ပးပါ#" >kp3family</a></li>

<li><a href="ဒီမွာလင့္ခ္ထည္ေ့ပးပါ#" id="kp3family">kp3family</a>

<ul>

<li><a href="ဒီမွာလင့္ခ္ထည္ေ့ပးပါ#">kp3family</a></li>

<li><a href="ဒီမွာလင့္ခ္ထည္ေ့ပးပါ#">kp3family</a></li>

<li><a href="ဒီမွာလင့္ခ္ထည္ေ့ပးပါ#">kp3family</a></li>

<li><a href="ဒီမွာလင့္ခ္ထည္ေ့ပးပါ#">kp3family</a></li>

</ul>

</li>

<li><a href="/ဒီမွာလင့္ခ္ထည့္ေပးပါ">kp3family</a>

<ul>

<li><a href="ဒီမွာလင့္ခ္ထည္ေ့ပးပါ#">kp3family</a></li>

<li><a href="ဒီမွာလင့္ခ္ထည္ေ့ပးပါ#">kp3family</a></li>

<li><a href="ဒီမွာလင့္ခ္ထည္ေ့ပးပါ#">kp3family</a></li>

<li><a href="ဒီမွာလင့္ခ္ထည္ေ့ပးပါ#">kp3family</a></li>

</ul>

</li>

<li><a href="http://kp3family.blogspot">ဆက္သြယ္ရန္</a></li>

</ul>

</div>

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

ႏွစ္သစ္မွာနည္းပညာသစ္ေလးေတြအတတ္ႏိုင္ဆံုးျဖန္႕ေဝေပးသြားမွာျဖစ္ပါတယ္။ဒါေၾကာင့္အီးေမးလ္ကေနအျမန္ဆံုးသိႏိုင္ရန္ေအာက္ကGoogleFriendမွMenberဝင္ေစခ်င္
ပါတယ္။SignInလုပ္ေပးၾကပါ။ျပီးေတာ့အသစ္တင္တိုင္းပို႕ေပးပါ့မယ္အီးေမးလ္လိပ္စားေလးထားသြားဆိုတဲ့ေနရာမွာမိမိရဲ႕အီးေမးလ္လိပ္စာေတြကိုလဲထည့္ေပးဖို႕ပမေမ့ၾကပါနဲ႕လို႕ထပ္ေျပာ
ခ်င္ပါတယ္။

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

Related Post

Posted in: KP3-TAB MENU, MENU