Saw San : Blog

wordpress အတွက် page navigation သုံးဖို့လိုအပ်တာနဲ့ ဒီ plugin လေးကို သုံးဖြစ်တယ်။
plugin ကို install လုပ်ပြီးတွေ့ရတဲ့ ပုံစံက ဒီလို..

ဒါနဲ့မကြိုက်သေးပါဘူး.. ကိုယ်ပါနဲ့ကို စိတ်ကြိုက်ပြင်ရေးပြီးသုံးမယ်ဆိုပြီးရေးလိုက်တော့ ဒီလို ..

ဟ.. လန်းသွားပီ(ကိုယ်ပါနဲ့ကိုပြောတာ :)) သိပ်တော့ မပြင်လိုက်ရပါဘူး။ pagenavi-css.css ထဲမှာ colour လေးတွေ၊

padding၊ a:hover ဒီလောက်ပါပဲ၊ အဓိကထည့်သုံးလိုက်တာက CSS3 မှာ အသစ်ပါလာတဲ့ border-radius ကိုပါ။
http://wordpress.org/extend/plugins/wp-pagenavi

ဒီ wp-pagenavi plugins ကိုသုံးလိုက်တယ်..
အဲ့ဒါမသုံးခင်.. theme folder ထဲမှာ ..
notepad နဲ့ pagenavi-css.css ဆိုတဲ့ css ဖိုင်တစ်ခု တည်ဆောက်ပြီး
ကျနော် ပြင်ရေးထားတဲ့ ဒီ code တွေကိုထည့်ပေးလိုက်ပါ။

.wp-pagenavi {
clear:both;
font-size:15px;
padding:1px;
text-align:right;
text-transform:uppercase;
}

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 3px 6px 3px 6px;
margin: 1px;
text-decoration: none;
color: #ffffff;
background-color: #000000;-moz-border-radius:3px;
}

.wp-pagenavi a:visited {
padding: 3px 6px 3px 6px;
margin: 2px;
text-decoration: none;
color: #ffffff;-moz-border-radius:3px;
}

.wp-pagenavi a:hover {
color: #ffffff;
background-color: #b802fc;-moz-border-radius:3px;
}

.wp-pagenavi a:active {
padding: 3px 6px 3px 6px;
margin: 2px;
text-decoration: none;
color: #000000;
}

.wp-pagenavi span.pages {
color: #000000;
float:left;-moz-border-radius: 3px;
}

.wp-pagenavi span.current {
padding: 3px 6px 3px 6px;
margin: 2px;
font-weight: bold;
color: #ffffff;
background-color: #b802fc;-moz-border-radius:3px;
}

.wp-pagenavi span.extend {
padding: 3px 6px 3px 6px;
margin: 2px;
color: #000000;border: 1px solid #505050;-moz-border-radius:3px;
}

ကျနော်သုံးတဲ့ theme ကလည်း download ချ၊ စိတ်ကြိုက်ပြင်ပီးရေးပြီးမှ install လုပ်တာ၊ အဲ့ဒီ theme ကို install မလုပ်ခင်ကတည်းက pagenavi-css.css ကို theme folder ထဲမှာ ပါပြီးသား၊ အဲ့တုန်းက
CSS3 ရဲ့ border-radius ကိုမသုံးရသေးဘူး၊ ဒီအတိုင်း လေးထောင့်ပုံစံပဲ၊ အခုမှ Admin Dashboard ထဲကနေ pagenavi-css.css မှာ နည်းနည်းထပ်ပြင်လိုက်တာ၊ အဆင်မပြေရင်ပြောပါဗျာ.. source : www.sawsan23.com