jQuery အသုံးပြု၍ Image Menu တစ်ခုတည်ဆောက်ခြင်း
ဒီတစ်ခေါက်တော့ jQuery ကိုအသုံးပြုပြီး ကျယ်ကျဉ်း ပြုလုပ်နိုင်တဲ့ image menu တစ်ခုကို တည်ဆောက်ကြည့်ကြရအောင်။ Black & White ပုံလေးတစ်ပုံနဲ့ colored ပါတဲ့ ပုံလေးတစ်ပုံတင်ပါ။ ကျွန်တော်တို့ ကြည့်လိုက်ရအောင်။ ထုံးစံအတိုင်း HTML Structure တစ်ခုတည်ဆောက်ပါမယ်။ main container ပါမယ်။ ပြီးတော့ unordered list နည်းနည်းပါမယ်။ main…
Read More »Creating a Scrollable Website
ကျွန်တော်တို့ Page တွေအများကြီးမလိုပဲ Navigation တွေကို နှိပ်ရုံနဲ့ Scroll ဖြစ်ပြီး သက်ဆိုင်ရာကိုပြတဲ့ Tutorial တစ်ခုရေးကြည့်ရအောင်။ အရင်ဆုံးလိုတာက html file တစ်ခုတည်ဆောက်ပါလိုက်ပါ။ <!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <title>Creating a Scrollable Area</title> </head> <body> </body> </html>…
Read More »Blog တိုင်းတွင် ရှိသင့်သော အရေးကြီး Feature များ
ယခုဆို အင်တာနက်သုံးတဲ့သူတော်တော်များများဟာ ကိုယ်ပိုင်ဘလော့ဂ်တွေတင်ကြတာကို တွေ့ရပါတယ်။ မိမိရေးသားထားတဲ့ ကဗျာတွေကိုပဲဖြစ်ဖြစ် ၊ နည်းပညာအကြောင်းအရာနဲ့ပဲဖြစ်ဖြစ် ၊ အခြားအကြောင်းအရာများကို Blog အနေနဲ့ရေးသားလာကြပါတယ်။ ယခုPost မှာတော့ ဘလော့ဂ်တိုင်းမှာ ရှိသင့်ရှိထိုက်တဲ့ Feature များကို ဖော်ပြပေးသွားမှာဖြစ်ပါတယ်။ Blog Archive ပုံမှန်အားဖြင့်တော့ ဘလော့ဂ်တစ်ခုရဲ့ Home Page ကို Latest Post အနေနဲ့စီပြီးပြသပါတယ်။ မိမိဘလော့ဂ်ကို…
Read More »jQuery အားအသုံးပြုပြီး Tabber တစ်ခုတည်ဆောက်ခြင်း
jQuery ဆိုတဲ့ javascript library တစ်ခုကိုသုံးပြီးတော့ Tabber တစ်ခုကိုဖန်တီးကြည့်မှာ ဖြစ်ပါတယ်။ ဘယ်လိုမျိုးလဲဆိုတော့ myanmartutorials ရဲ့ ညာဘက်က sidebar မှာသုံးထားတာမျိုးပါ။ ကျွန်တော်အရင်က မရေးတက်ခင်တုန်းကတော့ jQuery UI တို့ jQuery Toolတို့ အစရှိတဲ့ PlugIn တွေကိုသုံးပါတယ်။ တွေးမိတာက ရေးရတာခက်ခဲလိမ့်မယ်ပေါ့။ ဒါပေမယ့် jQuery ကို နဲနဲပါးပါးနားလည်လာတဲ့…
Read More »Slider with Slide.js
အရင်တစ်ခေါက်က Coin Slider အကြောင်းကို ပြောပြခဲ့ပြီးပါပြီ။ ဒီတစ်ခေါက်တော့ တစ်ဆင့်တက်ပြီး Slide.js ကိုလေ့လာကြည့်ကြရအောင်။ Slide.js က Coin Slider နဲ့ဘာကွာသလဲဆိုတော့ သူက ဘာမှမပါဘူး။ မိမိနှစ်သက်သလို Slider ကိုပုံသွင်းလို့ရတယ်။ နှစ်သက်တဲ့ CSS ကိုရေးပြီးသုံးလို့ရတယ်။ ရေးလွယ်ပြင်လွယ်တယ်။ အရင်ဆုံး HTML5 Structure တစ်ခုလောက်ရေးကြရအောင်။ <!DOCTYPE html> <html…
Read More »Coin-Slider from Workshop.RS
ဒီတစ်ခေါက်တော့ Wordshop.rs ရဲ့ Coin-Slider လေးတစ်ခုလောက်ကိုဆောက်ကြည့်ရအောင်။ ကျွန်တော်တွေ့ဖူးသမျှ Slider တွေထဲမှာတော့ အလွယ်ဆုံးလို့ပြောလို့ရတယ်။ မလုပ်ရင် အရင်ဆုံး DEMO လေးကိုအရင်ကြည့်ရအောင်။ အရင်ဆုံး HTML တစ်ခုတည်ဆောက်လိုက်ပါမယ်။ ပြီးရင် jQuery Files တွေ CSS တွေ ချိတ်ကြရအောင်။ <script type=”text/javascript” src=”jquery-1.4.2.js”></script> <script type=”text/javascript” src=”coin-slider.min.js”></script> <link…
Read More »Ads
