Monday, October 6, 2008

How To Create Float Image

ဒါေလးကေတာ့ သင့္ရဲ ့ဘေလာ့ဂ္မွာ Float Image ေလးေတြထည့္ပံု ထည့္နည္းေလးပါ...
ကၽြန္ေတာ့္ ဘေလာ့ဂ္ရဲ ့ ဘယ္ဘက္ ေအာက္ေထာင့္မွာ ေျပးေနတဲ့ အရုပ္ကေလးကိုေတြ ့တယ္မလား...
သူ ့အေပၚမွာ Click လုပ္လိုက္ရင္ Home Page ကို ျပန္ေရာက္သြားေရာ...
အဲဒါေလးကို ဘယ္လိုလုပ္ရမလဲဆိုေတာ့...


ပထမဦးဆံုး မိမိဘေလာ့ဂ္ရဲ ့ Dashboard ထဲကိုသြားပါ..
Layout > Edit HTML ထဲကိုသြားၿပီး Templete ကို Backup လုပ္ပါ...
ၿပီးရင္ Style Sheet ထဲမွာ ]]> ဆိုတဲ့ Code ေလးကို ရွာၾကည့္ပါ...
ေတြ ့ရင္ သူ ့အေပၚမွာ ေအာက္က Code ေလးကို ထည့္ပါ...

#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

bottom နဲ ့ left ဆိုတဲ့ ေနရာမွာ "top", "buttom", "left", "right" စသည္ျဖင့္ မိမိေပၚေစခ်င္တဲ့ ေနရာကို ေရြးထားႏိုင္ပါတယ္...
ေနာက္တစ္ခါ...

</body> Tag ေလးမဆံုးခင္မွာ...

<div id="float_corner">

<a href="
http://www.namelesscreator.co.cc">

<img src="http://blogoholic.info/files/soniclari.gif" border="0" /></a>

</div>
ဆိုတဲ့ ကုဒ္ေလးကို သြင္းပါမယ္...

"http://www.namelesscreator.co.cc" ကေတာ့ ပံုေပၚမွာ ကလစ္လုပ္လိုက္ရင္ ေရာက္ေစခ်င္တဲ့ Site Address ပါ...
"http://blogoholic.info/files/soniclari.gif" ကေတာ့ ပံုတင္ထားတဲ့ URL ( လိပ္စာ ) ေလးပါ...

အနီေရာင္ျပထားတဲ့ ေနရာေလးေတြကေတာ့ သေဘာက်သလို ျပင္ႏိုင္ပါတယ္...
ဒါဆိုရင္ေတာ့ ၿပီးပါၿပီ... Templete ကို Save လုပ္ၿပီး Preview ၾကည့္ ၾကည့္ေပါ့


ဒီပို ့စ္ေလးကို ပရင့္ထုတ္မယ္

No comments:

Post a Comment

Web Analytics