Home Page လွလွေလး ျပင္ၾကရေအာင္

Ning Network နည္းပညာ အပိုင္း(၂)

Home Page လွလွေလး ျပင္ၾကရေအာင္

လြမ္း ဒီေန ့ Home Page ဘယ္လိုျပင္ရလဲဆိုတာကို အဆင့္ဆင့္ရွင္းျပသြားပါမယ္...

အားလံုးကို မိမိကိုယ္တိုင္ ျပင္တတ္ေစခ်င္တဲ့ေစတနာနဲ ့ တင္ျပလိုက္ျခင္းျဖစ္ပါတယ္...

၁။ မိမိရဲ့ Profile Photo ေအာက္မွာရိွတဲ့ ျပင္ဆင္ရန္ ဆိုတာေလးကို Click လုပ္လိုက္ပါ...

၂။ သင့္စာမ်က္ႏွာ ျပင္ဆင္ခ်ယ္သျခင္းဆိုတဲ့ စာမ်က္ႏွာကို ေရာက္သြားပါမယ္...

ေအာက္မွာ သင့္စိတ္ႀကိဳက္ျပဳျပင္ပါ ဆိုတဲ့ Tab သံုးခုအနက္ All Options ဆိုတာကို Click လုပ္လိုက္ရင္ လုပ္ပိုင္ခြင့္အားလံုး လို ့ ေပၚလာပါလိ္မ့္မယ္...

၃။ Header, Body, Module, Sides နဲ ့ Subheader တို ့ရဲ့ အေရာင္ကို Transparent လို ့ ေရြးေပးရမွာပါ... ဒီေနရာမွာ Body နဲ ့ Sides တို ့ရဲ့ Color Box မွာ Transparent ဆိုတဲ့ အကြက္ေလးေတြ မပါတာကို ေတြ ့ရပါမယ္... ပံုမွာ ျပထားတဲ့အတိုင္း Color Box ထဲမွာ Transparent လို ့ ႐ိုက္ထည့္ၿပီး OK လို ့ ေပးလိုက္ရပါမယ္...

Side Image, Body Image နဲ ့Header Image ေတြကို No Image ေရြးထားရမွာပါ...

ႊTop Bar & Footer ရဲ့ အေရာင္ကို အနက္ေရာင္ ေပးထားရပါမယ္... အေရာင္ေတြေျပာင္းၿပီးသြားရင္ ေအာက္ကပံုအတိုင္း ျဖစ္ေနရပါမယ္...

၄။ ခုပံုမွာ ျပထားတဲ့အတိုင္း Tab သံုးခုရိွတဲ့အနက္ မိမိ၏ CSS ကုတ္အားၾကည့္ရန္(သို ့)ထည့္ရန္ ကို Click လုပ္လိုက္ပါ... Box ထဲမွာ မူလရိွၿပီး Code ေတြ ျမင္ရပါလိမ့္မယ္... အားလံုးကို Select လုပ္ၿပီး Delete လုပ္ပစ္လိုက္ပါ။

body {

background-image: url(http://dl10.glitter-graphics.net/pub/188/188860ft8yg88yq2.gif);

background-color:#000000;
background-position:Center Center;

background-attachment: fixed;

background-repeat: repeat;

}

a:hover {

color:#CC0000;

text-decoration:none;

background:transparent url(http://www.poqbum.com/animated_hover/images/blood.gif);

}

p {align=justify}

HTML,BODY{cursor: url(http://downloads.totallyfreecursors.com/cursor_files/carebear.cur),

url(http://downloads.totallyfreecursors.com/thumbnails/care-bear.gif), auto;}

a {cursor: hand;}

....................................................................................................................

ပထမဆံုးအပိုဒ္က Background အတြက္ပါ...

ဒုတိယအပိုဒ္က Hover ပါ... Pointer ေထာက္လိုက္ရင္ ေပၚလာတဲ့ပံုေလးေတြပါ...

တတိယအပိုဒ္က Cursor အတြက္ပါ... Pointer ပံုေလးကို ေျပာင္းလိုက္တာပါ...

အားလံုးေျပာင္းၿပီးရင္ေတာ့ Save လုပ္ၾကည့္လိုက္ပါ...

....................................................................................................................

လြမ္းေပးထားတဲ့ ပံုေတြကို မႀကိဳက္ရင္ မိမိစိတ္ႀကိဳက္ ျပန္ထည့္တဲ့ နည္းကို ဆက္လက္ေျပာျပပါ့မယ္...

၅။ ဒီတစ္ခါ Background ေတြကို ဘယ္လိုရွာရလဲဆိုတာကို သင္ေပးပါမယ္...

http://www.glitter-graphics.com Website ကို ၀င္လိုက္ပါ...

ပံုမွာျပထားတဲ့အတိုင္း အဆင့္ဆင့္ လုပ္ၾကည့္ပါ...

၆။ မိမိႏွစ္သက္ရာ Background ကို ေရြးခ်ယ္ၿပီးၿပီဆိုရင္ေတာ့ Click ျပဳလုပ္ၿပီး ပံုမွာျပထားတဲ့အတိုင္း HTML Code ကို Select All ျပဳလုပ္၍ Copy ျပဳလုပ္ၿပီး မိမိ၏ CSS ကုတ္အားၾကည့္ရန္(သို ့)ထည့္ရန္ ထဲမွ ပထမဆံုးအပိုဒ္ ေနရာတြင္ Paste ျပဳလုပ္ေပးရပါမယ္...

....................................................................................................................

၇။ Cursorအတြက္ရွာရမဲ့ Website ကေတာ့ http://www.totallyfreecursors.com ျဖစ္ပါတယ္...

မိမိႀကိဳက္ႏွစ္သက္ရာCursor ပံုေလးကို ေရြးၿပီးၿပီဆိုရင္ေတာ့ လြမ္း ထည့္ထားတဲ့ ပံုေလးအတိုင္း အဆင့္ဆင့္ ျပဳလုပ္သြားၿပီး မိမိ၏ CSS ကုတ္အားၾကည့္ရန္(သို ့)ထည့္ရန္ ထဲမွတတိယအပိုဒ္ ေနရာတြင္ Paste ျပဳလုပ္ေပးရပါမယ္...

တကယ္လို ့မ်ား အခက္အခဲျဖစ္လာတယ္ဆိုရင္ေတာ့ လြမ္းကို ေမးလို ့ရပါတယ္...

လြမ္း Page ကို လာခ်င္ရင္ေတာ့ http://www.mm-flashsongs.com/profile/LwannLayကို Click လုပ္လိုက္ေပါ့ေနာ္...

လြမ္းနဲ ့ သူငယ္ခ်င္းျဖစ္တယ္ဆိုရင္ေတာ့ စာပို ့မယ္ ဆိုတာေလးကို Click လုပ္ၿပီး သိခ်င္တာကို ေမးျမန္းႏိုင္ပါတယ္...

လွပတဲ့ Home Page မ်ားကို ကိုယ္တိုင္ျပင္ႏိုင္ၾကပါေစ...

လြမ္းဧကရီ

၁၉-၀၈-၂၀၁၁

စာေရးၿပီးခ်ိန္ - ညေန ၃း၁၃ နာရီ