<style type="text/css">
body {
font-family: Zawgyi-one,Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
/ * =-=-=-=-=-=-=-[Menu Four]-=-=-=-=-=-=-=- */
#menu4 {
width: 200px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
margin: 10px;
}
#menu4 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu4 li a:link, #menu4 li a:visited {
color: #9E3C02;
display: block;
background: url(images/ menu4.gif);
padding: 8px 0 0 30px;
}
#menu4 li a:hover {
color: #fff;
background: url(images/ menu4.gif) 0 -32px;
padding: 8px 0 0 30px;
}
#menu4 li a:active {
color: #fff;
background: url(images/ menu4.gif) 0 -64px;
padding: 8px 0 0 30px;
}
</ style>
ဒီေပၚကကုဒ္ေတြကို <head> ရဲ႕ေအာက္ မွာထည့္လိုက္ဗ်ိဳ႕ ၿပီးရင္ ေအာက္ကကုဒ္ေတြကိုေတာ့
</ head>
<body>
အဲဒီစာတန္းရဲ႕ေအာက္ ဘယ္ေနရာမွာမဆိုထည့္လို႔ရပါတယ္
<div id='sidebar-wrapper'>
ဒီစာတန္းရဲ႕ေအာက္မွာလည္း ထည့္လို႕ရပါတယ္။
<div id="menu4">
<ul>
<li><a href="#1" title="Home">Home</ a></ li>
<li><a href="#2" title="About">About</ a></ li>
<li><a href="#3" title="Services">Services</ a></ li>
<li><a href="#4" title="Portfolio">Portfolio</ a></ li>
<li><a href="#5" title="Store">Store</ a></ li>
<li><a href="menu4.zip" title="Download"> Menu</ a></ li>
</ul>
</div>
#1,#2,#3,#4,#5 အဲဒီေနရာေတြမွာ မိမိထည့္ခ်င္တဲ့ url ကိုထည့္ပါ။ Home, About, Service, Portfolio, Store ဆိုတာေတြက Tab ရဲ႕ နာမည္ေတြပါ။ အဲဒီေနရာေတြမွာမိမိ ေပးခ်င္တဲ့နာမည္ေပးပါ။ tab ေတြကိုထပ္ထည့္ခ်င္ရင္ေတာ့ <li> ..... </ li> ေတြကို ထပ္တိုးလိုက္ေပါ့ဗ်ာ ကဲစမ္းၾကည့္လိုက္ပါအံုး အဆင္မေျပရင္လည္း စာေရးေမးေပေတာ့ဗ်ိဳ႕....
မွတ္ခ်က္။ ။ အလြယ္ဆံုးကေတာ့ Add a Page Element ထဲက HTML and Javascript မွာထည့္တာကေတာ့အလြယ္ဆံုးျဖစ္ပါတယ္။..... ♥♥♥
0 comments:
Post a Comment