Peekaboo Navbar

အရင္တုန္းက navbar ေလးကို ေဖ်ာက္ထားတာရွင္းလို႔ ေဖ်ာက္ထားခဲ႔ပါတယ္ . အဲး .. အဲးဒါက ကိုယ္ဘာသာျပန္ၾကည္႔ရင္းနဲ႔ ျပင္ခ်င္တာေလး ရွိလို႔ ရင္ မရဘူး ဗ်ာ အျပီးေပ်ာက္ဆိုေတာ႔ တစ္ခုကို သတ္သတ္ ဖြင္႔ထားရတယ္ ျပင္ခ်င္တဲ႔အခ်ိန္ ျပင္လို႔ရေအာင္လို႔ အဲး.. အခုေတာ႔ ရပါျပီဗ်ာ ဘာရတာလဲးေတာ႔ေမးနဲ႔

ကြ်န္ေတာ္က အခု ကြ်န္ေတာ္႔ရဲ႕navbar ကို Peek-a-boo ဆိုတာေလး လုပ္ထားလိုက္ပါတယ္ အဲးလိုလုပ္ထားလိုက္ေတာ႔ ပံုမွန္အခ်ိန္မွာ navbar ေလးကို ေဖ်ာက္ထားတယ္ အဲးကြ်န္ေတာ္တို႔က လိုလို႔ ရွိရင္ navbar ရွိေနက်ေနရာေလးကို ေမာက္ေလး ေထာက္လိုက္ (အယံုရင္ အဲးဒီေပၚ (navbar) ေထာက္ၾကည္႔.. :)

လုပ္ထားတာကေတာ႔ ဒီလိုပါဗ်ာ

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

အဲးဒီစာသားေလးကို (head) ထဲးမွာထည္႔ေပးရမွာပါ

body {
background:#120200;
margin:0;
color:#B18C5B;
font-size:90%;
font-family: ZawGyi-One,Arial, Verdana, Serif;
text-align: center;
}

ဒီလိုစာသားေလးေတြရဲ႕အေပၚမွာ ထည္႔ျပီး save လုိုက္ပါခင္ဗ်ာ။ အဲးက်န္ေသးတယ္ခင္ဗ်
ျပီးရင္ ရမရၾကည္႔လိုက္ပါဦးလို႔.. :)

လုပ္ထားတဲ႔ EOT

ကြ်န္ေတာ္က ဘေလာ႔ကိုလုပ္ထားျပီးမေရး တတ္လို႔မေရးတဲပသူပါ အခု ဘေလာ႔ဂ်ာဖိုရမ္မွာ EOT အတြက္ ေျပားထားတာေလးေတြေတြ႔လို႔အခုကြ်န္ေတာ္EOT လုပ္ၾကည္႔ထားတာေလးပါ သံုးလို႔ရမရေတာ႔ သံုးၾကည္႔ၾကပါလို႔ေျပားခ်င္ပါတယ္ ကြ်န္ေတာ္လည္းလုပ္ၾကည္႔ျပီးေပးလိုက္တာပါ..
ဒီ EOT က pandora နဲ႔ ainmetdiary တို႔အတြက္လုပ္ၾကည္႔ထားတာပါ.. ကြ်န္ေတာ္ေတာ႔ မစမ္းၾကည္႔မိထားဘူး ေအာက္က eot form ကို ကူးျပီး html က

body {
background:#120200;
margin:0;
color:#B18C5B;
font-size:90%;
font-family: ZawGyi-One,Arial, Verdana, Serif;
text-align: center;
}

ဆိုတဲ႔ စာသားေလးရဲ႕ အေပၚမွာ ထည္႔လိုက္ပါျပီးရင္ေဆ႔လုပ္လိုက္ပါခင္ဗ်ာ

ကူးရမဲ႔စာသားေတြက

@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: normal;
src: url(http://www.mediamax.com/alexa2007/Hosted/ZAWGYIO7.eot);
}
@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: 700;
src: url(http://www.mediamax.com/alexa2007/Hosted/ZAWGYIO6.eot);
}
@font-face {
font-family: Zawgyi-One;
font-style: oblique;
font-weight: normal;
src: url(http://www.mediamax.com/alexa2007/Hosted/ZAWGYIO5.eot);
}
@font-face {
font-family: Zawgyi-One;
font-style: oblique;
font-weight: 700;
src: url(http://www.mediamax.com/alexa2007/Hosted/ZAWGYIO4.eot);
}

အဲးဒါေတြကို ကူးျပီးထည္႔ၾကည္႔လိုက္ပါခင္ဗ် အဆင္ေျပပါေစ

ဒီမွာထူးဆန္းစြာျဖစ္ေနတာက ေတာ႔ သူမ်ားေတြက Zawgyi00.eot က စတာျဖစ္ျပီး ကြ်န္ေတာ္လုပ္ထားတာက Zawgyi04.eot ကစတာျဖစ္ေနတာပါပဲး ဒီမွာကြ်န္ေတာ္ထင္တာ ေတာ႔ ကြ်န္ေတာ္ပထမ တစ္ခုလုပ္ထားတာက အဲးဒီ Zawgyi00.eot ကေန Zawgyi03.eot ထိလုပ္ထားတာရွိလို႔ လို႔ထင္တာပါပဲးခင္ဗ်ာ