Skip to main content

Posts

Showing posts with the label navigation

sawsan Dock style footer navigation for wordpress

ဒီလိုဗျာ wordpress theme အတွက် header navigation ကို ပြင်ရေးပီးတော့ footer navigation ကို ပြင်ရေးဖို့ စဉ်းစားတော့ သုံးထားတဲ့ theme က header nav လို footer မှာ navigation style က မပါဘူး သာမန် link ညွှန်းထားတာလေးပဲပါတယ်။ ပြင်မယ်ဆိုရင် style.css မှာ footer အတွက် ရေးရဦးမယ်၊ ပြီးတော့ footer.php မှာ ထပ်ရေးရမှာ.. footer မှာသုံးချင်တာကတော့ link တို့ page တို့ကို ချိတ်ဆက်ညွှန်းဆိုဖို့ပါပဲ။ ရိုးရိုးရှင်းရှင်း link ချိတ်ဆက်တဲ့ ပုံစံရေးလိုက်ရင်တော့ ရတယ်၊ ဒါပေသိ footer မှာ ဒီဇိုင်းဆန်းဆန်းသုံးချင်တော့ စဉ်းစားလိုက်တာ၊ ကျနော့ ကွန်ပျုတာမှာ သုံးနေတဲ့ object dock ရဲ့ style ကို webpage ထဲမှာ သုံးချင်စိတ်ပေါ်လာတယ်၊ တွေ့ချင်တော့ ကျနော်သုံးနေတဲ့ hosting ထဲက cpanel ထဲမှာ သုံးထားတာတွေ့ရတယ်။ ဒါနဲ့ source ကနေ coding ဖတ်ကြည့်ပီး ကျနော့ဆိုဒ်အပိုတစ်ခုမှာ စမ်းကြည့်တာ အဆင်ပြေသွားတယ်။ အရင်ဆုံး dock style နဲ့ footer မှာ လုပ်ထားတဲ့ ပုံစံလေးကို ကြည့်မယ်ဆိုရင် http://url6.org/iqb မှာ ကြည့်နိုင်ပါတယ်၊ freehostingcloud ရဲ့ cpanel ထဲမှာ လုပ်ထားတဲ့ပုံစံကိုကြည့်ပီး code တွေကို ဖတ်ကြည့်ရင်း dock style အတွက် သုံးထားတဲ့ code

sawsan Wordpress page navigation plugins

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 တွေကိုထည့်ပေးလိုက်ပါ။