Showing posts with label ကြန္ျပဴတာနည္းပညာ. Show all posts
Showing posts with label ကြန္ျပဴတာနည္းပညာ. Show all posts

25/01/2013

PowerISO 5.4.

rtht}

ကဲCD/DVD/VCDထဲကိုdata/iso/file အမ်ီဳးမ်ီဳးvideoအမ်ီဳးမ်ီဳးသြင္းဘမ္းခ်င္သူမ်ားအတြက္poweriso5.4ကိုတင္းေပးလိုက္ပါတယ္ဗ်...
Download:power iso5.4(6.5MB)

Download:poweriso 5.4 key(72kb)

26/08/2012

TP-LINK driversအခက္ခဲျဖစ္ေနပါသလား?

windwosအားလံုးအသံုးျပဳနိုင္ပါတယ္ဗ်ာ....
နက္စ္ခ်ိတ္ဖို႕driverအခက္ခဲျဖစ္သူမ်ားအမ်ိဳးစားလိုက္သာယူေပေတာ့


TP-LINK TF-3239DL drivers
Download link:Download Now
Adapters & 56K Modem -> Internal Data/Fax Modem
Download link:Driver Download
Download link:2Driver download
TP-LINK TF-3239DL drivers
Download link:Driver2
Download link:Driver1
TP-LINK TF-3200 drivers
Download link:Driver1
Download link:Driver2
TP-LINK TG-3468 drivers download
Download link:Driver1
Download link:Driver2
TP-LINK TL-SC3171 drivers download
Download  link:TL-SC3171 1.6.17(driver)
Download  link:TL-SC3171_1.16.18(Driver)
Download  link:Intelligent IP Installer(tool)
Download  link:undled Surveillance Software(software)
ကဲဒီေန႕ဒီေလာက္ပဲေနာက္မွဒီပို႕စ္ကိုထပ္ျဖည့္မယ္
ေက်နပ္က်လိမ့္မယ္လို႔ေမွ်ာ္လင့္ပါတယ္



25/08/2012

NOkia phoneကို ျမန္မာေဖာင့္ထည့္မယ္

Nokia C3 အတြက္ ျမန္မာ font ဘယ္လုိသြင္းရမလဲဆုိတာ ေျပာျပပါ့မယ္။
ပထမဆုံးအေနနဲ႕ ဖုန္းထဲမွာ X-plore လုိ႕ေခၚတဲ့ file Manager ေဆာ့၀ဲေလးရွိရပါမယ္။
မရွိရင္ေအာက္မွာ ရယူနုိင္ပါတယ္။
X-plore(for window mobile) အားရယူရန္
X-plore ကုိဖုန္းမွာ install လုပ္ပါ။ ျပီးရင္ X-plore ထဲကုိ၀င္ပါ ။ configuration menu ကုိသြားျပီး show hidden files and system folders ကို
အမွန္ျခစ္ေပးပါ။ ျပီးရင္ ကုိယ့္ဖုန္းရဲ႕ internal memory z:/resource/fonts folder ေအာက္မွာ font အမ်ိဳးအစားတစ္ခုကုိ file သုံးခုနဲ႕ေတြ႕ပါလိမ့္မယ္။
ဥပမာေျပာရင္ S60SC.ccc, S60TCHK.ccc and S60ZDIGI.ttf ဆုိျပီးေတာ့ ေတြ႕ရင္ အဲဒီနာမည္ သုံးမ်ိဳး ကုိခဏမွတ္ထားပါ။
ျပီးရင္ မိမိသြင္းခ်င္တဲ့ ျမန္မာ font ရဲ႕ name ကုိ ခုနက ဖုိင္သုံးဖုိင္ရဲ႕ နာမည္ေတြကုိ rename ေပးလုိက္ပါ။ ဥပမာ- zawgyi.ttf ကုိ zawgyi ဆုိတာကုိတင္ဖ်က္ျပီး ေနာက္က file အမ်ိဳးအစားကုိမေျပာင္းဘဲ S60SC.ccc, S60TCHK.ccc and S60ZDIGI.ttf ဆုိျပီး ေပးခုိင္းတာပါ။
ျပီးရင္ ဖုန္းရဲ႕ memory card ကုိ ကြန္ပ်ဴတာနဲ႕ခ်ိတ္ပါ။ memory card ရဲ႕ directory ေအာက္ resource ဆုိတဲ့ folder ထဲကို၀င္ပါ(ဥပမာ-e:/resource) ။ ျပီးရင္ resource folder ထဲမွာ “Fonts” ဆိုတဲ့ နာမည္နဲ႕ folder တစ္ခုတည္ေဆာက္ပါ။ ျပီးရင္ ခုနက system font ေတြရဲ႕
နာမည္ေတြအတုိင္း rename ေပးထားတဲ့ ျမန္မာေဖာင့္ဖုိင္သုံးခုကုိ အသစ္ေဆာက္ထားတဲ့ Fonts ဖုိဒါေအာက္ကုိ ပုိ႕လုိက္ပါ။
ဥပမာအားျဖင့္ e:/resource/fonts/S60SC.ccc, S60TCHK.ccc and S60ZDIGI.ttf) ။ ျပီးရင္ ဖုန္းကုိ restart ခ်လုိက္ပါ။
ျပန္တက္လာရင္ ျမန္မာလုိ ျမင္ရျပီျဖစ္ပါတယ္။
မွတ္ခ်က္။ဒီပို႕စ္ကိုေတာ့က်ေနာ္မစမ္းရေသးသျဖင့္ေသခ်ာမသိေသးသည့္အတြက္ပံုနွင့္တကြမရွင္းျပေသးပါ
ေနာက္မွပံုနွင့္တကြရွင္းျပမည္
အဆင္ေျပေစလိုေသာဆႏၵ(ေက်ာ္ေက်ာ္မိုး)
ပ်က္စီးမူ႕အတြက္
ဆက္သြယ္ရန္လိပ္စာ။Email:kyawkyawmoe594"gmail.com
ဆက္သြယ္ရန္လိပ္စာ။phone:60108605040

phoneအတြက္root softwareမ်ားလိုေနသလား၊

ဖုန္းအတြက္အမ်ီဳးစားလိုက္ခြဲေပးထားတယ္ဗ်ာ..
လိုအပ္သည့္ျဖစိ္္ပါကေအာက္တြင္ေဒါင္းယူနိုင္ပါသည္
phone to  Root Explorer software
Download link:re2142.apk(xperia x8)


Xperia X8ကိုဘယ္လိုrootလုပ္မလဲ။
  1. ကဲစျပီး Settings-> Applications -> Development > Turn the USB 
  2. အေပၚကအဆင့္ေတြပီူရင္ဒီွအဆင့္Settings-> SD Card, USB Mass Storage & Phone Storage > ကို on ေပးပါ


ေအာက္မွာroot Xperia X8 2.1 အတြက္သံုးရမယ့္နည္း

  အရင္ဆံုး "SuperOneClick".
ကိုေဒါင္းေလာ့ဆြဲခ်ပါ
. ပီးရင္ phone နဲ႕ "PC" ခ်ိတ္ဆက္ေပးပါ
ရန္ "Charge Phone".
. ကဲဖြင့္မယ္ "SuperOneClick" ကိုကလစ္လိုက္ရင္ေအာက္ကပံုအတိုင္းေပၚေနမယ္ "Root".ကိုနိပ္ပါ
5. ခဏေစာင့္လိုက္ပါအလုပ္လုပ္ေနပါလိမ့္မယ္

6. အေပၚကပံုအတိုင္းမတ္ေဆ့ေလးျပန္လာရင္okနိပ္ေပးလိုက္ပါဗ်ာ..
ဒီလိုဆိုရင္သူငယ္ခ်င္ူးရဲ႕ဖုန္းကို
rootလုပ္တာေအာင္ျမင္စြာျပီးဆံုးူပါပီ

ကဲXperia X8ကို
rootလုပ္တာအဆင္ေျပပီဆိုေတာ့ေက်နပ္ေရာေပ့ါဗ်ာ..အဆင္မေျပဘူးဆံုးရံုးမူ႕ရွိခဲ့ရင္ျပန္ဆက္သြယ္ပါဆံုးရံုးတန္းဖိုူးေပးေဆာင္မည္။
ဆက္သြယ္ရန္လိပ္စာ။Email:kyawkyawmoe594"gmail.com
ဆက္သြယ္ရန္လိပ္စာ။phone:60108605040
Download link:super-one- click


Fonts Change ရန္လိုအပ္မည့္software

Fonts Change ရန္ အတြက္ ေဖာင့္လွလွေလးေတြ
အဆင္ေျပတာနဲ႕ေဒါင္းပါ
အားလံုးတူတူပါပဲဗ်ာ..
phone:software(free)
Download link:Root%29.apk
Download link:Root.apk?
Download link:ZawgyiRoot.apk
Download  link:mediafire

iTunes 10 တြင္ Zawgyi Font ရေအာင္ လုပ္ျခင္း

iTunes 10 တြင္ Zawgyi Font သံုူးလို႕ရပါပီ

အရင္ဆံုး Resource Folder ထဲက en.lproj ေအာက္ကTextStyles.plist ဆိုတာကို ရွာၿပီး Notepad လိုမ်ိဳး Plain Text Editor နဲ႔ဖြင့္ပါ။

ကၽႊန္ေတာ္ကေတာ့  Notepad ++ နဲ႔ပဲ ျပပါမယ္။

ဖြင့္လိုက္ရင္ ပံုထဲက အတိုင္း xml နဲ႔ေရးထားတဲ့ Text File ေပၚလာပါမယ္။
ပံုထဲမွာ Segoe UI (Windows 7 Default Font) ႏွင့္ Tahoma ဆိုတဲ့ Fonts ႏွစ္ခုရယ္ ပံုထဲမွာ မျမင္ရတဲ့ Lucida Grande ဆိုတဲ့ Font ရယ္ေတြ႕ရပါမယ္။

