Thursday, 28 May 2015

Labelေလးေတြရဲ႕ထိပ္မွာပုံကေလးေတြထည့္ၾကည့္ရေအာင္



Code မထည့္ရေသးေသာပုံမလုပ္ရေသးေသာပုံCode ထည့္ျပီးေသာပုံCode ထည့္ျပီးေသာပုံ


ကုိယ့္ဆီ မွာ Label ကေလးေတြရဲ႕ အေရွ႕မွာ ပုံကေလးေတြ ထည့္တာေလးပါ .. Label ကေလးေတြရဲ႕ထိပ္မွာပုံကေလးေတြနဲ႕ဆုိေတာ့ပုိျပီးေတာ့ၾကည့္လုိ႕ေကာင္းတာေပါ့ ...နမူနာပုံကေလးေတြ ျပထားပါတယ္ခင္ဗ်ာ ..အဲလုိမ်ဳိးကေလးေတြထည့္ခ်င္တယ္ဆုိရင္ေတာ့စမ္းၾကည့္ပါဦး .. အဲဒါကေလးကုိလုပ္မယ္ဆုိရင္ေတာ့ အရင္ ဆုံး blog ကုိ backup ကေလးလုပ္ထားလုိက္ပါ .. အဆင္မေျပဘူးဆုိရင္ေတာ့အရင္ပုံစံကေလး ျပန္ရေအာင္ေပါ့ ...ကဲ စလုပ္ၾကည့္ရေအာင္ ..

အရင္ဆုံး layout => edit html ကုိသြားလုိက္ပါ .. သြားျပီးျပီဆုိရင္ေတာ့အဲဒီ႕အထဲမွာ ေအာက္က Code ကေလးကုိရွာၾကည့္လုိက္ပါ ..
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}


အဲဒါကေလးကုိ အရင္ဆုံးရွာၾကည့္ လုိက္ပါ .. အဲဒါကေလးေတြ ရွာလုိ႕ ေတြ႕ျပီးျပီဆုိရင္ေတာ့ ေအာက္က ကုဒ္ကေလးေတြကုိ ကူးျပီးေတာ့ အဲဒီေနရာကေလးရဲ႕အစား ထည့္လုိက္ပါ ...ထည့္ျပီးသြားျပီဆုိရင္ေတာ့ Preview ၾကည့္ၾကည့္လုိက္ဦးေနာ္ .. ရျပီဆုိတာနဲ႕ Save လုိ႕ရပါျပီ ...

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:10px 0 0;
}
.sidebar ul li {
background:url("http://i33.tinypic.com/332b6dt.jpg") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:2px;
text-indent:7px;
line-height:1.3em;
}

အဲလုိလုပ္ျပီးသြားျပီ .. အဲဒီ့ ပုံကေလးကုိ မၾကဳိက္ဘူးဆုိရင္ေတာ့ အဲဒီ့ ပုံကေလးကုိ ေျပာင္းလုိ႕ရပါတယ္ ..
http://i33.tinypic.com/332b6dt.jpg ဆုိတာရဲ႕ကေနရာကေလးမွာ ကုိယ္ ၾကဳိက္တဲ႕ပုံကေလးထည့္လုိ႕ရပါတယ္ .. အဲဒါကေလးကေတာ့ ေသးေသးေလးလုပ္မွ ရမယ္ေနာ္ ...အၾကီးၾကီးဆုိရင္ ေပ်ာက္သြားလိမ့္မယ္ ..
ကြ်န္ေတာ္ ထည့္တုန္းကေတာ့ ကြ်န္ေတာ္ templete ထဲမွာအေပၚက ျပထားတဲ႕ Code ေတြကုိ မေတြ႕ဘူးဗ်. နဲနဲေတာင္ ေခါင္းစားသြားတယ္ ..အဲဒါနဲ႕ကြ်န္ေတာ္လည္း ေအာက္က code ကေလး ရ႕ဲ အေပၚမွာထည့္လုိက္တယ္ အဆင္ေျပတယ္ဗ် ..လုပ္ၾကည့္လုိက္ပါဦး ...

.sidebar { width:252px; padding:10px 25px 10px 0px;}

သည္ဆိုဒ္ေလး ျဖစ္ဖို႕ က်ေနာ္ စိတ္ကူးယဥ္ခဲ့တာ ျကာပါျပီဗ်ာ.. စုေဆာင္းထားသမွ်ေလးေတြနဲ႕ ျကိဳးစားထူေထာင္လိုက္ပါျပီ။ က်ေနာ့္ရဲ႕ ျမင္ဆရာ kp-3 ကိုအားက်မိလို႕ပါ။ အားေပးမွဳကိုအစဥ္ေလးစားလွ်က္ပါ။ တုန္ျပန္မွဳေလးတစ္ခုအေနနဲ႕...စကားေလးတစ္ခြန္းဘဲ ခ်န္ခဲ့ရင္ ေက်နပ္ပါျပီ။ ေအာင္ေအာင္(မကစ)

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

ၾကိဳက္ပါသလား+

0 comments:

Post a Comment