Kp-3ေျပာေနျမဲစကားျဖစ္တဲ့ဘေလာ့နဲ႕ဝဘ္ဆိုက္ဒ္တစ္ခုလွပျပည့္စံုေစဖို႕Menuကအဓိကျဖစ္သလိုအခုခ်ိန္ကစျပီးMenuေကာင္းေလးေတြအခ်ိန္ယူျပီးျပန္တင္သြားမွာျဖစ္ပါတယ္။
က်ေနာ္တို႕Menuတစ္ခုတင္တိုင္းမွာနမူနာၾကည့္လို႕ရေအာင္Demoလင့္ခ္အျမဲတမ္းထားေပးပါတယ္၊Menuဘယ္လိုလဲဆိုတာသြားၾကည့္လို႕ရေအာင္ပါ။ေအာက္မွာထည့္နည္းနဲ႕တကြကုဒ္
ေပးထားပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု
က်ေနာ္တို႕Menuတစ္ခုတင္တိုင္းမွာနမူနာၾကည့္လို႕ရေအာင္Demoလင့္ခ္အျမဲတမ္းထားေပးပါတယ္၊Menuဘယ္လိုလဲဆိုတာသြားၾကည့္လို႕ရေအာင္ပါ။ေအာက္မွာထည့္နည္းနဲ႕တကြကုဒ္
ေပးထားပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု
မွတ္ခ်က္။Menuပတ္သက္ျပီးသြားၾကည့္ရမယ္ေနရာKp3နည္းပညာ၊၄၁၅၊မွာရွိပါတယ္။
ေအာက္က 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
MENU
- Kp3နည္းပညာ၊၄၈၅၊AUniqueStyleDropDownBarNavigationMenuသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၄၇၅၊ဘေလာ့မွာFacebookStyleDropDownMenuသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၄၇၂၊ဘေလာ့မွာအလြယ္ကူဆံုး Accordion Menu သံုးခ်င္ရင္
- Kp3နည္းပညာ၊၄၇၁၊ဘေလာ့မွာCSS3 Multi Level Drop Down Menu သံုးနည္း
- Kp3နည္းပညာ၊၄၃ဝ၊Kp-3 Blue Tabbed Drop Down
- Kp3နည္းပညာ၊၄၂၆၊Kp-3 Grey Impression Drop Down Menu
- Kp3နည္းပညာ၊၄၂၅၊Kp-3 Green Impression Drop Down Menu
- Kp3နည္းပညာ၊၄၂၄၊Kp-3 Blue Impression Drop Down Menu
- Kp3နည္းပညာ၊၄၂၃၊Kp-3 Blue Center Drop Bar Menu
- Kp3နည္းပညာ၊၄၂ဝ၊Kp-3 Sunrise Gloss Drop Down Menus
- Kp3နည္းပညာ၊၃၉၃၊ဘေလာ့မွာ KP-3CSS Horizontal Navigation Menuသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၃၉၂၊ဘေလာ့မွာ KP-3Horizontal Double Line Menu သံုးခ်င္ရင္
- Kp3နည္းပညာ၊၃၆၃၊Kp-3 ရဲ႕ Vertical Dropdown Menu ေလးသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၃၅၉၊ဘေလာ့မွာKp-3 Tab Menu ေလးသံုးခ်င္ရင္
- kp3နည္းပညာ၊၃၁၉၊ဘေလာ့မွာ KP-3Horizontal ေလးထည့္နည္း
- kp3နည္းပညာ၊၃၁၂၊KP-3 ရဲ႕ HORIZONTAL MENU အသစ္ေလးသံုးခ်င္ရင္
- kp3နည္းပညာ၊၂၉၇၊ဘေလာ့မွာ kp-3 ရဲ႕ Menu အသစ္ေလးသံုးခ်င္ရင္
- kp3နည္းပညာ၊၂၆၇၊ဘေလာ့အတြက္ KP-3 Horizontal Tabs Menu ေလးထည့္နည္း
- kp3နည္းပညာ၊၂၅၄၊ဘေလာ့မွာလြယ္ကူတဲ ့KP-3ရဲ ့Horizontal CSS menu ေလးထည့္နည္း
- kp3နည္းပညာ၊၂၅၁၊ဘေလာ့မွာ KP-3 ရဲ႕ Horizontal Menu အသစ္ေလးသံုးခ်င္၇င္
- kp3နည္းပညာ၊၂၅၀၊ဘေလာ့မွာ KP-3 ရဲ႕ Drop Down Menu အသစ္ေလးသံုးခ်င္၇င္
- kp3နည္းပညာ၊၂၄၂၊ဘေလာ့မွာ Dancing Links လို႕ေခၚတဲ့ Jquery Link Nudging ေလးသံုးနည္း
- kp3နည္းပညာ၊၂၄၁၊ဘေလာ့မွာ CSS-driven tabs Menu ေလးထည့္နည္း
- kp3နည္းပညာ၊၂၁၇၊ဘေလာ့မွာNAVIGATION BUTTONS Menu ေလးသံုးခ်င္ရင္
KP3-TAB MENU
- Kp3နည္းပညာ၊၄၇၅၊ဘေလာ့မွာFacebookStyleDropDownMenuသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၄၇၂၊ဘေလာ့မွာအလြယ္ကူဆံုး Accordion Menu သံုးခ်င္ရင္
- Kp3နည္းပညာ၊၄၇၁၊ဘေလာ့မွာCSS3 Multi Level Drop Down Menu သံုးနည္း
- Kp3နည္းပညာ၊၄၃ဝ၊Kp-3 Blue Tabbed Drop Down
- Kp3နည္းပညာ၊၄၂၆၊Kp-3 Grey Impression Drop Down Menu
- Kp3နည္းပညာ၊၄၂၅၊Kp-3 Green Impression Drop Down Menu
- Kp3နည္းပညာ၊၄၂၄၊Kp-3 Blue Impression Drop Down Menu
- Kp3နည္းပညာ၊၄၂ဝ၊Kp-3 Sunrise Gloss Drop Down Menus
- Kp3နည္းပညာ၊၄ဝ၉၊ဘေလာ့မွာWordPress စတိုင္ Widget Tabs Menu ေလးသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၃၉၃၊ဘေလာ့မွာ KP-3CSS Horizontal Navigation Menuသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၃၉၂၊ဘေလာ့မွာ KP-3Horizontal Double Line Menu သံုးခ်င္ရင္
- Kp3နည္းပညာ၊၃၅၉၊ဘေလာ့မွာKp-3 Tab Menu ေလးသံုးခ်င္ရင္
5 comments:
Menu ေလးေတြအေၾကာင္းကိုရွင္းျပေနတုန္းမို႔လို႔ တစ္ခုေမးပါရေစခင္ဗ်ာ..ကၽြန္ေတာ္ http://www.geekblogger.org/2010/02/add-drop-down-menu-widget-in-blogger.html ဒီဆိုက္ကေနယူၿပီးေတာ့ နံပါတ္သံုး Blue Dawn Drop Down ေလးသံုးခ်င္ေနတာပါ..သူေျပာတာေတြကိုလည္း သိပ္နားမလည္ဘူးျဖစ္ေနလို႔ပါ။ သူေျပာသလိုေတြပဲလုပ္တာ..အဆင့္(၃) မွာ Step 3. Now click on Add a Gadget and paste the menu code (Copy the code from the downloaded source of the drop down menu) and click on save button. ဆိုတာ ဘာကို ဘယ္ထဲကဟာကိုယူၿပီး Paste လုပ္ရမွန္းမသိျဖစ္ေနလို႔ပါ။ ျဖစ္ႏိုင္မယ္ဆိုရင္ ကူညီေစခ်င္ပါတယ္ခင္ဗ်ာ...ေနာက္တစ္ခုက ကၽြန္ေတာ့္ဆီကို၀င္ရင္ Java alert box ေလး ထည့္ထားပါတယ္.အဲ့ဒီမွာ ျမန္မာလိုေျပာင္းလိုက္ရင္ ျမန္မာလိုမေပၚဘဲ ေဖါင့္မရွိသလိုေပၚေနပါတယ္..အဲ့ဒါကိုေရာ ျမန္မာလိုေပၚေအာင္ဘယ္လိုေျပာင္းေပးရမလဲဆိုတာ ေျဖေစခ်င္ပါတယ္..
ေက်းဇူးတင္ပါ.
ရႊင္လန္းခ်မ္းေျမ႕ပါေစ
ေကာင္းေကာင္းျပန္လုပ္ၾကည့္ပါ။သူျပထားတဲ့အတိုင္းလုပ္ရင္အဆင္ေျပမွာပါ။
လင္ ့ေတြအမ်ားၾကီးကို MENU တစ္ခုထဲမွာ
ဘယ္လိုထည္ ့၇မွာလဲ ဆ၇ာ ေက်းဇူးျပ ုျပီး
ျပ ုလုပ္တဲ ့နည္းေလးကို kkyan70@gmail.com
ကိုပို ့ေပးပါေနာ္ ဒီ comment မွာ ျမန္မာစာ
မျမင္၇လို ့ပါ
လင္ ့ေတြအမ်ားၾကီးကို MENU တစ္ခုထဲမွာ
ဘယ္လိုထည္ ့၇မွာလဲ ဆ၇ာ ေက်းဇူးျပ ုျပီး
ျပ ုလုပ္တဲ ့နည္းေလးကို kkyan70@gmail.com
ကိုပို ့ေပးပါေနာ
လင္ ့ေတြအမ်ားၾကီးကို MENU တစ္ခုထဲမွာ
ဘယ္လိုထည္ ့၇မွာလဲ ဆ၇ာ ေက်းဇူးျပ ုျပီး
ျပ ုလုပ္တဲ ့နည္းေလးကို kkyan70@gmail.com
ကိုပို ့ေပးပါေနာ
Post a Comment
မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။