ၿပီးရင္ အခုနကေျပာတဲ့ Fonts သံုးခုလံုးကို Zawgyi-One နဲ႔ လဲပါမယ္။ Replace ကို Ctrl + H ႏွိပ္ၿပီး ေခၚလို႔ရသလို ပံုမွာလည္းျပထားပါတယ္။

Find What တြင္ Segoe UI, Tahoma နဲ႔ Lucida Grande တို႔ကို ရိုက္ထည့္ၿပီး Replace With မွာ Zawgyi-One သို႔ မိမိသံုးမဲ့ Font Name ကို ရိုက္ထည့္ႏိုင္ပါတယ္။ ၿပီးရင္ Replace All ကိုႏွိပ္ၿပီး Save လုပ္ေပးလိုက္ပါ။

အားလံဳး လုုပ္ျပီးသြားျပီ ဆိုရင္ေတာ့ ေအာက္ကအတိုင္း ျမင္ရမွာ ျဖစ္ပါတယ္။

တစ္ခုေကာင္းတာက zawgyi မသံုးခ်င္ရင္ lang ခ်ိန္းလိုက္တာနဲ႔ အဆင္ေျပသြားပါလိမ့္မယ္။
အဆင္မေျပသူမ်ားဆက္သြယ္နိုင္သည္
ဆက္သြယ္ရန္လိပ္စာ။Email:kyawkyawmowe594"gmail.com
ဆက္သြယ္ရန္လိပ္စာ။phone:60108605040

SamsungကိုRootလုပ္ျပီးzawgyi-oneထည့္သံုးမယ္

. Galaxy ACE ကို Root လုပ္ဖို႔အတြက္ Rooting Package ကို Download link:Upd-1.zip (download)
2. Phone ကို Computer နဲ႔ခ်ိတ္ၿပီး Download လုပ္ထားတဲ့ upd_1.zip ကို SD ကဒ္ထဲကူးထည့္ပါ။
3.Copy ကူးၿပီးရင္ေတာ့ ဖုန္းကို ပိတ္လိုက္ပါ။ Recovery mode ကိုသြားဖို႔ Volume Up + Menu + Power တို႔ကိုဖိထားပါ။
4.Recovery Mode ထဲကိုေရာက္သြားၿပီဆိုရင္ေတာ့ Install zip from SD Card ကိုေရြးလိုက္ပါ။ ၿပီးရင္ေတာ့ Choose Zip from SD ကိုေရြးလိုက္ပါ။
5. ၿပီးရင္ေတာ့ upd_1.zip ကိုေရြးၿပီး Power button ကိုႏွိပ္လိုက္ပါ။ Root လုပ္တာ ၅ မိနစ္ကေန ၁၀မိနစ္အတြင္းၾကာႏိုင္ပါတယ္။
6. Root လုပ္လို႔ၿပီးရင္ေတာ့ ++++ Go Back ++++ ကိုေရြးပါ။ ၿပီးရင္ေတာ့ Reboot System Now ကိုႏွိပ္လိုက္ပါ။
အခုဆိုရင္ Samsumg Galaxy ACE ကို Root လုပ္လို႔ၿပီးသြားပါၿပီ။    
            ZawGyi font Install လုပ္အုန္းမယ္ဗ်ာ

1. DroidSansFallback.ttf ကိုDownload link:DroidSansFallback.ttf

2. Root Explorer ကိုဖြင့္ၿပီးေတာ့ DroidSansFallback.ttf ရွိတဲ့ ေနရာကိုသြားၿပီး DroidSansFallback.ttf ေပၚမွာ ဖိထားလိုက္ပါ။




3. ေပၚလာတဲ့ Pop-up Menu ထဲက Copy ကိုေရြးပါ။


4. /Systems/Fonts ေအာက္ကိုသြားပါ။ DroidSansFallback.ttf ေပၚမွာ ဖိထားလိုက္ပါ။ အဲ့လို ဖိမထားခင္မွာ စစ္ေဆးရမွာက System type က r/w ျဖစ္ေနရမွာျဖစ္ပါတယ္။ 


5. ေပၚလာတဲ့ Pop-up Menu ထဲက Permission ကိုေရြးပါ။

6. Permission ထဲမွာ အားလံုးကို အမွန္ျခစ္ေရြးၿပီး Ok ကိုႏွိပ္ပါ။


7.  ၿပီးရင္ ေတာ့ Paste ကိုႏွိပ္လုိက္ပါ။


8. Overwrite လုပ္မလားလို႔ ေမးလာရင္ Yes ကိုႏွိပ္လုိက္ပါ။


အခုဆိုရင္ Android မွာ ZawGyi font ကို Install လုပ္လို႔ၿပီးသြားပါၿပီ။
ခုနည္းလမ္းေလးကအဆင္ေျပဆံုးပါပဲဗ်ာ....တစ္ကယ္လို႔လူၾကီးမင္းရဲ႕ဖုန္း

တစ္ခုခုခ်ိဳယြင္းသြားခဲ့ရင္ၾကိဳက္သလိုကြန္မန္႕ေပးနိုင္ပါတယ္

ဆံုးရံုးသြားပါကေရာ္ေၾကးေပးေဆာင္မည္

မွတ္ခ်က္(ဒီနည္းလမ္းတိုင္းမလြဲေခ်ာ္သြာလုပ္ေပးပါရန္အဓိကအေရးပါသည္)

