Followers

အီးေမးလ္မွာဖတ္ခ်င္ရင္အေပၚမွာ Sign In (Menber)ဝင္ၾကပါလို႕ေတာင္းဆိုပါရေစ။ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

kp3နည္းပညာ၊၁၇၅၊ဘေလာ့ Sidebar ႏွင့္ Post လွပစြာပိုင္းျခားနည္း

ဒါေလးကေတာ့က်ေနာ္တို႕ရဲ႕ဘေလာ့ Post ႏွင့္ Sidebar ကိုလွလွေလးပိုင္းျခားေအာင္လုပ္တဲ့နည္းေလး
ပါ၊က်ေနာ္ Tamplate ေတာ္ေတာ္မ်ားမ်ားမွာဒီ Sidebar ႏွင့္ Post ကပိုင္းျခားေပးတဲ့မ်ဥ္းေၾကာင္းေသးေသး
ေလးဘဲရိွပါတယ္၊တခ်ိဳ႕ဟာေတြဆိုရင္ဘာမွပါမလာဘူး၊တခ်ိဳ႕ၾကေတာ့လည္းလွလွေလးပိုင္ျခားေပးပါတယ္။
သိပ္မထင္ရွားဘူးဆိုရင္ေအာက္မွာနမူနာသြားၾကည့္လို႕၇ေအာင္ဆိုျပီး DEMO လင့္ခ္နဲ႕လုပ္နည္းေလးေတြျပ
ထားေပးပါတယ္၊အ၇မ္းလည္းလြယ္ကူပါတယ္လို႕ေျပာလို႕၇ပါတယ္။

၁။Layout

၂။Edit HTML

ဒီမွာသြားၾကည့္လို႕ရပါတယ္ DEMO

ေအာက္က Code ကိုရွာပါ၊

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}
ေတြ႕ျပီဆိုရင္ေအာက္က Code ႏွင့္အစားထိုးေပးလိုက္ပါ။။
.sidebar .widget, .main .widget {
background:#ffffff;margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

.main .Blog {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}
 
၃။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Related Post

Reactions:

0 comments:

Post a Comment

မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။