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 လုိုက္ပါခင္ဗ်ာ။ အဲးက်န္ေသးတယ္ခင္ဗ်
ျပီးရင္ ရမရၾကည္႔လိုက္ပါဦးလို႔.. :)