ဆံုးရံုးသြားပါကဆက္သြယ္ရန္လိပ္စာ(Email:kyawkyawmoe594"gmail.com
                                           (Phone:60108605040
                    

24/08/2012

Huawei C8650 ႏွင့္ C8800 ဖုန္းမ်ားအတြင္းသို႔ Myanmar Font ႏွင့္ Keyboard ထည့္သြင္းပံု



ျပည္တြင္းတြင္ CDMA 800 MHz ဖုန္းမ်ား အသံုးျပဳမႈမ်ားလာသည္ႏွင့္ အမွ် 800 MHz ဟန္းဆက္မ်ားတြင္ လူသံုးမ်ားေသာ ဟန္းဆက္မ်ားမွာ C8650 ႏွင့္ C8800 ဖုန္းမ်ားျဖစ္ေနတာကို ေတြ႔ရွိရပါတယ္။ ယင္းဖုန္းႏွစ္မ်ိဳးကုိ ျမန္မာစာ Fonts ထည့္သြင္းရန္ အရင္ဆံုး Root ျပဳလုပ္ရန္ လိုအပ္ပါတယ္။ ထိုကဲ့သို႔ Root ျပဳလုပ္ပံုအေသးစိတ္ကုိေတာ့သိေလာက္ပီထင္ပါတယ္ဗ်ာ..
ယခု Huawei C8650 ကုိ Myanmar Font ထည့္သြင္းျခင္းကုိ စတင္ေဖၚျပေပးမွာျဖစ္ပါတယ္။ Font ထည့္သြင္းရန္ လိုအင္ေသာ Software မ်ားမွာ Root_Explorer , DroidSansFallback.ttf, MyanDroid-Soft-Keyboard စသည္တို႔လိုအပ္ပါတယ္။ ယင္း Software မ်ားအားလံုးကို ေအာက္မွာတင္ေပးထားပါတယ္။
Software မ်ားအားလံုးရရွိၿပီဆိုရင္ ဖုန္းကုိ ကြန္ပ်ဴတာႏွင့္ ခ်ိတ္ဆက္ၿပီး SD ကဒ္အတြင္းသို႔ထည့္၍ Root_Explorer ႏွင့္ MyanDroid-Soft-Keyboard တို႔ကုိ ဖုန္းတြင္ Install ျပဳလုပ္ေပးရပါမည္။ Install ျပဳလုပ္ၿပီးပါက Root_Explorer အတြင္းရွိ System အတြင္းသို႔ဝင္၍ app အတြင္းသို႔ ထပ္မံဝင္ေရာက္ရပါမည္။ Install ျပဳလုပ္ၿပီးပါက Root_Explorer အတြင္းရွိ System အတြင္းသို႔ဝင္၍ app အတြင္းသို႔ဝင္ေရာက္ၿပီးပါက Screen ထိပ္နားရွိ Mount R/W ကုိတစ္ခ်က္ႏွိပ္၍ Mount R/O ကုိေျပာင္းေပးၿပီး SogouInput.apk ဖိုင္ကုိ Delete ျပဳလုပ္ေပးရမည္ျဖစ္သည္။
ထုိကဲ့သို႔ Delete ျပဳလုပ္ရာတြင္ အျခားေသာ ဖိုင္မ်ားကို မွားယြင္းဖ်က္မိျခင္းမရွိေစရန္ သတိျပဳရပါမည္။
ၿပီးေနာက္ Root_Explorer အတြင္းရွိ sdcard အတြင္းသို႔ဝင္၍ DroidSansFallback.ttf ကုိ Copy ကူး၍ အျပင္ဘက္ရွိ System အတြင္းရွိ fonts ထဲသို႔ဝင္၍ Screen အေပၚရွိ Mount R/W ကိုတစ္ခ်က္ႏိွပ္၍ Mount R/O သို႔ေျပာင္းေပးၿပီး Paste ျပဳလုပ္ေပးရမည္ျဖစ္သည္။ ထိုသို႔ျပဳလုပ္ၿပီးပါက ယင္း Paste လုပ္လိုက္ေသာ Fonts ကိုဖိႏွိပ္ထားၿပီး Options ေပၚလာပါက Permissions ကို ႏွိပ္၍ ပံုပါအတိုင္းအမွန္ျခစ္မ်ားေပးရမည္ျဖစ္သည္။


Root_Explorer အတြင္းရွိ sdcard အတြင္းသို႔ဝင္၍ DroidSansFallback.ttf ကုိ Copy ကူးပါ။
Copy ကူးလာေသာ DroidSansFallback.ttf ကုိ မွ်ားျပထားေသာ Font ဖိုင္အတြင္းသို႔ Paste ျပဳလုပ္ပါ။
Paste လုပ္ၿပီးေသာ DroidSansFallback.ttf ကုိ Option အတြင္းရွိ Permissions ကုိႏွိပ္၍ ပံုပါအတိုင္း အမွန္ျခစ္ေပးပါ။
ၿပီးေနာက္ဖုန္း Setting အတြင္းရွိ Language & Keyboard အတြင္းသို႔ဝင္၍ MyanDroid Soft Keyboard ကုိအမွန္ျခစ္ေပးၿပီး စတင္အသံုးျပဳ၍ရၿပီျဖစ္သည္။ အထက္ပါအဆင့္မ်ားအားလံုး ျပဳလုပ္ၿပီးပါက Huawei C8650 အတြင္းသို႔ ျမန္မာစာ Font ႏွင့္ Keyboard ထည့္သြင္းျခင္းၿပီးဆံုးၿပီျဖစ္သည္။
Huawei C8800 အတြင္းသို႔ Myanmar Font ႏွင့္ Keyboard ထည့္သြင္းပံုမွာ C8650 ထည့္သြင္းသည့္ ပံုစံအတိုင္း ျပဳလုပ္ရမည္ျဖစ္ေသာ္လည္း C8800 တြင္မႈ Sogoulnput.apk ဖိုင္ကုိ Delete ျပဳလုပ္ေပးရန္မလိုအပ္ေပ။ က်န္အဆင့္မ်ားမွာ C8650 ျပဳလုပ္သည့္ ပံုစံအတိုင္ပင္ျဖစ္သည္။
မွတ္ခ်က္။        ။ အထက္ပါ Myanmar Font ထည့္သြင္းျခင္းမွာ မွားယြင္းမႈတစ္စံုတစ္ရာရွိခဲ့ပါက ဖုန္းပ်က္တတ္ေသာေၾကာင့္ တစ္ဆင့္ျခင္းကို ေသခ်ာစြာ ျပဳလုပ္ရန္လိုအပ္ပါသည္။ မွားယြင္းျပဳလုပ္မႈေၾကာင့္ ျဖစ္ေပၚလာေသာအနဲငယ္ဆံုးရံုူးသြားပါကတာ၀န္ယူမည္မဟုတ္ပါ
သို႔ေသာ္ခုေပးတဲ့ေမာ္ဒယ္နံပတ္နဲ႕ဆိုင္ရာဆိုင္ရာကိုေရြးရန္လိုအပ္သလိုက်ေနာ္ေျပာထားသလိုလဲေနရာေလးေတြလြဲေနတတ္ပါတယ္..

အဆင္ေျပမယ္လို႔႕ပဲေမွ်ာ္လင့္ေနမယ္ေနာ္...အခက္ခဲျဖစ္ေနပါက(ျပန္လည္ဆက္သြယ္ပါ(email:kyawkyawmoe594"gmail.com)




Download link:Root.zip
Download link:z-4-root1.apk
Download link:fontchanger.zip
Download link:Keyboard%20(1.1.91).apk
Download link:netqinanti_2iv1668o.apk

Rootလုပ္မယ္

Root ဆိုတာဘာလဲ???
Linux OS မွာေတာ့ Root ကို Administrator အျဖစ္ သတ္မွတ္ပါတယ္။ Windows Platform မွာေတာ့ Admin Level တစ္ေယာက္အေနျဖင့္ Full Permission ကို အျပည့္အဝရပါတယ္။ Linux Platform မွာေတာ့ Root Level တစ္ေယာက္အေနျဖင့္ Full Permission အျပည့္အဝရသည့္အျပင္ Open Source ျဖစ္သည့္အတြက္ System အပိုင္းထိပါ ကိုင္တြယ္ႏိုင္ပါတယ္။

Android OS မွာ ဘာလို႕ Root လုပ္ၾကတာလဲ???
အထက္မွာ ရွင္းျပခဲ့သည့္ Root Level အေၾကာင္းကို အထိုက္အေလ်ာက္နားလည္မည္ဆိုပါက ဘာေၾကာင့္ Root လုပ္တယ္ဆိုတာကို ဆက္စပ္ေတြးၾကည့္လို႕ရပါတယ္။ အလြယ္ေျပာရရင္ ဖုန္းမွာ ပါဝင္ၿပီးသား System and Application ေတြအျပင္ ပိုသုံးခ်င္သူ၊ ပိုကလိခ်င္သူေတြက Root လုပ္ၾကပါတယ္။ ( ကြ်န္ေတာ္ အပါအဝင္ေပါ့...။ ) အဲလို ကလိႏိုင္ဖို႕အတြက္ Android ဖုန္းကို Root လုပ္ၾကပါတယ္။ iphone မွာေတာ့ ဒါကို Jail break လုပ္တယ္လို႕ ေခၚပါတယ္။
စာဖတ္သူက Andorid ဖုန္း အသုံးျပဳသူဆိုရင္ေတာ့ ေအာက္ပါ အဆင့္ေတြအတိုင္း လြယ္ကူစြာ Root လုပ္ႏိုင္ပါတယ္။

Root လုပ္ဖို႕အတြက္ Root Application တစ္ခုလိုပါတယ္။ သို႕ေသာ္ မိမိကိုင္ေဆာင္ေသာ ဖုန္း၏ Brand and Model ကို လိုက္ၿပီး Root လုပ္ႏိုင္တဲ့ Application ေတြကို ေသခ်ာေရြးခ်ယ္ဖို႕လိုပါတယ္။ ယခု စာေရးသူေဖာ္ျပေပးမည့္ Z4root တြင္လည္း သူနဲ႕ Compatible ျဖစ္သည့္ ဖုန္းအမ်ိဳးအစားမ်ားကို ေဖာ္ျပေပးထားပါတယ္။ မိမိ၏ ဖုန္းအမ်ိဳးအစား အတိအက် ပါဝင္မွသာလ်င္ Root လုပ္ပါရန္ ၾကိဳတင္ သတိေပးအပ္ပါသည္။


Z4root
Compatible with Permanent Root Option

Samsung Galaxy S (All variants)
Backflip
Sony X10
Xperia Mini
Droid 2
Galaxy Tab
Galaxy I5700
Galaxy 3 I5800
Droid X
Samsung Acclaim
Cricket Huawei Ascend
Motorola Cliq
Huawei 8120
Huawei C8500
Huawei C8600
Hero
G1
Optimus T
Droid 1
Garmin Asus A50
Motorola Defy
LG Ally
Motorola Flipside
Motorola Milestone 2
Dell streak
X10 Mini Pro
Smartq v7 android 2.1

( Reference by xda-developers.com )

အထက္ေဖာ္ျပပါ ဖုန္းအမ်ိဳးအစားတြင္ ပါဝင္မွသာလ်င္ Z4root.apk ကို Download လုပ္ယူပါ။

Download: Z4root 1.3.0.apk

1. Z4root.apk ကို မိမိဖုန္း၏ SDcard တြင္ ထည့္သြင္းပါ။

2. မိမိ Android ဖုန္း၏ Menu တြင္ File Manager ကို ရွာပါ။ ဝင္ပါ။ SDcard ကိုသြားပါ။ အဲမွာ ခုနက ကူးထည့္ထားတဲ့ Z4root.apk မွာ တစ္ခ်က္ႏွိပ္ပါ။ Install လုပ္ပါ။ Install လုပ္ၿပီးေနာက္ Application အား တန္းသုံးလိုပါက Open လုပ္ႏိုင္သလို Done မွာ ႏွိပ္ပါက Application ထည့္သြင္းမွဳ ၿပီးဆုံးသြားပါမည္။

3. Z4root Application ကို အသုံးျပဳၾကည့္ပါမယ္။ Menu ထဲတြင္Z4root ကို ရွာပါ။ ဝင္ပါ။ ပုံႏွင့္တကြ ေဖာ္ျပေပးလိုက္ပါတယ္။ ေလ့လာၾကည့္ပါ။



4. ဒီအဆင့္မွာ Root လုပ္ဖို႕အတြက္ ေရြးခ်ယ္စရာ ႏွစ္ခုရွိပါမယ္။ Temporary Root နဲ႕ Permanent Root ပါ။

Temporary Root ကိုေရြးခ်ယ္ပါက Root ကို ယာယီ လုပ္ေပးတာပါ။ ဖုန္းကို ပိတ္မိၿပီး ျပန္ဖြင့္ပါက UnRoot ျဖစ္သြားပါတယ္။

ဒါေၾကာင့္ အျမဲတန္း Root အျဖစ္ထားလိုပါက Permanent Root ကို ေရြးခ်ယ္ရပါမည္။ Permanent Root ကို ​ေရြးခ်ယ္ၿပီးပါက Rooting လုပ္ေနပါမည္။ ၿပီးပါက ဖုန္းကို Restart ခ်သြားပါမည္။ Android OS ျပန္လည္တက္ၿပီးပါက Menu ထဲတြင္ SuperUser ဆိုသည့္ Application Icon တစ္ခုေပၚေနၿပီ ဆိုပါက Android OS ကို Root လုပ္တာ ေအာင္ျမင္ပါၿပီ။



Root လုပ္ၿပီးၿပီဆိုေတာ့ ၾကိဳက္ရာ Android Application ေတြ၊ ျမန္မာေဖာင့္ေတြ၊ ျမန္မာလက္ကြက္ေတြႏွင့္ တျခားကလိစရာေတြ အမ်ားၾကီးထည့္သြင္း အသုံးျပဳႏိုင္ပါၿပီ။ ဒါေပမဲ့ ကိုယ္ဖုန္းက Root လုပ္ၿပီးသုံးေနတာဆိုတာကိုလဲ မေမ့ပါနဲ႕ေလ...။ Root လုပ္ထားေတာ့ ကိုယ္ဘာလုပ္လုပ္အတားအစီးမရွိ ကလိလို႕ရေနမွာပါ။ တခ်ိဳ႕ System အပိုင္းေတြကို ထိခိုက္သြားမယ္ဆိုရင္ေတာ့ စာေရးသူျဖင့္ မည္သို႕မွ
ကြ်န္ေတာ္တစ္ခုေျပာခ်င္တာကေတာ့အစဦးလုပ္ဖူးကိုင္ဖူးတာဆိုရင္ေသခ်ာဂရုစိုက္လုပ္ေစခ်င္တယ္ဗ်ာအခကိမသင့္ရင္compuiter
windowမတက္တဲ့ထိျဖစ္နိုင္သြားပါတယ္.....ဗ်ာ....အဆင္ေျပမယ္လို႕ေမွ်ာ္လင့္ပါတယ္..ေနာက္လဲဆက္တင္သြားမည္(mobileနဲ႔ပတ္သက္တာသိတာအကုန္တင္ေပးသြားမည္..
.

29/04/2012

လာျပန္ပီဘေလာ့ဂါသမားမ်ားအတြက္ရည္ရြယ္ပါတယ္

ကဲရည္ရည္ိေ၀းေ၀းေျပာမေနေတာ့ဘူးဗ်ာ...ဒီကုတ္ေလးကေတာ့အကိုတစ္ေယာက္ေတာင္းထားလို႔ရွာပီးတင္ေပးလိုက္ပါတယ္
ကဲစမယ္ေနာ္
၁(အေနနဲ႕မိမိဘေလာ့ဂါကိုsign in  ၀င္ပါပီးရင္ေတာ့ထံုးစံတုိင္ူးေပ့ါdesignsဆိုတာနိပ္ပါပီးရင္ေတာ့ေအာက္ကနာမည္ကိုနိပ္ပါ
(Edit  HTML)ဆိုတာနိပ္ပါပီးရင္ေတာ့templateကိုback  upၾကီဳလုပ္ထားပါပါ
၂(အေနနဲ႕ဒီကုတ္ကို၇ွာပါ(CTRL+F)ကိုနိပ္ပါ(
]]></b:skin>ဒီကုတ္ကိုရွာပါေတြ႕၇င္အဲ့ကုတ္ေနာက္ကေနဒီေအာက္ကကုတ္ကိုေကာ္ပီယူပီးထည့္ပါ

code  copy in

.nav {
height:35px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC_DJOhZsA-Iws1ewGjIz95kSKqWPuKMV8H-O5d9fMFoaeNRhBuaGFYovAlEgRWz4eMAzM4_D9y-4bDLssLqIOUnrou9Jn_U8UBSic-_K0mdQDAzscX29v0D0jKObQ9u7UXI0B9TZXYkvy/s1600/bg.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
width:100%;
z-index:100;
margin:0;
padding:0;
}

.nav .table {
display:table;
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0;
padding:0;
list-style:none;
display:table-cell;
white-space:nowrap;
}

.nav li {
margin:0;
padding:0;
height:auto;
float:left;
}

.nav .select a {
display:block;
height:35px;
float:left;
font-weight:bold;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC_DJOhZsA-Iws1ewGjIz95kSKqWPuKMV8H-O5d9fMFoaeNRhBuaGFYovAlEgRWz4eMAzM4_D9y-4bDLssLqIOUnrou9Jn_U8UBSic-_K0mdQDAzscX29v0D0jKObQ9u7UXI0B9TZXYkvy/s1600/bg.gif);
padding:0 30px 0 30px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#2b3238;
}


.nav .select a:hover,
.nav .select li:hover a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNs4dyUOwLa6CApIZORRGCFB0CtxkvY1ObftXXhmPV3ZML_7DveJRdiIrARcPU24JT1ffHb19Lw6YFgX0z2JcKOVz3YLY_GX4eUhuTPCE5XaYc-ILotTmxpnqPxEZxY-7W1f0_ByqHKufH/s1600/hover.gif);
padding:0 0 0 15px;
cursor:pointer;
color:#2b3238;
}

.nav .select a b{
font-weight:bold;
}

.nav .select a:hover b,
.nav .select li:hover a b {
display:block;
float:left;
padding:0 30px 0 15px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNs4dyUOwLa6CApIZORRGCFB0CtxkvY1ObftXXhmPV3ZML_7DveJRdiIrARcPU24JT1ffHb19Lw6YFgX0z2JcKOVz3YLY_GX4eUhuTPCE5XaYc-ILotTmxpnqPxEZxY-7W1f0_ByqHKufH/s1600/hover.gif) right top;
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}

.nav .sub {
display:table;
margin:0 auto;
padding:0;
list-style:none;
}

.nav .sub_active .current_sub a,
.nav .sub_active a:hover {
background:transparent;
color:#2b3238;
}

.nav .select :hover .select_sub,
.nav .current .show {
display:block;
position:absolute;
width:100%;
top:35px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi21inm-X4vYqU-uw8CtNwRwmUe56Nfo3WT4fbtrMraEmmNId0vdlMWcdf4DojnMXS05FaIAovd0fKxUKTDxmvi2-krzjFYQo-5QN9Ym0_tlIQTkLtFnIyEvqyPFkDdXp0TQSWaOFCg_uN-/s1600/back.gif);
padding:0;
z-index:100;
left:0;
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a,
.nav .current .show .sub li a {
display:block;
float:left;
background:transparent;
padding:0 10px 0 10px;
margin:0;
white-space:nowrap;
border:0;
color:#2b3238;
}

.nav .current .sub li.sub_show a {
color:#2b3238;
cursor:default;
}

.nav .select .sub li a {
font-weight:normal;
}

.nav .select :hover .sub li a:hover,
.nav .current .sub li a:hover {
visibility:visible;
color:#73a0d2;
}
<!--[if IE]>
.nav ul {display:inline-block;}
.nav ul {display:inline;}
.nav ul li {float:left;}
.nav {text-align:center;}
.nav .select a:hover b,
.nav .select li:hover a b {float:none;}
<![endif]-->

ဒီကုတ္ေတြေကာ္ပီလုပ္ပီးထည့္ပီးပီဆိုရင္ေတာ့save  templateဆိုတာနိပ္ပါပီရင္ေအာက္မွာၾကည့္မယ္



ဘယ္ဘက္ခ်မ္းမွာပဲရွိတယ္layoutဆိုတာနိပ္ပါပီးရင္အဲ့ကေနအေပကၚဆံုးကAdd  a  gadgetဆိုတာနိပ္ပါအဲ့က်လာတဲ့ေဘာက္စ္ေလးကေနဒီနာမည္ကိုရွာနိပ္ပါ
Html/Javascriptနိပ္ပီးပီဆိုရင္ေဘာက္စ္ေလးတစ္ခုထြက္ပါမယ္ေအာက္ကအကြကင္ထဲကိုဒီေအာက္ကကုတ္ေတြေကာ္ပီကူးပီးထည့္ိေပးလိုက္ပါ


ကုဒ္ေတြကူးရန္
<div class="nav">
<div class="table">

<ul class="select"><li><a href="#"><b>Sample</b></a></li></ul>

<ul class="select"><li><a href="#"><b>Sample Menu</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>

<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
</ul>
</div>
</li>
</ul>

<ul class="select"><li><a href="#"><b>Sample Menu</b></a>
<div class="select_sub">
<ul class="sub">

<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
</ul>

</div>
</li>
</ul>


<ul class="select"><li><a href="#"><b>Sample Menu</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="#">Sample Menu 3</a></li>
<li><a href="#">Sample Menu 3</a></li>
<li><a href="#">Sample Menu 3</a></li>

<li><a href="#">Sample Menu 3</a></li>
<li><a href="#">Sample Menu 3</a></li>
</ul>
</div>
</li>
</ul>


<ul class="select"><li><a href="#"><b>Sample Menu</b></a>
<div class="select_sub">
<ul class="sub">

<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">ဒီလိုေနရာမွာမိမိၾကိဴက္တာနာမည္တစခုေရးေပးနိုင္ပါသည္ 4</a></li>
</ul>

</div>
</li>
</ul>

</div>
</div>


အေပၚကSample Menu 4ဒီလိုေနရာေတြမွာမိမိၾကိဴက္ရာနာမည္တစ္ခုေပးလို႕ရပါတယ္ျမန္မာလိုူလဲအဆင္ေျပပါတယ္



အဆင္ေျပက်ပါေစေနာ္..ကိုေစာမင္းူေအာင္ေရ..........အဆင္ေျပမယ္လို႕ေမွ်ာ္လင့္ပါတယ္ေနာ္

ဘေလာ့ဂါသမားမ်ားအတြက္blogger menu codeမ်ား

မိမိဘေလာ့ဂါကိုMenuအဆန္းေလးသံုးခ်င္သူမ်ားအတြက္ပါ
  1. မိမိဘေလာ့ကို၀င္ပါပီးရင္အေပၚကdesignဆိုတာနိပ္ပါပီးရင္ဒီေနာက္ကနာမည္ကိုသြားပါ> Layout   ဆိုတာနိပ္ပါပီးရင္ေနာက္ကကုတ္ကိုနိပ္ပါ(Add   a   Gadget or Add a Page element)
  2. ပီးရင္က်လာတဲ့ေဘာက္စ္ကဒီကုတ္ကိုနိပ္ပါ( HTML/JavaScript)
  3. ဒီနာမည္ကိုနိပ္လိုက္ရင္ေဘာက္စ္ေလးတစ္ခုထြက္လာပါမယ္ HTML/JavaScript
  4. အဲ့လိုေဘာက္စ္ေလးက်လာပီဆိုရင္ေအာက္ကသံုးခ်င္တဲ့Menu codeကိုေကာ္ပီယူပီးHTML/JavaScript ဒီ်နာမည္ေဘာက္ထဲကိုထည့္လိုက္ပါ  အားလံဲုးကိုလိုခ်င္သလိုကုတ္ေတြထည့္ပီပီးပီးဆိုရင္ေတာ့ေအာက္ဆံုးက(save)ဆိုတာနိပ္ပါမၾကိဴက္ရင္ျပန္ေျပာင္းယူလို႕လဲရပါတယ္

    အဆင္ေျပက်ပါေစေနာ္ ....ေက်ာ္ေက်ာ္မိုး...ေအာက္မွာကုဒ္ကိုကူးက်ပါ




<li><a href="#" ><span>Link 1</span></a></li>

<li><a href="#" ><span>Link 2</span></a></li>

<li><a href="#" ><span>Link 3</span></a></li>

<li><a href="#" ><span>Link 4</span></a></li>

<li><a href="#" ><span>Link 5</span></a></li>

<li><a href="#" ><span>Link 6</span></a></li>

<li><a href="#" ><span>Link 7</span></a></li>

LinKေနရာမွာေတာ့လင့္တစ္ခုခုကိုအစားထိုးထည့္ေပးရမည္ေအာက္ကကုတ္ေတြလဲဒဇိ္လိုပဲအစားထံုးသံုးရမည္သူ႕နာမည္နဲ႕သူသာထည့္သံုးရပါမည္


<li><a href="#" ><span>Link n</span></a></li>



Finally do not forget to save and save. See the results on his blog.

Here's the code 30 horizontal tab navigation menu

MBT Navigation Menu #1


No Image Used
Black-Orange

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #666; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #fff; background-color: #FE9C54; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>





MBT Navigation Menu #2

No Image Used
Purple-White-Navigation

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #navcontainer { float:left; width:100%; background:#fff; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #6659A7; border-top:1px solid #6659A7; } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #6659A7; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #666; background-color: #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>




MBT Navigation Menu #3

No Image Used
Boxed 1


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs { font: bold 7.5pt Verdana; } #navcontainer { float:left; margin: 0; padding: 8px 0px; width:100%; background:#575656; font-size:93%; line-height:normal; } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font: bold 7.5pt Verdana; line-height: 14px; margin: 0; padding: 5px 0 5px 0; } #navlist a, #navlist a:link { margin: 0; padding: 10px; color: #fff; border: 4px solid #575656; text-decoration: none; } #navlist a:hover { color: #fff; border: 4px solid #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>



MBT Navigation Menu #4

No Image Used

LIGHT-GREY



<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs1 { font: bold 7.5pt Verdana; } #tabs9 img { border: none; } #navcontainer { margin: 10px 0 0 30px; padding: 0; height: 20px; } #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #navcontainer ul li a { background: #fff; width: 78px; height: 18px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0; margin: 0 0 5px 0; color: #666; text-decoration: none; display: block; text-align: center; font: normal 10px/18px verdana; } #navcontainer ul li a:hover { color: #6659A7; background: #eeeeee; } #navcontainer a:active { background: #c60; color: #fff; } #navcontainer li#active a { background: #c60; border: 1px solid #c60; color: #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>




MBT Navigation Menu #5


Bulleted-top-Navigation


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> .container { width: 500px; padding: 0 0 5px 0; margin: 3px 0 10px 0; background: #fff; } #nav { margin: 0; padding: 0; border-top: 3px solid #5F6A71; } #nav li { margin: 0; padding: 0; display: inline; list-style-type: none; } #nav a:link, #nav a:visited { float: left; font: bold 7.5pt verdana; line-height: 14px; padding: 9px; text-decoration: none; color: #708491; } #nav a:link.active, #nav a:visited.active, #nav a:hover { color: #666; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIf6ZqiLNGXR6ZQT9_1aUsfZ_8T9M9d9up0MhoSkxlcAyxIm_aq9XUnFHFwK99TdZ6YSCIJ9s8d3U4Qv0_PZkSWqXqm3QA0kOXtoC0eV-dK2j0j6d5NkFEim3SIIwq5mwN3gq6pSFwIi0/s1600/Inverted.png) no-repeat top center; border-top: 4px solid #5F6A71; } </style> <div class="container"> <ul id="nav"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #6

Tab Menu I

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsI { float:left; width:100%; background:#EFF4FA; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #DD740B; } #tabsI ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsI li { display:inline; margin:0; padding:0; } #tabsI a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnNfUmTR2pQrtvKzkOv5DkjYJgTHhTrmNyR4LVsYLT2ZvWG-oATWPXv69o4UR_ZVIrAJjGeCgi7aLPHwRj0gt3d5xwYHBDvtAz_QfnvwBqqPdx-RN2EqKDsENV8WU2d197cwNGIVguNKQ/s1600/tableftI.png) no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } #tabsI a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4YNnjPIe33ZW5xpKdaBy-3di7L8n7G4cX94SjtSNCAcT8yJR2lTeMPmUBF3RarNSKzRhogDmDTShixHOjjQuBUpasm26uusH0bOph3o3-juYaAFWvXyVkpw1YlaFPvcW6v14uNRIrm3I/s1600/tabrightI.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsI a span {float:none;} /* End IE5-Mac hack */ #tabsI a:hover span { color:#FFF; } #tabsI a:hover { background-position:0% -42px; } #tabsI a:hover span { background-position:100% -42px; } </style> <div id="tabsI"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>



Tabs Menu #7

Tab Menu G


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsG { float:left; width:100%; background:#666; font: bold 7.5pt Verdana; line-height:normal; } #tabsG ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsG li { display:inline; margin:0; padding:0; } #tabsG a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6HmyJLKUyZVHg6xA-X98KOtrve9Vbi9h1iNN7qnbPX1GmjPZo1I6MdW1Y-1G5AbTGWq0AChaqPO64AnyhNqMZ7xs5_LffMCTClQeGH9HcBWPDfGgcqqtnBOv82Vco8JwGC5KEYoTbLVI/s1600/tableftG.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsG a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirB1vhHh_JbGdC57kX8RbwgFyfiAg4FEWCOHaCZgCXl8jyINkGTWqdT41CAsH2dMb46D-rfKL5NG581dQplnvHBEFRj4D1WHWx6bh9mEVSAgkFnH0Y6HmKfSjY_tog9NdaZQMf6DZNcXU/s1600/tabrightG.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsG a span {float:none;} /* End IE5-Mac hack */ #tabsG a:hover span { color:#FFF; } #tabsG a:hover { background-position:0% -42px; } #tabsG a:hover span { background-position:100% -42px; } </style> <div id="tabsG"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #8

Tab Menu F

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsF { float:left; width:100%; background:#efefef; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #666; } #tabsF ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsF li { display:inline; margin:0; padding:0; } #tabsF a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5PaKij1HxsrOgJ8fDDv6BO8yNLal1BW2f5fu-us2LQ99ubZm1ZqMiUS7Bcgig3LAnALreJS3hYjepI6fhyphenhyphenpI7CW8Ydu-sN91QpmpZxI4Q3ZuVM_iERc5eQI7mL-o1GZDPYYZxd9DSujE/s1600/tableftF.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsF a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHgXou6zTInAi0sYgcevyRw1I2MCKBM82Uz9oLe-tbjPjgrO-npp-7QM1LyamyNLfYWARtrR-laMovDIKOaa3Q4JGuqkYAMzYsYiGTKKj6rffsweL7rBVdO5IOiQZt1nTvfeIpE1-6wwc/s1600/tabrightF.png) no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsF a span {float:none;} /* End IE5-Mac hack */ #tabsF a:hover span { color:#FFF; } #tabsF a:hover { background-position:0% -42px; } #tabsF a:hover span { background-position:100% -42px; } </style> <div id="tabsF"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #9

No Image Used
ZDnet Emulation


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #navcontainer { background: #369; border-top: 1px solid #9CC; margin-top: 20px; font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; } #navlist { list-style: none outside none; margin: 0; padding: 0; } @media all { #navlist { text-align: center } } #navlist li { bottom: 11px; display: inline; line-height: 1.2em; margin: 0; padding: 0; position: relative; } html>body #navlist li { background: #000; margin: 0 3px 0 0; padding: 4px 0px 4px 0; } #navlist a, #navlist a:link, #navlist a:visited { background: #900; border: 1px solid #FFF; bottom: 2px; color: #FFF; cursor: pointer; display: inline; height: 1em; margin: 0; padding: 3px 5px 3px 5px; position: relative; right: 2px; text-decoration: none; } #navlist a:hover { background: #C00; bottom: 1px; color: #FFF; position: relative; right: 1px; } #navlist a:active { background: #999; bottom: 0px; color: #FFF; position: relative; right: 0px; } #navlist li#active { background: #369; bottom: 13px; display: inline; margin: 0 3px 0 0; padding: 0; position: relative; } html>body #navlist li#active { background: #000; margin: 0 4px 0 4px; } #navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover { background: #369; border-bottom: none; border-left: 1px solid #9CC; border-right: 1px solid #9CC; border-top: 1px solid #9CC; bottom: 0; color: #FFF; cursor: text; margin: 0; padding: 2px 5px 0 5px; position: relative; right: 0; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #10

Tab Menu E


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsE { float:left; width:100%; background:#000; font: bold 7.5pt Verdana; line-height:normal; } #tabsE ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsE li { display:inline; margin:0; padding:0; } #tabsE a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDIyhMJ-KMgal1GNf7VW-MG7NafG8OQcSVpMMmNWVNQ7OOQI0fbFiz7FKQGBo7WDkjkg7oaAJtH2M8A3xRraGETgW4Tl4GF627t_wrrHvnH0yMZ5EdKEuKiPpC1n47x4aZo0IJ56GVo4o/s1600/tableftE.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsE a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3cJlPKG_-PKdj9XgvYDhIxcFcz05cwCvYMgqTvN2FtNPGQMrN9f9jZUlmR45BRnBe_qOWUJMgQMsZneJQ6W2GzcbKrHc-JwO77LRxZGLmoM4l6yO9RFtkrMaZ5HPlN_Kj3vCgcrRbEK0/s1600/tabrightE.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsE a span {float:none;} /* End IE5-Mac hack */ #tabsE a:hover span { color:#FFF; } #tabsE a:hover { background-position:0% -42px; } #tabsE a:hover span { background-position:100% -42px; } </style> <div id="tabsE"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #11

Tab Menu D

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsD { float:left; width:100%; background:#FCF3F8; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #F4B7D6; } #tabsD ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsD li { display:inline; margin:0; padding:0; } #tabsD a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL0imI02D1MF0Hen2HIm5hm03Ng90Lg8xGZlXFOfAfBTmw-jfhIn_gb-Saz8DLXjqAL7fySH87437NPDfSWKb92k73rxX9rjbMP7HHX211OsrUcYhwycSO4AH8bPX0zBATThNE63BFrPg/s1600/tableftD.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsD a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHpQvqWyyVZz_O-UHlUOPs96ooxz_oWA_BFlqTYrE7BfQ_ZCWgLtDXlOjdmdbEp0JWSAW1cVpI9ikLqMblKN49di0a8p8OsDqvvZvlm15eZC4TBbY74PXSLXZPI5CVRSaet3j81sgla1U/s1600/tabrightD.png) no-repeat right top; padding:5px 15px 4px 6px; color:#C7377D; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsD a span {float:none;} /* End IE5-Mac hack */ #tabsD a:hover span { color:#C7377D; } #tabsD a:hover { background-position:0% -42px; } #tabsD a:hover span { background-position:100% -42px; } </style> <div id="tabsD"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #12

Tab Menu 12


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs12 img { border: none; } #tabs12 { float:left; width:100%; background:#F9F7F3; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #C2BDAE; } #tabs12 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs12 li { display:inline; margin:0; padding:0; } #tabs12 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisDbNCPXFHEekcY60mWnOHSRArtox1ATTl_SbUI9US_VpWiNd96oA4Ma7eo-Y9lTZGqfdGEGdZFew_MJhwd8AM7ls48kBXDdqz6CTWuuhHqyHKVMGAQmzgkq-RjGRf4uKMMKM3vS0Gif4/s1600/tableft12.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs12 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidlL_fJo4ddtVMBujfWQw2KLvm6wFNwTWCdhMTr7Bxm4IVBfy3Mf_bdYULw6iLw7EQhPzaSmjLgyslQyTDGv-37961LLyttgUiWEUqFs17tO7lzGxyPNf6F9CiwbFuUctS06NvB-69QM0/s1600/tabright12.png) no-repeat right top; padding:5px 15px 4px 6px; color:#E4D6CD; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs12 a span {float:none;} /* End IE5-Mac hack */ #tabs12 a:hover span { color:#FFF; } #tabs12 a:hover { background-position:0% -42px; } #tabs12 a:hover span { background-position:100% -42px; } #tabs12 #current a { background-position:0% -42px; } #tabs12 #current a span { background-position:100% -42px; } </style> <div id="tabs12"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #13

Tab Menu 11

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs11 img { border: none; } #tabs11 { float:left; width:100%; background:#F9F7F3; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #C2BDAE; } #tabs11 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs11 li { display:inline; margin:0; padding:0; } #tabs11 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBqvHUnWovveqQoanutysfs4bMhScI_x8zxX8Vty8ooQIruI5oW-xOahDRCuuNh5NBIfVQ2GvEdzONqvVqgS0aHwhHuntGXVrW-CB2ikqveF7eu1B_wAnIMO__4Q8zIFCLK2ER3p1Jgro/s1600/tableft11.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs11 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheGdAEe8Z6O2Ps01khpxMqjnoI8mud8MMDz-3wuGcRH_h9y6gmI9f41wn3iinQ8veABP8D4sI5X_9oqGCZV5CpiTE2gFqh6qk5Cy4ogseU_EEtyX_PI8jkMn7Ts-lg0Io-AUSLLsmU304/s1600/tabright11.png) no-repeat right top; padding:5px 15px 4px 6px; color:#9F9584; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs11 a span {float:none;} /* End IE5-Mac hack */ #tabs11 a:hover span { color:#FFF; } #tabs11 a:hover { background-position:0% -42px; } #tabs11 a:hover span { background-position:100% -42px; } #tabs11 #current a { background-position:0% -42px; } #tabs11 #current a span { background-position:100% -42px; } </style> <div id="tabs11"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #14

Tab Menu 10

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs10 img { border: none; } #tabs10 { float:left; width:100%; font: bold 7.5pt Verdana; border-bottom:1px solid #2763A5; line-height:normal; } #tabs10 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs10 li { display:inline; margin:0; padding:0; } #tabs10 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Y13ol6d3s3ko_KlCo9rJMNN1JNNvYlsw2hI3rjCKSsjDn1MNlvkEqU9eIiUZ6cmKls3MvuwHikBSDL40d2ehd0Drd6pb2adw8N5VcC93LHvmF1WOfpB6oiMbvdGIE28syCLrUS-hxeE/s1600/tableft10.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs10 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaAZ7eXr2B1yXtBnq7GThoetMCMCM6oZHHQ9z6aCshsvrqiV3aNTOsJuyyiJOKD4TPJsFuW37uIvy4blkJ7A65dGo03HBeKEfxGSGgBoFXr6GIjT_VNChJLA2HXb1D4FtlaP0pGVdWy04/s1600/tabright10.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs10 a span {float:none;} /* End IE5-Mac hack */ #tabs9 a:hover span { color:#FFF; } #tabs10 a:hover { background-position:0% -42px; } #tabs10 a:hover span { background-position:100% -42px; } #tabs10 #current a { background-position:0% -42px; } #tabs10 #current a span { background-position:100% -42px; } </style> <div id="tabs10"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>



Tabs Menu #15

Tab Menu 9


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs9 img { border: none; } #tabs9 { float:left; width:100%; font: bold 7.5pt Verdana; border-bottom:1px solid #F45551; line-height:normal; } #tabs9 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs9 li { display:inline; margin:0; padding:0; } #tabs9 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioR5M4wxgC9PAU4EZ-BQTaWYF29bBNbkUzoOcS46JA4IxywwasTPIlk0LE-du0hTYNdcc9ZeVTJu7nFacJsQHYGDNJDXLRVbapyG2vPjOhN8Na9azGWMGa4XAnakdjUusByMw9RoTDk6c/s1600/tableft9.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs9 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Z92NtC19R3SDK7Y4nasqxJxlmKrIrFo3IW3cUAvvVjKdiCL7SJ7LsgttET_EiMO1Fr6cc2XmR-f6qiLoJ52DJ2qFVSCde1JmMpRpK390kaRzquGpWpjv9wQkGtfEJ_wHcqtq9TIDhk4/s1600/tabright9.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs9 a span {float:none;} /* End IE5-Mac hack */ #tabs9 a:hover span { color:#FFF; } #tabs9 a:hover { background-position:0% -42px; } #tabs9 a:hover span { background-position:100% -42px; } #tabs9 #current a { background-position:0% -42px; } #tabs9 #current a span { background-position:100% -42px; } </style> <div id="tabs9"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #16

Tab Menu 6


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs6 img { border: none; } #tabs6 { float:left; width:100%; background:#efefef; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #666; } #tabs6 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs6 li { display:inline; margin:0; padding:0; } #tabs6 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijxuWMg4_Y_989UT-nZ8qN8eu-FhqmixA81Y2L7DR_hgW9IPbfuHs8T1LBHiZKFLir3_Ugj4g4Ot0E0UmaBgEOc3-ye69fn3ngCHKF1RJ6OEAIGaDecPIFM3K0THlqs7-cXLkdjScgyLA/s1600/tableft6.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs6 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglX34I81NEBKVvFapwYrEgC5fy1Ntr69s-JWgyFwGXj5uk44CvcTCmTIiiF8E4SIHFQrfh_WKUHMvAIpgfBdV93ma224ek3LYUdisYpeiD8mQ0umaYm83pfCoLp3GhVTOmJ_Y1kxPYEf8/s1600/tabright6.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs6 a span {float:none;} /* End IE5-Mac hack */ #tabs6 a:hover span { color:#FFF; } #tabs6 a:hover { background-position:0% -42px; } #tabs6 a:hover span { background-position:100% -42px; } #tabs6 #current a { background-position:0% -42px; } #tabs6 #current a span { background-position:100% -42px; } </style> <div id="tabs6"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>



Tabs Menu #17

Tab Menu 8


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs8 img { border: none; } #tabs8 { float:left; width:100%; background:#FCF1F6; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #E276A7; } #tabs8 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs8 li { display:inline; margin:0; padding:0; } #tabs8 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2sBrzv4I8zcDvo7MGkFnbCkT-e1FYG4Y8JLnhvm2jdOOSkC-LIzp_SjlHtSndn8NPHZ_pAOuA0Ee3-rvHjxur1VvfijRKzjEKO-jwQDxlDhb0unnysjFq4aHM6ej3SMZJZ689J6Wf2Ig/s1600/tableft8.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs8 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhijY18bCK_Dq4vclAf7-MEzI08jz3FetDOmn1mjM98A_D6xJVDh5ATd1yHCPUbJV9FTK3loQSIqBMb7yDtfqjqTvz8vJoVX2pxKwwS9QDgE-4qJQOfDxOowGLnzFHjqTiex2rDmeZJCX4/s1600/tabright8.png) no-repeat right top; padding:5px 15px 4px 6px; color:#333; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs8 a span {float:none;} /* End IE5-Mac hack */ #tabs8 a:hover span { color:#591333; } #tabs8 a:hover { background-position:0% -42px; } #tabs8 a:hover span { background-position:100% -42px; } #tabs8 #current a { background-position:0% -42px; } #tabs8 #current a span { background-position:100% -42px; } </style> <div id="tabs8"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>



Tabs Menu #18

Tab Menu 7

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs7 img { border: none; } #tabs7 { float:left; width:100%; background:#D4DAE7; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #333B66; } #tabs7 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs7 li { display:inline; margin:0; padding:0; } #tabs7 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk6VdW5ZqHzIjIWGVkUnFliLfDPbIHl2KsRmy_3U14LPCWk49FMs4LqgxhsHmpr_BvaQ1nBL0r2_dTxADbG67yMQ6db0HFRMDg2HC5tBeK1ksowvLHyRDlJzqiQz5uguB-z5vysfY_4pg/s1600/tableft7.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs7 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzoxT5kAcPOEacSKMknhU2aYi7Drg7jSFmJfGPQcuZFh3S7q1S1Zpb-W823oOoT6zAsokR3W4Z9AC87aeQb7urw4dsNwR13fuBF9cRtXP1UCjkdeAIPVoEknja0sGSU81O1JsRE00JnA8/s1600/tabright7.png) no-repeat right top; padding:5px 15px 4px 6px; color:#999; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs7 a span {float:none;} /* End IE5-Mac hack */ #tabs7 a:hover span { color:#ECB546; } #tabs7 a:hover { background-position:0% -42px; } #tabs7 a:hover span { background-position:100% -42px; } #tabs7 #current a { background-position:0% -42px; } #tabs7 #current a span { background-position:100% -42px; } </style> <div id="tabs7"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #19

Tab Menu K


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsK { float:left; width:100%; background:#E7E5E2; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #54545C; } #tabsK ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsK li { display:inline; margin:0; padding:0; } #tabsK a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIm_S0GYhRknnC38GdddlOZLDiVPhStJTzOL9u6trncimMAWVDQf6avYO5aiWJuJpuajlj488PGMcQxMNDPwk_8bmwFQqo3MWnwN_XfTmqfee0MRt7-bqHtG56sF2DHpaj7pKObhM2ttg/s1600/tableftK.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsK a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNRrcCc8sWLoJY72VkT4TQWhHiwmY5Nt1VpTMH7UqEjThx7MpAUjv7ushZwRI2ZTly9ZTL7HCyzONkPqRv3_vnGHeCCtO0WLBxhdPbYRpxlHuVn1-pnI-HtxmlVAgbMXrgoXgWrejIYBI/s1600/tabrightK.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsK a span {float:none;} /* End IE5-Mac hack */ #tabsK a:hover span { color:#FFF; background-position:100% -42px; } #tabsK a:hover { background-position:0% -42px; } #tabsK a:hover span { background-position:100% -42px; } </style> <div id="tabsK"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>



Tabs Menu #20

Tab Menu 4

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs4 img { border: none; } #tabs4 { float:left; width:100%; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #6B78A9; } #tabs4 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs4 li { display:inline; margin:0; padding:0; } #tabs4 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVtUvLJ7aDYsLKRaBA-9paO3H4CQgplkNSmmT1ZDOngzlEslLXzVMgjOMuLBptGjs55a3kO4-nPGw1g6PXnZ60ujp2ikQfFqV7h4kD07_7VRnQSgNg_ui8CRlMVfdAlgl0HPa7QPrnoEY/s1600/tableft4.gif) no-repeat left top; margin:0; padding:0 0 0 7px; text-decoration:none; } #tabs4 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZlC1Rcd_Lt6GM1wZMf4H3PlJl4y6knqqYen-bSUmr6Rypy51KKiIUmtNK8puX5XTEQTYyf6LnETPUzau74DaC8iEE4hS3O2tBPFmPd8dS_eX5tcS3xsf52yiTAdqeardBM6HOnjRq5u4/s1600/tabright4.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#6B78A9; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs4 a span {float:none;} /* End IE5-Mac hack */ #tabs4 a:hover span { color:#6B78A9; } #tabs4 a:hover { background-position:0% -42px; } #tabs4 a:hover span { background-position:100% -42px; } #tabs4 #current a { background-position:0% -42px; } #tabs4 #current a span { background-position:100% -42px; } </style> <div id="tabs4"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #21

Tab Menu 3


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs3 img { border: none; } #tabs3 { float:left; width:100%; background:#E4E6EB; font: bold 7.5pt Verdana; line-height:normal; } #tabs3 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs3 li { display:inline; margin:0; padding:0; } #tabs3 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgbTa0UHVlMM_wPHonxcKrZI_cwhvhOoT5Jb8Yfh_rf0z8WSAADxvCOmn0xRg5CXF_MaaFatQQWq2fP6xf2ajTM1gmJCeLhfqQx02yooAA_qFU5zSkKEGPVIG0tISzd72GJCtPzCegueo/s1600/tableft3.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs3 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPn0Q83M6pg2FWyIVtqsDCrnKvz8z-WxOg7AFfp7uvzWfMJXUN51N8zG3cpW89tl_HKrRIANlcrDti8JhizUPnZL-XXsxs7M3lXIIcXsA_KnL5tYBwqP2kV1BmVfV1D2E-7tmu2EIGikg/s1600/tabright3.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs3 a span {float:none;} /* End IE5-Mac hack */ #tabs3 a:hover span { color:#FFF; } #tabs3 a:hover { background-position:0% -42px; } #tabs3 a:hover span { background-position:100% -42px; } #tabs3 #current a { background-position:0% -42px; } #tabs3 #current a span { background-position:100% -42px; } </style> <div id="tabs3"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #22

Tab Menu 2

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs2 img { border: none; } #tabs2 { float:left; width:100%; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #84776B; } #tabs2 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs2 li { display:inline; margin:0; padding:0; } #tabs2 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9tgYM0WnWC3kQ6oBc3DXtAog1SvNaDAOEAz6qaQPKUpT-drtjHM8RkGa9S4oA8_60qyNu72yzO_xFws3C7DZm6ptBFU2y_2sjpzKJ3_uyv9B25Q-lBVBELuCKSY-ixkvPeDU50Pc3Qc/s1600/tableft2.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs2 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBDz4GTXWnOULh-zfIHpAqFf-KI9XkT8Tgf7J8KdrvC96IrmaHZtLEgGb0NXV1sVR-ZOIQM9sce0qsEJodhxa6eTDVF12NsLd0q6M12kUKgeoFrc7HwaTtxTh_vcg0JgShx9wZsktL0jE/s1600/tabright2.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#84776B; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs2 a span {float:none;} /* End IE5-Mac hack */ #tabs2 a:hover span { color:#74675B; } #tabs2 a:hover { background-position:0% -42px; } #tabs2 a:hover span { background-position:100% -42px; } #tabs2 #current a { background-position:0% -42px; } #tabs2 #current a span { background-position:100% -42px; } </style> <div id="tabs2"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #23

Square


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> .container { width: 500px; padding: 15px; margin: 3px 0 20px 0; border: 1px solid #ccc; background: #fff; } /* square */ #navSquare { margin: 0; padding: 0 0 20px 10px; border-bottom: 1px solid #9FB1BC; } #navSquare li { margin: 0; padding: 0; display: inline; list-style-type: none; } #navSquare a:link, #navSquare a:visited { float: left; font-size: 12px; line-height: 14px; font-weight: bold; padding: 0 12px 6px 12px; text-decoration: none; color: #708491; } #navSquare a:link.active, #navSquare a:visited.active, #navSquare a:hover { color: #000; background: url(file://localhost/C:/Program%20Files/CSS%20Tab%20Designer%202/styles/Square/Square.gif) no-repeat bottom center; } </style> <div class="container"> <ul id="navSquare"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #24

No Image UsedHorizontal Buttons

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #navcontainer { background: #f0e7d7; margin: 0 auto; padding: .4em 0 .2em 0; font-family: georgia, serif; text-transform: uppercase; font-size: 14px; } /* to stretch the container div to contain floated list */ #navcontainer:after { content: "."; display: block; line-height: 1px; font-size: 1px; clear: both; } ul#navlist { list-style: none; padding: 0; margin: 0 auto; width: 80%; font-size: 0.8em; } ul#navlist li { display: block; float: left; margin: 0; padding-bottom: 2px; } ul#navlist li a { display: block; width: 100%; padding: 0.5em; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #f7f2ea; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: #f0e7d7; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Liddddnk 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Linddddkdd 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Linddddk 7</span></a></li> </ul> </div>


Tabs Menu #25

Tab Menu H

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsH { float:left; width:100%; background:#000; font: bold 7.5pt Verdana; line-height:normal; } #tabsH ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsH li { display:inline; margin:0; padding:0; } #tabsH a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir05la82m21yR-ZD_NgriOIcSme6cqB7b-9A_02255k3OsmzneeFIBqbj72K3PZyTICKrawplVqK2BKMRXwv70LvJBfOX46MEfn_XaXmC9ItWF1cXjoR-o6FNUNjteGRoxMy9-VZ7Nt-g/s1600/tableftH.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsH a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPLtR3U7X-84wgYUt4JUPErZSJj562U9911fH0RD04Rk-9Z6r-29Pfgi6Ntn4CO5Kw2rfH9H3t2zOI58marOBv7qhxEWUM4d2XZTEuEVkMlKAQSvLaXXav49TUrS7Fdl4izzPWgMNaSe0/s1600/tabrightH.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsH a span {float:none;} /* End IE5-Mac hack */ #tabsH a:hover span { color:#FFF; } #tabsH a:hover { background-position:0% -42px; } #tabsH a:hover span { background-position:100% -42px; } </style> <div id="tabsH"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #26

Tab Menu 1

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs1 img { border: none; } #tabs1 { float:left; width:100%; background:#F4F7FB; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #BCD2E6; } #tabs1 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs1 li { display:inline; margin:0; padding:0; } #tabs1 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZzfTg7GUOhm4ltxmmpebKwkc4O8TTKMPcDSTj62c6XoCiUJbDjXkwirJKYhmsAG-9FSjW1_UgQmoT0as97NAUdw4n__B6hEnqXIWurjZl3vxBxfI4JcTzLS6hqkbttwVzrNpgS-buIv0/s1600/tableft1.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs1 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTNH3FNjm98tY4xidQ5BJEe0_ekbg8ATgKQ0VJ_xfaIEVdLfMwHuHsX23jr2U-SBIFYMfpvAU7xUGgbt-ALwKn7GvfSaiEKXDGtAgkxvPivCwKn8RrEeBP2drYVdEfWz3rLXtIx2YZHTY/s1600/tabright1.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#627EB7; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs1 a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:#627EB7; } #tabs1 a:hover { background-position:0% -42px; } #tabs1 a:hover span { background-position:100% -42px; } #tabs1 #current a { background-position:0% -42px; } #tabs1 #current a span { background-position:100% -42px; } </style> <div id="tabs1"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #27

Tab Menu A

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs { float:left; width:100%; background:#BBD9EE; font: bold 7.5pt Verdana; line-height:normal; } #tabs ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs li { display:inline; margin:0; padding:0; } #tabs a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCLyJVvUyOxbr9-ORDQ_y9M5EC8IEZuirZUavkmrjdZtGQIOVWwONixzAAYSegX5xowI-2AnAEmXkQNBc4aIDZ2kguB_LCudry4BqZ51Xdvg5hFSJxlhHQDkgn0kQ8inzIj6Yo7DlG7r8/s1600/tableft.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNcjHKimwvUs2cH-QlVQPdXmRvCB7lteMT5qQDpZcfxphRUhhVSat6w0M1JIcqpZkKCJF6zNBfmxJNLbEv2DLq9n_12hIXT4ZTtaJO5G1KER_Q8gbRky7jVqe4VW5oV3MCRirBlZUofI8/s1600/tabright.png) no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:#FF9834; } #tabs a:hover { background-position:0% -42px; } #tabs a:hover span { background-position:100% -42px; } </style> <div id="tabs"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #28

Tab Menu 5

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs5 img { border: none; } #tabs5 { float:left; width:100%; background:#E3ECF3; font: bold 7.5pt Verdana; line-height:normal; } #tabs5 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs5 li { display:inline; margin:0; padding:0; } #tabs5 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXAVovclegRTSGjnaRH2bKtx1dMH1GkVrLmp7C4SBbUYVx7PlzKPWzHrav9RHEp2ln1Wk_B3hiSWgzKD3lVfTqWkEHDlaqY2nBz8VpeFnAwJt6SwIsCdddFCZJC5ETaJEsfhVsy7eqo48/s1600/tableft5.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs5 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYS9lO5AO1FPl98SueI6FVxhKPyzOelzSDxeFBX3dcTO2AgTfnDIWcYD44_cKrKDdBllP2PREuMG-jQ2qsu1Mt3ShwZ8uDJseuSELnbjlZVHQQeps9nmvbWUHPHlfK6BIG8sGaOEXDPGg/s1600/tabright5.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs5 a span {float:none;} /* End IE5-Mac hack */ #tabs5 a:hover span { color:#FFF; } #tabs5 a:hover { background-position:0% -42px; } #tabs5 a:hover span { background-position:100% -42px; } #tabs5 #current a { background-position:0% -42px; } #tabs5 #current a span { background-position:100% -42px; } </style> <div id="tabs5"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #29

Tab Menu B


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsB { float:left; width:100%; background:#F4F4F4; font: bold 7.5pt Verdana; line-height:normal; } #tabsB ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsB li { display:inline; margin:0; padding:0; } #tabsB a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZq_mVnnO6Up3MqZ2-MH1l8wQb86nGxYPUOg-frcHWdUDLmB65o6uRhT7pXVvAA5ZX7xQTbBnJipdcdID407zqyktb5ab-kU-FGbqWb2_DqFPic9bCrHc88IX0cle8v40QtaG0zlRvMU/s1600/tableftB.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsB a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVTyqIcR6rLOa_3zfT4x02XaQveAlLerrvCpiL_r81UVqdBI9oVyi_w2eBJlf-NiQi69dJQ-6R6Os3KUTBE47pp-6vs3iu9tJk-omNx9dh_rS4WbK4_VnA3n2nMopeLZQfXPmLBfiSU3Q/s1600/tabrightB.png) no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsB a span {float:none;} /* End IE5-Mac hack */ #tabsB a:hover span { color:#000; } #tabsB a:hover { background-position:0% -42px; } #tabsB a:hover span { background-position:100% -42px; } </style> <div id="tabsB"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #30

Tab Menu J

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsJ { float:left; width:100%; background:#F4F4F4; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #24618E; } #tabsJ ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsJ li { display:inline; margin:0; padding:0; } #tabsJ a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-L2Fs9CBjTz-kmyB7DB6iw9DTfSA-9wSXmi3FL1z58Kjkb2gbJx3bt9ZnBdOlcul3UtwIStr9W3i15NJ4qeqjpLRigozZbg-mQB_STFtWNs4EPepznqUqHkA5P2eeq4uYIgEzuOKo4IQ/s1600/tableftJ.png) no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } #tabsJ a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF4a40n3ZfxRsINNY5I2U1XRbO7l5dlVuRhXxUUMrWovAZLFXdRkg0u7zF626LpkE0mYZCvSVuHS4NqdaAUmLrx1kkiRHXMonRIKhEzQR1j0-NZ8ZjAg69TkMXAmbjHSgeMwHZShxAjzU/s1600/tabrightJ.png) no-repeat right top; padding:5px 15px 4px 6px; color:#24618E; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsJ a span {float:none;} /* End IE5-Mac hack */ #tabsJ a:hover span { color:#FFF; } #tabsJ a:hover { background-position:0% -42px; } #tabsJ a:hover span { background-position:100% -42px; } </style> <div id="tabsJ"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Tabs Menu #31

Tab Menu J

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style>

#menubar{background-color:#e1e1e1; padding:0; margin:0}

.btnmenu ul{font:15px verdana; padding:0; margin:0}

.btnmenu ul li{list-style:none; display:inline; padding:0; margin:0}

.btnmenu ul li a{padding:2px 20px; text-decoration:none; float:left; background-color:#e1e1e1; color:black; border:solid #e1e1e1; border-width:4px 1px; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px}

.btnmenu ul li a:hover{padding:1px 20px 3px 20px; background-color:#FFF; border-style:outset}

.btnmenu ul li a:active{padding:3px 20px 1px 20px; border-style:inset}

</style>
<div id='menubar'>
<div class='btnmenu'>
<ul id="navlist"><li><a href="#"><span>Link 1</span></a></li><li><a href="#"><span>Link 2</span></a></li><li><a href="#"><span>Link 3</span></a></li><li><a href="#"><span>Link 4</span></a></li><li><a href="#"><span>Link 5</span></a></li><li><a href="#"><span>Link 6</span></a></li></ul></div><div style='clear:both; '></div>
</div>


Tabs Menu #32

Tab Menu J


<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style>
#bg_nav{background:#000; width:960px; height:29px; font-size:11px; font-family:Arial,Tahoma,Verdana; color:#FFF; font-weight:bold; margin:0px auto 0px; padding:0px; border-top:1px solid #333; border-bottom:1px solid #000; overflow:hidden}

#bg_nav a, #bg_nav a:visited{color:#FFF; font-size:11px; text-decoration:none; text-transform:uppercase; padding:0px 0px 0px 3px}

#bg_nav a:hover{color:#FFF; text-decoration:underline; padding:0px 0px 0px 3px}

#navleft{width:720px; float:left; margin:0px; padding:0px}

#navright{width:220px; font-size:11px; float:right; margin:0px; padding:6px 5px 0px 0px}

#navright a img{border:none; margin:0px; padding:0px}

#nav{margin:0px; padding:0px; list-style:none}

#nav ul{margin:0px; padding:0px; list-style:none}

#nav a, #nav a:visited{background:#222; color:#FFF; display:block; font-weight:bold; margin:0px; padding:8px 15px; border-left:1px solid #000}

#nav a:hover{background:#6e6d6d; color:#FFF; margin:0px; padding:8px 15px; text-decoration:none}

#nav li{float:left; margin:0px; padding:0px}

#nav li li{float:left; margin:0px; padding:0px; width:150px}

#nav li li a, #nav li li a:link, #nav li li a:visited{background:#333; width:160px; float:none; margin:0px; padding:7px 30px 7px 10px; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000}

#nav li li a:hover, #nav li li a:active{background:#666; padding:7px 30px 7px 10px}

#nav li ul{position:absolute; width:10em; left:-999em}

#nav li:hover ul{left:auto; display:block}

#nav li:hover ul, #nav li.sfhover ul{left:auto}
</style>

<div id='bg_nav'>
<div id='navleft'>
<div id='nav'>
<li><a href="#"><span>Link 1</span></a></li><li><a href="#"><span>Link 2</span></a></li><li><a href="#"><span>Link 3</span></a></li><li><a href="#"><span>Link 4</span></a></li><li><a href="#"><span>Link 5</span></a></li><li><a href="#"><span>Link 6</span></a></li><li><a href="#"><span>Link 7</span></a></li></ul></div>










လိုခ်င္တာေတြအားလံုးျဖည့္ပီးရင္ေတာ့Saveကိုသာနိပ္ပါ


မွတ္ခ်က္။ဒီကုတ္မ်ားကိုဒီလင့္မွကူးယူေဖၚျပသည္(နိုင္ငံျခားလင့္သာျဖစ္သည္  ကိုတိုင္ေလ့လာနိုင္ေအာင္လင့္ပါေပးလိုက္ပါတယ္  အဆင္ေျပက်ပါေစေနာ္