Blogger menu ကို Lava Lamp တင်ခြင်း

Lava lamp အကြောင်းကို အရင် post မှာ ရှင်းပြီးပါပြီ။ အခု အဲဒီ menu bar ကို ဘလော့မှာ တင်မှာ ဖြစ်ပါတယ်။ ဒီမှာ အဓိက က(၃)ပိုင်းရှိပါတယ်။ CSS coding ပိုင်းရယ်။ javascript ကြေညာတဲ့အပိုင်းရယ်၊ body မှာ menu link တွေထည့်တဲ့အပိုင်းရယ်ပါ။ အောက်မှာတဆင့်ချင်း ရှင်းသွားပါမယ်။ အရင်ဆုံး lavalamp နမူနာကို ဒေါင်းပါ။ ပြီးရင်အဲဒီမှာပါတဲ့ jquery-1.1.3.1.min.js ရယ်၊ jquery.easing.min.js ရယ်၊ jquery.lavalamp.min.js ရယ်ကို upload တင်ထားပေးပါ။ ပြီးရင် demo.html မှာလည်း ခုနက upload တင်ထားတဲ့ javascript ဖိုင်တွေရဲ့ link ကို အစားထိုးပါမယ်။ ဒီလိုဖြစ်သွားပါမယ် ။
ပြီးရင် အဲဒီ html ဖိုင်ထဲက link တွေဖြည့်ထားတဲ့ javascript ကုတ်တွေအားလုံးကို < /head > ရဲ့ ရှေ့မှာ ကပ်ထည့်ပါမယ်။ ပြီးရင် CSS file မှာ lavaLampNoImage နဲ့ ဆိုင်တဲ့ css code တွေကိုပဲ ချန်ထားပါ။ ကျန်တာကို delete လုပ်ပါ။ (ရှင်းသွားအောင်ပါ) ပြီးရင် အဲဒီမှာ color background စတာတွေ ကိုယ့်ဘလော့နဲ့ လိုက်အောင်ပြင်ပါ။ width ကိုလည်း ပြင်ပါ။ အားလုံးပြီးရင် Blogger ကို၀င်ပါမယ်။ လုပ်ထားတဲ့ lavalamp_test.css ထဲက ကုတ်တွေကို အောက်က အတိုင်း < /head > ရဲ့ရှေ့ < /b:skin > TA[ ရဲ့ အတွင်း css ကုတ်တွေထည့်တဲ့ နေရာမှာ ထည့်ပါမယ် ။
နောက် menu link တွေထည့်တဲ့အပိုင်းကတော့...

< ul class="lavaLampNoImage" id="2"> < li>< a href="#"> Home</a></li> < li>< a href="#"> Plant a tree</a></li> < li>< a href="#"> Travel</a></li> < li>< a href="#"> Ride an elephant</a></li></ul>

ဒီကုတ်တွေမှာ လင့်တွေကတော့ ကြိုက်သလိုပြောင်းနိုင်ပါတယ်။ နောက်ပြီး နာမည်တွေကို လည်းပြောင်းနိုင်ပါတယ်။ ထည့်ရမယ့်နေရာ ကတော့ < div id='header' > နဲ့ < /div > တို့ကို ရှာပါ။ ပြီးရင် အဲဒီနောက်က ကပ်ထည့်လိုက်ရင် ရပါပြီ။ ဒီဘလော့မှာတော့ Template နဲ့ မကိုက်လို့ မတပ်တော့ပါဘူး။

No Response to "Blogger menu ကို Lava Lamp တင်ခြင်း"

Post a Comment

powered by Blogger