htmlနဲ႕တူတူပုန္းရေအာင္

ကြ်န္ေတာ္ဒီပို႔စ္ကိုေရးတာ web page ကိုအခုမွစတင္ေလ့လာျပီး

အခက္အခဲရွိေနသူမ်ားအတြက္ပါ ။ကိုယ္တိုင္တတ္လြန္းလို႔ေရးတာမဟုတ္ပဲ

သိထားသေလာက္ေလးကိုျပန္မွ်ေ၀တဲ့သေဘာပါ ။

တစ္ခုခုလိုအပ္တာ/ မွားယြင္းတာေတြ႕ခဲ့ရင္ ပညာရွင္မ်ားကေ၀ဖန္ျပင္ဆင္ေပးၾကပါခင္ဗ်ာ ။
_________________________________________________________________
သူငယ္ခ်င္းတို႔ကို အခုကြ်န္ေတာ္ေျပာမွာ ျမင္ေနရတဲ့စာေၾကာင္းတစ္ေၾကာင္းရဲ႕ေနာက္က
ေနာက္ထပ္စာေၾကာင္းတစ္ေၾကာင္း ” ဘြားကနဲ “ေပၚလာတဲ့အေၾကာင္းပါ ။
ဒီစာေၾကာင္းေပၚမွာmouseေလးတင္ၾကည့္ပါဦးWelcomeToKyonetineYwear
အခုျမင္ရသလိုေလးျဖစ္ေအာင္ ဒီလိုေရးထားတာဗ်…
ကဲ..ကြ်န္ေတာ္တို႔ လက္ေတြ႕ေလးၾကည့္လိုက္ၾကရေအာင္….
ပထမဆံုး…
ေအာက္မွာေပးထားတဲ့ CSS Code ေတြကို ကြ်န္ေတာ္တို႔ဆိုဒ္ရဲ႕ CSS Box ထဲထည့္ရပါမယ္။
___________________________ CSS Codes __________________________________
.popup {position: relative;
z-index: 0;
}
.popup:hover {background-color: transparent;
z-index: 50;
}
.popup span {position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: #000;
text-decoration: none;
}
.popup span img {border-width: 0;
padding: 2px;
}
.popup:hover span {visibility: visible;
top: 0;
left: 60px;
}
a {text-decoration: none;
}
_________________________________________________________________________
ျပီးရင္ေတာ့ေနာက္ထပ္အခုေအာက္မွာျမင္ေနရတဲ့ Codes ေတြကို
သံုးခ်င္တဲ့ေနရာမွာခ်ေရးလိုက္ရင္ အားလံုး အဆင္ေျပပါျပီခင္ဗ်ာ ။
_________________________________________________________________________
<a class=”popup”><font style=”color: rgb(255, 0, 0);” size=”3″>ဒီစာေၾကာင္းေပၚမွာmouseေလးတင္ၾကည့္ပါဦး</font><span style=”width: 155px; color: rgb(0, 204, 204);”>WelcomeToKyonetineYwear</span></a>
_________________________________________________________________________
အနီေရာင္စာလံုးေတြကေရွ႕မွာျမင္ေနရမွာေလ…
ကြယ္ေနမွာကခရမ္းေရာင္စာလံုးေတြေပါ့…
အစိမ္းေရာင္ေလးနဲ႕ေရးျပထားတာက ကြယ္ေနတဲ့စာလံုးကိုခတ္မယ့္ေဘာင္အရွည္ပါ..
အညိုေရာင္ေတြက rgb color codes ေတြ ေပါ့..
(အဲဒါေတြအားလံုးစိတ္ၾကိဳက္ျပင္ေပါ့ဗ်ာ…ေနာ္..)
စမ္းၾကည့္လိုက္ဗ်ာ..အဆင္ေျပမွာပါ ..။