17/05/2012

၀င္းဒိူးမၾကာခဏျပဳတ္က်ေနပါကေျဖရွင္းနည္း

အငယ္စား - အမ်ားဆုံးကေတာ့ Software Patch တစ္ခုခုေၾကာင့္ျဖစ္ႏုိင္ေခ်႐ွိပါတယ္။ Windows ကုိ automatic update လုပ္ဖုိ႕ Settingလုပ္ထားခဲ့ရင္ ကုိယ္သတိမထားမိလုိက္ဘဲ System ဖုိင္ေတြကုိေျပာင္းသြားႏုိင္ပါတယ္။ System ဖုိင္ေတြပဲျဖစ္ျဖစ္၊ driverဖုိင္ေတြပဲျဖစ္ျဖစ္ update လုပ္လုိက္ၿပီဆုိရင္ မူလ setting ကုိ ကြန္ျပဴတာကအလုိအေလ်ာက္မွတ္ထားေပးပါတယ္။ တကယ္လုိ႕ ျပႆနာတစ္ခုခု႐ွိခဲ့ မယ္ဆုိရင္နဂုိမူလပုံစံအတုိင္း ျပန္ထားေပးလုိ႕ရပါတယ္။ XP မွာဆုိရင္ေတာ့ SystemRestore ကုိသုံးရင္သုံး၊ ဒါမွမဟုတ္ ကြန္ျပဴတာကုိ Restart လုပ္၊ “တီ”ဆုိတဲ့ အသံၾကားၾကားခ်င္း F8 ႏွိပ္၊ Last Known Good Configurationကုိေ႐ြးၿပီး boot လုပ္လုိက္ရင္ ေျပလည္သြားပါလိမ့္မယ္။အလတ္စား -Last Known Good Configuration ကမကယ္ႏုိင္ဘူးဆုိရင္ေတာ့hardware ပစၥည္းတစ္ခုခု၊ ဒါမွမဟုတ္ System Softwareတစ္ခုခုပ်က္သြားတာျဖစ္ႏုိင္ပါတယ္။ ေသေသခ်ာခ်ာ သိႏုိင္ေအာင္ Safe Modeနဲ႕၀င္စစ္ေဆးၾကည့္ႏုိင္ပါတယ္။ Safe Mode ဆုိတာကေတာ့ မ႐ွိမျဖစ္လုိအပ္တဲ့Keyboard, Mouse, Monitor driver ေတြကလြဲရင္ က်န္ driver ေတြအားလုံးကုိျဖဳတ္ခ်ထားတဲ့ diagnosis လုပ္ဖုိ႕ အထူးစီမံထားတဲ့စနစ္တစ္ခုပါ။SafeMode ထဲ၀င္ဖုိ႕ ကြန္ျပဴတာကုိ reboot လုပ္ၿပီး screen အမဲႀကီးေပၚလာတာနဲ႕ F8 ကုိႏွိပ္လုိက္ရင္ Windows ကုိဘယ္လုိ Mode နဲ႕ bootလုပ္မလဲဆုိတာကုိ ေ႐ြးေပးလုိ႕ရတဲ့ menu ေပၚလာၿပီး အဲဒီက တစ္ဆင့္ SafeModeကုိေ႐ြးကာ enter ေခါက္လုိက္ရင္ ရပါတယ္။Graphic Card driver ကုိပါျဖဳတ္ထားမွာျဖစ္တဲ့အတြက္ ပုံမွန္ျမင္ေနက် လွလွပပပုံစံနဲ႕ျမင္ရမွာေတာ့မဟုတ္ပါဘူး။ Hardware ေၾကာင့္ ျပႆနာျဖစ္ေနတာလားသိႏုိင္ဖုိ႕ Start >Control Panel > Performance and Maintenance > System >Hardware > Device Manager ကုိသြားၿပီး စစ္ေဆးၾကည့္ႏုိင္ပါတယ္။အ၀ါေရာင္ question mark ေလးေတြျမင္ေနရၿပီဆုိရင္ေတာ့ အဲဒီ deviceမွာျပႆနာ႐ွိေနပါၿပီ။ Double click ႏွိပ္ၿပီး ေပၚလာတဲ့ message အေပၚမူတည္ကာဆက္လက္ ေျဖ႐ွင္းသြားရပါမယ့္။ Software တစ္ခုခု install လုပ္ၿပီးမွစက္ကမတတ္ေတာ့တာဆုိရင္ေတာ့ Start > Control Panel > Add or RemovePrograms ကုိသြားၿပီး အဲဒီ Program ကုိ unistall လုပ္ႏုိင္ပါတယ္။ အစစအရာရာစစ္ေဆးၿပီးရင္ စိတ္ခ်ရၿပီဆုိရင္ေတာ့ စက္ကုိ ပုံမွန္အတုိင္းပဲ rebootလုပ္ၿပီး ဆက္သုံးႏုိင္ပါၿပီ။အျပင္းစား - Safe Mode နဲ႕မကယ္ႏုိင္ဘူးဆုိရင္ေတာ့ သိပ္မလြယ္ပါဘူး။ Windowsရဲ႕ System ဖုိင္ေတြမွာ ျပႆနာ႐ွိေနတာ ျဖစ္ႏုိင္ပါတယ္။ Hard disk ကုိformat မေကၽြးခင္ ရလုိ႕ရျငား Repair ေလးလုပ္ၾကည့္လုိက္ပါဦး။ WindowsInstaller CD ေလးနဲ႕ boot လုပ္ၿပီး “To set up Windows XP now” ကုိေ႐ြးကာenter ေခါက္၊ license agreement ကုိ accept လုပ္ၿပီး အရင္႐ွိၿပီးသားWindows ရဲ႕ Installed path ကုိလာျပပါလိမ့္မယ္။ အမ်ားအားျဖင့္ C:\WINDOWSျဖစ္ေလ့႐ွိပါတယ္။ အဲဒီမွာ “To repair the selected Windows XPInstallation” အတြက္ R ကုိႏွိပ္လုိက္ရင္ Windows ရဲ႕ဖုိင္ေတြကုိ reinstallလုပ္သြားၿပီး စက္က restart လုပ္သြားပါလိမ့္မယ္။ကံေကာင္းေထာက္မလုိ႕စက္ျပန္တက္လာၿပီ ဆုိရင္ေတာ့ firewall ကုိ On ထားၿပီးမွStart > All Programs > Windows Update ကုိသြားကာ patch ေတြကုိအင္တာနက္ကတစ္ဆင့္ install လုပ္ႏုိင္ပါၿပီ။


CD, DVDကူးရင္ျဖစ္တတ္သည္ျပသနာ

CD, DVD Recorder and Media player ေတြဟာ သူတုိ႕ရဲ႕ တာ၀န္၀တၱရားကို ကၽြမ္းက်င္က်င္ ေဆာင္႐ြက္ေပးႏုိင္ၾကသလုိ stable ျဖစ္တဲ့ ထုတ္ကုန္ေတြလည္း ျဖစ္ပါတယ္။
ဒါေပမယ့္ အသုံးျပဳတဲ့သူေတြက သတိလက္လြတ္ လုပ္ကုိင္ေဆာင္႐ြက္မယ္ဆုိရင္ burn လုပ္ရာ မွာ ပ်က္စီးမႈေတြ ျဖစ္ေပၚႏုိင္ပါတယ္။ အခု Brun လုပ္ရာမွာ အျဖစ္မ်ားတတ္တဲ့ အမွား ငါးခု နဲ႕ဘယ္လုိ ေ႐ွာင္း႐ွားႏုိင္လဲဆုိတာကုိေဖာ္
ျပသြားပါမယ္။

၁။ Verify မလုပ္မိျခင္း

Disc ေတြ Burn လုပ္တာနဲ႕ပတ္သက္ၿပီး သတ္မွတ္ခ်က္တစ္ခု႐ွိမယ္ဆုိရင္ အဲဒါဟာ “Verify လုပ္ပါ” ဆုိတာပဲ ျဖစ္ပါလိမ့္မည္။ Burning software ရဲ႕ verify (ဒါမွမဟုတ္ validate) function ကုိအသုံးျပဳၿပီး ဘာေတြဖတ္ သြားတယ္၊ ေရးသြားတယ္ဆုိတာ ႏႈိင္းယွဥ္ၾကည့္ သင့္ပါတယ္။ Verify function ဟာ disc တစ္ခ်ပ္ ေအာင္ ေအာင္ျမင္ျမင္ burn လုပ္ႏုိင္တဲ့ အခြင့္အေရးထက္ ပုိၿပီး ေကာင္းမလာႏုိင္ေပမယ့္ ေနာက္ disc တစ္ခ်ပ္ကုိ burn လုပ္တဲ့အခါ ျပႆနာကုိ အခ်ိန္မီ ႀကိဳတင္သိထားႏုိင္မွာ ျဖစ္ပါတယ္။ Successful burn လုိ႕ ဆုိေပမယ့္ Play လုပ္ၾကည့္မွသာ ေကာင္းမေကာင္းသိႏုိင္ပါတယ္။ Disc ပ်က္စီးသြားတာမ်ိဳး၊ disc ကုိ ဖတ္ၾကည့္လုိ႕ မရေအာင္ burn လုပ္မိတာမ်ိဳး ျဖစ္ေပၚႏုိင္ပါတယ္။

၂။ Media ေ႐ြးခ်ယ္မႈ မွားယြင္းျခင္း

DVD ေတြအတြက္ဆုိရင္ DVD+R/RW, DVD-R/RW ၊ ဒါမွမဟုတ္ DVD-RAM စတဲ့ ကုိယ့္ Player က support လုပ္ႏုိင္တဲ့ media အမ်ိဳးအစားကုိ ေ႐ြးခ်ယ္အသုံးျပဳရပါမယ္။ တကယ္လုိ႕ ေစ်းေပါေပါနဲ႕အမွတ္တံဆိပ္မ႐ွိတဲ့ blank media ( CD or DVD) ေတြကုိ ၀ယ္ယူ အသုံးျပဳမယ္ဆုိရင္ verify လုပ္ဖုိ႕ မေမးသင့္သလုိ ရံဖန္ရံခါ အရည္အေသြးမေကာင္းတဲ့ disc ေတြ ပါ႐ွိလာမွာကုိလည္း သတိျပဳသင့္ပါတယ္။ ေနာက္ၿပီး DVD media ေတြဟာ CD media ေတြထက္ reliable ပုိျဖစ္တာကုိလည္းေတြ႕ရပါတယ္။

၃။ ျမန္ႏႈန္းျမင့္ေရးမိျခင္း


Disc တစ္ခ်ပ္ burn လုပ္ဖုိ႕ အခ်ိန္အၾကာႀကီး ေစာင့္ေနရတာကိုဘယ္သူမွ ႏွစ္သက္မွာမဟုတ္သလုိ ျမန္ႏုိင္ သမွ် ျမန္ေအာင္ burn လုပ္တာဟာလည္း အေကာင္းဆုံးနည္း တစ္ခု မဟုတ္ပါဘူး။ Rewritable CD and DVD ေတြမွာ burning ျပႆနာ ႀကံဳေတြ႕ရတာနည္း ေပမယ့္ တစ္ခါတစ္ေလ တခ်ိဳ႕ CD-R and DVD-R ေတြကုိ အျမင့္ဆုံး အျမန္ႏႈန္းနဲ႕ေရးသားတဲ့ အခါ ျပႆနာေတြ႕ႀကံဳရတတ္ပါတယ္။ ေနာက္ၿပီး အျမန္ႏႈန္း တစ္ခု နဲ႕ တစ္ခုၾကား burn လုပ္တဲ့ အခ်ိန္ဟာ သိသိသာသာ ကြာျခားမႈမ႐ွိတဲ့အတြက္ ျဖစ္ႏုိင္ရင္ အျမန္ႏႈန္းကုိ ေလွ်ာ့ခ်ၿပီး burn လုပ္သင့္ပါတယ္။

၄။ Software ေတြ up-to-date မျဖစ္ျခင္း

ၿပိဳင္ဆုိင္ေနက်တဲ့ ေစ်းကြက္အတြင္းမွာ burner ကို၀ယ္ယူစဥ္ကပါ႐ွိလာတဲ့ firmware၊ ဒါမွမဟုတ္ Software ဟာ ျပည့္စုံတိက်မႈ ႐ွိခ်င္မွ ႐ွိပါလိမ့္မည္။ Burner ရဲ႕စြမ္းေဆာင္ရည္နဲ႕ပတ္သက္ၿပီး စိတ္ေက်နပ္မႈမ႐ွိဘူးဆုိရင္ ထုတ္လုပ္ေရာင္းခ်သူရဲ႕ Website မွာ Update ျဖစ္မယ့္ Software ေတြ႐ွာေဖြအဆင့္ျမွင့္ေပးရပါမယ္။ တကယ္လုိ႕ disc ေတြကုိ burn လုပ္ရာမွာ ျပႆနာမ႐ွိဘဲ ေကာင္းမြန္ေနတယ္ဆုိရင္ေတာ့ update လုပ္စရာ မလုိပါဘူး။ တကယ္လုိ႕ disc အမွတ္တံဆိပ္အသစ္တစ္ခုေျပာင္းလဲအသုံးျပဳလုိက္လုိ႕ drive မွာ ျပႆနာ ျဖစ္ေနတယ္ဆုိရင္ firmware၊ ဒါမွမဟုတ္ Software update တစ္ခုနဲ႕ update လုပ္တာဟာ အေကာင္းဆုံးျဖစ္ပါတယ္။

၅။ Application အမ်ားအျပား run ေနစဥ္ burn လုပ္ျခင္း

ဒီေန႕ေခတ္မွာ အသုံးျပဳေနၾကတဲ့ PC ေတြဟာ disc ေတြ burn လုပ္ေနခ်ိန္မွာ တျခားလုပ္ငန္းေတြ တစ္ၿပိဳင္တည္း ေဆာင္႐ြက္ႏုိင္ေအာင္ လုိအပ္တဲ့ အျမန္ႏႈန္းထက္ ပုိၿပီး ပါ၀ါ႐ွိၾကပါတယ္။ ဒါေပမဲ့ တစ္ၿပိဳင္တည္း အလုပ္လုပ္ေနတဲ့ application ေတြကုိ တတ္ႏုိင္သေလာက္ ေလွ်ာ့ခ်ထားမယ္ဆုိရင္ disc ေတြ ေအာင္ျမင္စြာ burn လုပ္ႏုိင္မယ့္ အခြင့္အလမ္းေတြ တုိးတက္လာမွာျဖစ္ပါတယ္။ Multitasking၊ ဒါမွမဟုတ္ background မွာ burn လုပ္တာကုိ ေ႐ွာင္သင့္ပါတယ္။ျဖစ္ႏုိင္မယ္ဆုိရင္ေတာ့ burn လုပ္ေနတဲ့အခ်ိန္မွာ တျခား application ေတြrun မလုပ္တာဟာ အေကာင္းဆုံးပါ။

ကြန္ျပဴတာမွာUSB driveေပ်ာက္ဆံုးခ်င္းျပသနာေျဖရွငး္နည္း

ဟဲ..အတတ္ၾကီးေတာ့မဟုတ္ပါဘူး..ကြ်န္ေတာ္ကိုတိုင္ျဖစ္ဖူးလို႔ကလိလို႔ေတြ႕လာတာ..ဟီးဟီး
မသိေသးသူမ်ားအတြက္ပါ..တခါတရံ USB drive ထိုးထားေသာ္လည္း
ဘာမွတတ္မလာတာေတြ႔ရတတ္ပါတယ္.My Computer ထဲမွာရွာၾကည့္ေတာ့လည္း ေပ်ာက္ေနျပန္ေရာ....
အဲဒီအခါ ဒီလိုေလးလုပ္ၾကည့္ပါ..My Computer ေပၚမွာ Rright Click ႏွိပ္ ျပီးရင္ Manage...

ျပီးေတာ့ Storage ေအာက္က Disk Management ႏွိပ္....

အဲဒီအခါ ညာဘက္ျခမ္းမွာမိမိ computer နဲ႔ဆက္သြယ္ထားတဲ့ drive ေတြအားလံုးေတြ႔ရမွာပါ..

ျပီးရင္ မိမိလိုခ်င္တဲ့ drive ေပၚမွာ Right Click ႏွိပ္ Change Drive Letter and Paths...ကိုေရြး
ျပီးေတာ့ Change ေပါ့..

အဲဒီအခါ မွာ drive letter ကိုေရြးရပါမယ္..ပံုမွာျပထားတဲ့အတိုင္း F ကိုေရြးလိုက္ပါ

ျပီးရင္ OK ႏွိပ္...ျပီးေတာ့ ပံုမွာျပထားတဲ့အတိုင္းေပၚလာရင္ Yes ကိုေရြးလိုက္ပါ..

ေက်ာ္ေက်ာ္မိုး)
အဲဒါဆို ရင္ရပါျပီ...အားလံုးအဆင္ေျပၾကပါေစ.

computerအျမန္အသံုးျပဳခ်င္လား

မိမိ သံုးေနေသာ ကြန္ပ်ဴတာကုိ ပို၍ၿမန္ဆန္စြာ အသံုးၿပဳနိုင္ဖို႔
အတြက္နည္းအမ်ိဳးမ်ိဳးရွိပါတယ္။ ကြ်န္ေတာ္လက္ေတြ႔အသံုးၿပဳ
ေနတဲ႔နည္းေလးကိုပဲ ၿပန္လည္ မွ်ေဝလိုက္ပါတယ္။

ကြန္ပ်ဴတာသံုးေသာ မိတ္ေဆြအတြက္အဓိက ၿပသာနာ တစ္ခုက
ဖိုင္တစ္ခုခု ဖြင္႔ရင္ အရမ္းၾကာေန၍ ေစာင္႔ရတာမ်ဳိးေတြ ရွိေနတတ္
ၾကပါတယ္။ သားတို႔ေတြက လူငယ္ေတြဆိုေတာ႔ ဘာကုိမွ မေစာင္႔ခ်င္
ဒါမ်ိဳးဆို စိတ္ကတိုေရာ ... ဘယ္သူမွ မေစာင္႔ခ်င္ၾကဘူးေနာ္။

ဒီေတာ႔ ဘယ္လိုလုပ္ရမလဲဆိုတာ ေၿပာၿပပါ႔မယ္။ မိမိသံုးေနတဲ႔
ကြန္ပ်ဴတာကုိ ၿမန္ဆန္လာဖို႔အတြက္ Hard Disk ကိုတစ္လတစ္ခါ
ေလာက္ေတာ႔ Defrag လုပ္ရပါတယ္။ တကယ္ေတာ႔ Data ဝင္ယူေနတဲ႔
ေနရာနဲ႔ Data မရွိတဲ႔ေနရာလြတ္ေတြကုိ စနစ္တက်ၿဖစ္ေအာင္ ၿပန္စီတာပဲ
ၿဖစ္တယ္။ ဒီလိုလုပ္လိုက္ စီလိုက္ရင္ ကြန္ပ်ဴတာကို အသံုးၿပဳရတာပိုၿပီး
ၿမန္ဆန္လာမွာ ၿဖစ္ပါတယ္။

ကဲ ... ဘယ္လိုလုပ္ရမလဲ ... လက္ေတြ႔ပံုေလးေတြနဲ႔
ေလ႔လာရေအာင္ ...


1: Start ကုိႏွိပ္လိုက္ပါ။

2: Control Panel



3: Perfomance Information and Tools



4: Advanced tools



5: Open Disk Defragmenter တစ္ခ်က္နွိပ္လိုက္ပါ။



6: Hard Disk (C:) ကုိအရင္စစ္ရေအာင္

ေအာက္က ပံုစံေလး ေပၚလာေနပါၿပီ။ Defrag မလုပ္ခင္မွာ
Analyze Disk နဲ႔ Hard Disk ေလးကိုတစ္ခ်က္ ႏွိပ္ၿပီး အရင္
ဆံုးစစ္ေဆးရပါတယ္။



ခဏေလး ၾကာရင္ Defagment Disk ေလးကိုတစ္ခ်က္ႏွိပ္ၿပီး
ေစာင္႔ေနလိုက္ပါ။ မိနစ္အနည္းငယ္ ၾကာလိမ္႔မည္။

ေအာက္က ပံုေလးက Defagment Disk လုပ္ေနတဲ႔
ပံုေလးၿဖစ္ပါတယ္။



Hard Disk (C:) စစ္ၿပီးသြားၿပီဆိုရင္
Hard Disk (D:) ကုိလည္း ခုနာက ေၿပာထားအတိုင္း
ဆက္လက္စစ္လိုက္ပါ။ (E:) ကုိလည္းစစ္လိုက္ပါ။

အားလံုးစစ္ၿပီးသြားၿပီဆိုရင္ မိမိဘယ္ေန႔က Defrag ေတြကိုစစ္ထားလဲ
ဆိုတာေန႔ရက္ ၊ အခ်ိန္ေတြကို ၾကည္႕လိုက္ပါ။ Last Run ေအာက္မွာ
ေဖာ္ၿပထားပါတယ္။ ေသခ်ာေအာင္ ေအာက္က ပံုေလးကို ၾကည္႕လိုက္ပါ။



ကဲ ... အားလံုးၿပီးသြားပါၿပီး Close ကုိပိတ္လိုက္ပါ။
ေအာက္က ေနာက္ထပ္ တစ္နည္းကို ဆက္လက္လုပ္ေဆာင္လိုက္ပါ။

ေနာက္တစ္နည္းၿဖစ္တဲ႔ မိမိကြန္ပ်ဴတာ စက္ထဲက အမိွဳက္ေတြရွင္းတဲ႔
နည္းေလးကို ဆက္လက္လုပ္ေဆာင္လိုက္ပါ။

အမိွဳက္ေတြကို ရွင္းလင္းမယ့္ နည္း (၄)နည္းကို ေျပာျပပါမယ္။
သိၿပီးတဲ့ လူေတြအတြက္ေတာ့ မလိုဘူးေပါ့ဗ်ာ။ မသိေသးတဲ့လူေတြ
အတြက္ကေတာ့ အက်ိဳးရွိမွာ ေသခ်ာပါတယ္။

ပထမဆံုး လုပ္ေဆာင္ရမွာက

( Window + R ) နဲ႕ တဲြဖြင့္လိုက္ပါ။ အဲဒီ Run box ေလးေပၚလာလိမ္႔မယ္။
( မိမိ ကြန္ပ်ဴတာတြင္ Window ပံုေလးႏွင္႔ R ကုိ ႏွိပ္ပါ။ တစ္ခါတည္း
အတူတူ ႏွိပ္ပါ။ Run box ေလးေပၚလာလိမ္႔မည္။ )

1: Temp ရိုက္လိုက္ပါ။ ပီးရင္ေပၚလာတဲ႔ ဖိုင္ေတြအားလံုးကို ဖ်က္ပစ္လိုက္ပါ။

(Window + R ) နဲ႕ တဲြဖြင့္လိုက္ပါ။
2: %temp% ရိုက္လိုက္ပါ။ ပီးရင္ေပၚလာတဲ႔ ဖိုင္ေတြအားလံုးကို ဖ်က္ပစ္လိုက္ပါ။

(Window + R ) နဲ႕ တဲြဖြင့္လိုက္ပါ။
3: Prefetch ရိုက္လိုက္ပါ။ ပီးရင္ေပၚလာတဲ႔ ဖိုင္ေတြအားလံုးကို ဖ်က္ပစ္လိုက္ပါ။

(Window + R ) နဲ႕ တဲြဖြင့္လိုက္ပါ။
4: Recent ရိုက္လိုက္ပါ။ ပီးရင္ေပၚလာတဲ႔ ဖိုင္ေတြအားလံုးကို ဖ်က္ပစ္လိုက္ပါ။

ဘာမွမေၾကာက္ပါနဲ႔ ရဲရဲသာ ဖ်က္လိုက္ပါ။ မိမိရဲ႕ဖိုင္ေတြတစ္ခုမွ မပါသြားပါဘူး။
မိမိ သံုးထားတဲ႔ အမွိဳက္ေတြကို ဖ်က္ေပးတာပါ။

ခဏေလး ေၿပာစရာတစ္ခု က်န္ေသးတယ္။ Recycle Bin ( အမွိဳက္ပံုး )ထဲ က အမႈိက္ေတြ
ကို ဖ်က္လိုက္ဦးေနာ္။ ၿပီးရင္ Computer Restart လုပ္လိုက္ပါ။

ကဲ .... ဘယ္လိုလဲ ကြန္ပ်ဴတာ ၿမန္သြားၿပီ မဟုတ္လား ...
ေနာက္ဆို တစ္လတစ္ခါေလာက္ေတာ႔ ဒီပံုစံအတိုင္း လုပ္ေပးပါေနာ္။
ဒါဆို ကြန္ပ်ဴတာသံုးတိုင္း ဖိုင္ေတြဖြင္႔တိုင္း ၿမန္ၿမန္ဆန္ဆန္ ေလးနဲ႔
လန္းလန္းေလး သံုးရၿပီေပါ႔ဗ်ာ။
ေက်နပ္တယ္ဟုတ္ ........

14/05/2012

internet download manager serial ကီးေတြရွာခ်င္သလား?

internet download manager  ရဲ႕ကီးေတြရွာခ်င္ရင္ဒီေအာက္ကလင့္ကိုသြားပါ
လင့္
ဒီလင့္ကိုသြားပါ   ေရာက္ရင္ကိုၾကိဴက္တာတစ္ခုကိုနိပ္ပါ  ပီးရင္ေတာ့ show  serial    numberဆိုတာကိုနိပ္ပါကီးေတြ႕ရပါမယ္ကီးကိုကိုက္ညီတဲ့ေဆာ့၀ဲရဲ႕ကီးကိုယူပါပီးရင္ေကာ္ပီေပ့ါ...အဆင္ေျပမယ္လို႔ံ
ေမွ်ာ္လင့္ပါတယ္ေနာ္

IDM 5.17 keygen crack & serial ေလးပါ

မရွိတဲ့စက္ေတြအတြက္ရည္ရြယ္ပီးတင္ေပးလိုက္ပါတယ္ကီးလဲပါပါတယ္အဆင္ေျပမယ္လို႔႕ေမွ်ာ္လင့္ပါတယ္ေတာင္းထားတာလဲရွိပါတယ္
လိုတဲ့သူမ်ားေအာက္မွာေဒါင္းေလာ့ခ်နိုင္ပါတယ္...
Internet Download Mangerမရွိသူမ်ားအတြက္ပါ32bit/64bit2မ်ိဴးလံုးသံုးနိုင္ပါတယ္
ေဒါင္းေလာ့လင့္။ ေဒါင္းရန္နိပ္ပါ


IDM 6.11 ပါ

Download link:။  ဒီမွာနိပ္ေဒါင္းပါ
   Download link။ဒီမွာနိပ္ပီးေဒါင္းပါ


07/05/2012

Photo Flash Maker free versionေလးပါ

Photo Flash Maker Download
Photo Flash Maker free versionေလးပါအသံုးလိုမယ့္သူငယ္ခ်င္းမ်ားအတြက္ထပ္တင္ေပးလိုက္ပါတယ္
အသံုးျပဴနည္းကေတာ့အရမ္းကိုလြယ္ပါတယ္
ပီးေတာ့လဲfreeေပးထားတာဆိုေတာ့ပိုေကာင္းတာေပ့ါဟဲဟဲ
အသံုးျပဴနည္းၾကည့္မယ္ေအာက္ကို
1(ေဆာ့၀ဲလ္ကိ်ုRunပီinstallလုပ္ပါပီးရင္ေတာ့ေဆာ့ကိုူဖြင့္လိုက္ပါ)
2(photoေနရာမွာေတာ့မိမိအဆင္ေျပတာေရြးပါThemeမွာေနာက္ခံဘက္ဂေရာင္းေရြးပါ
3Dေနရာမွာလဲေနာက္ခံဘက္ဂေရာင္းေရြးနိုင္ပါတယ္
3(ဘက္ဂေရာင္းနဲ႕ပံုအားလံုးေရြးပီၤးထည့္ပီးပီးဆိုရင္ေတာ့အေပၚဆံုးစာအတန္းကmusicဆိုတာနိပ္ပီးMP3ေရြးထည့္ပါ
4(ေနာက္ဆံုးအဆင့္ပါPUBLISHဆိုတာကိုနိပ္ပါပီးရင္ဖိုင္နိမ္းေနရာမွာမိမိအဆင္ေျပတာေပးပါ
ပီးရင္ေတာ့PUBLISH  Nowဆိုတာနိပ္ပါခဏေစာင့္ေနပါဥူအလုပ္လုပ္ေနပါလိမ့္မယ္ပီး၇င္ေတာ့ဖိုင္ဖြင့္မလားေမာ္ဇီလာနဲ႕ဖြင့္မလားဆိုပီးေမးလာ၇င္ေတာ့မိမိအဆင္ေျပဥလိုဥာေ၇ြးခ်ယ္နိုင္ပါ...ဒါဆို၇င္ေတာ့မိမိလုပ္လုိက္တဲ့ဦခ်ငးိ္ေလးတစ္ပုဒ္ေအာင္ျမင္စြာပီးဆံုးပါပီအဆင္ေျပမယ္လို႔ေမွ်ာ္လင့္ပါတယ္...လိုတဲ့မိတ္ေဆြမ်ားကေတာ့ေအာက္မွာေဒါင္းသြားပါ
ရွိပီးသားမိတ္ေဆြမ်ားအတြက္ေတာ့ေဆာရီးပါလို႔ၾကိဴပီးေတာင္ပန္ပရေစဗ်ာ....
download   link:size 22.5MBေဒါင္းေလာ့ခ်ရန္နိပ္ပါ

06/05/2012

PDF converterဖိုင္uploadျပဴလုပ္နိုင္ေသာဆိုက္မ်ား

လင့္ေတြကေတာ့ေအာက္မွာပါ
လင့္
ဒီမွာနိပ္ပီးသြားပါ

ပံုေကာဖိုင္ေကာတင္နိုင္ေသာဆိုက္ပါ

ဒီမွာလဲသြားေရာက္ျပဴလုပ္နိုင္ပါတယ္

PDF converterေလးပါ

PDF converterေလးပါ  မရွိေသးတဲ့စက္ေတြအတြက္PDF converterေလးတင္ေပးလိုက္ပါတယ္ 32bit/64bitနွစ္ခုစလံုးသံုးနိုင္ေအာင္2ခုစလံုးအတြက္တင္ေပးလိုက္ပါတယ္  ကိုေအာင္ေအာင္မ်ီဳဴးမွေတာင္းထားပါတယ္.....ရန္ကုန္ကအကိုတစ္ေယာက္ပါ...အဆင္ေျပပါေစေနာ္ကိုေအာင္ေအာင္မ်ီဴး....ေက်းဇဴးတင္ပါတယ္


dwonload  link:64bitအတြက္ေဒါင္းရန္နိပ္ပါ
download  link:32bitအတြက္ေဒါင္းရန္နိပ္ပါ

03/05/2012

blogger မွာစာေတြslideshowေလးေတြႊေျပးခ်င္လား

<marquee>စာတစ္ခုခုေရးပါ</marquee>ညာကေနဘယ္ေျပးတဲ့ကုတ္
marquee bgcolor="#99CCFF">စာတစ္ခခုခုေရးပါ</marquee>ဒါကလဲတူတူပဲေနာ္အေရာင္ေလးေတြပဲကြာတယ္


<marquee direction="right" bgcolor="#99CCFF">code to simple scrolling text</marquee>ဘယ္ကေနညာဘက္ေျပးတဲ့ကုတ္

behavior="alternate" ဒီေနာက္ကကုတ္ကိုယူပါ(  <marquee behavior="alternate" direction="down" bgcolor="#33FFCC">စာတစ္ခုခုေရးပါ</marquee>  )


အျမန္ေလးနဲ႕ေျပးမလားေနးေႏွးေလးေျပူးမလားေအာက္မွာကုတ္ေနာ္
<marquee behavior="alternate" direction="left" bgcolor="#9999CC" scrollamount="2">ဒီေနရာမွာသင္ေျပးခ်င္တဲ့စာေၾကာင္းထည့္ရန္</marquee>

<marquee behavior="alternate" direction="left" bgcolor="#CCCCCC" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50">  စာေရးပါ</marquee>

<span><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" bgcolor="#cccccc"><br /><br />စာေရးပါ<br /><br /></marquee>
ဒီေအာက္ကကုတ္ကသတ္သတ္ေနာ္2)
<marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">    <a href="url#1">သင္သြားခ်င္ေသာလ့္ထည့္ပါ</a>  <a href="url#2">လင့္ထည့္ရန္</a>  <a href="url#3">လင့္ထည့္ရန္</a>  </marquee>


ေနာက္တစ္မ်ီဴးအတြကေအာက္မွာယူရန္ကုတ္

  <marquee behavior="scroll" align="middle" direction="left" bgcolor="#99FFFF" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()"><br /><br />    <a href=" http://kranthitips.blogspot.com/2007/12/embed-flashflvswf-files-in-blogger.html ">Flash animations in your blog</a>  <a href=" http://kranthitips.blogspot.com/2007/12/how-to-embed-youtube-videomovie-in-your.html ">Youtube videos</a>  <a href=" http://kranthitips.blogspot.com/2007/12/hexa-decimal-color-chart-for-bloggers.html ">Hexadecimal codes</a><br /><br />  </marquee
ဒီအေပၚကကုတ္ကေတာ့သီခ်င္းအတြက္လင့္ေလးထည့္ပီးသံုးတဲ့ကုတ္ပါ

ေအာက္မွာတစ္နည္းၾကည့္မယ္


<marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">    <a href="url#1">LINK#1</a>  <a href="url#2">LINK#2</a>  <a href="url#3">LINK#3</a>  </marquee>  ဒါကလဲသီခ်င္းလင့္ေလးေတြငသြားေနတာျမင္ခ်င္ရင္ဒီအေပၚကကုတ္ကိယူပါ
အသံုးျပဴနည္းကေတာ့လြယ္ပါတယ္
အရင္ဆံုးဘေလာ့ကိုsign in  >>design>>layout>>>Add   a  gadget>>ဒီေရာက္ေအာင္အဆင့္ဆင့္သြားပါပီးရင္ေတာ့ေနာက္ကနာမည္ကိုနိပ္ပါHTML/'စတဲ့နာမည္ကိုလိုက္ရွာပါေတြ႕ရင္ကလစ္နိပ္ပါေဘာက္ေလးတစ္ခု
ထြက္လာပါမယ္အဲ့ေအာက္ကitleေနရာမွာေတာ့မိမ္ၾကိဴက္တာေရးပါေအာက္ကအကြက္ထဲကိုေတာ့အေပၚကကိုသြားေစခ်င္တဲ့ကုတ္ကိုကူးထည့္ပါပီးရင္ေတာ့saveေပ့ါေနာ္

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

01/05/2012

Recycle Binေပ်က္ခဲ့ရင္ေျဖရွင္းနည္း

ကၽြန္ေတာ္ Recycle Bin ကုိ မွားျပီး Delete ေပးမိတာတုိ႕ အမ်ားအားျဖင္႕ေတာ႕ Windows Vista ႏွင္႕ Windows 7 မွာေတာ႕ အျဖစ္မ်ားပါတယ္။ အဲဒီအတြက္ ေျဖရွင္းနည္းကုိလဲ တင္ျပခဲ႕ျပီးျဖစ္ပါတယ္။ ဒါေပမဲ႕ Windows XP မွာေတာ႕ ဒီအတုိင္း Delete ေပးေနတာေတာင္ ဖ်က္လုိ႕မရပါဘူး။ ဒါေပမဲ႕ ဘယ္လုိ အေၾကာင္းလဲေတာ႕ ကၽြန္ေတာ္ အေျဖရွာလုိ႕ မရေသးဘူး။ ကၽြန္ေတာ္ မိတ္ေဆြတစ္ေယာက္ XP မွာ Recycle Bin ေပ်ာက္သြားတယ္။ ကၽြန္ေတာ္ မယုံဘူး။ ကုိယ္႕စက္က Recycle Bin ကုိ Delete ေပးေနတာ ေပးလုိ႕ မရဘူး။ ဒါနဲ႕ ကၽြန္ေတာ္ Windows 7 မွာ လုပ္သလုိ လုပ္ေတာ႕လဲ အဆင္မေျပဘူး။ ဒါနဲ႕ ေအာက္က နည္းေတြ နဲ႕ စမ္းခုိင္းလုိက္တာ အဆင္ေျပတယ္လုိ႕ ေျပာတယ္။ ဒါေၾကာင္႕ ရွားရွားပါးပါး Windows XP မွာမ်ား Recycle Bin ေပ်ာက္ခဲ႕ရင္ ေအာက္က နည္းေတြက ေျဖရွင္းေပးႏိုင္ပါတယ္။ ေက်းဇူးတင္ပါတယ္။နည္းလမ္း(၁)1. မိမိ ကြန္ပ်ဴတာမွာ Desktop ေပၚမွ ေနရာလြတ္မွာ Right click ေထာက္ျပီ Properties ကုိ click လုိက္ပါ။2. Desktop Tab ကုိ click လုိက္ပါ။3. Customize Desktop Button ကုိ click လိုက္ပါ။4. Restore Default ကုိ click လုိက္ပါ။5. မိမိ ကြန္ပ်ဴတာကုိ Restart ခ်လုိက္ပါ။ မိမိ recycle Bin ကုိ ျပန္လည္ေတြ႕ျမင္ႏုိင္ပါျပီ။နည္းလမ္း(၂)ဒီနည္းကေတာ႕ registry ကေန ၀င္ျပင္တဲ႕နည္းျဖစ္ပါတယ္။1. Start >> Run >> regedit လုိ႕ရုိက္ျပီး Enter ေခါက္လုိက္ပါ။2. HKEY_LOCAL_MACHINE >> SOFTWARE >> Microsoft >> Windows>> CurrentVersion>> Explorer >> Desktop >> NameSpace စတဲ႕ အတုိင္း ေရာက္ေအာင္သြားလုိက္ပါ။ ေရာက္ရင္ NameSpace ေပၚမွာ right click တစ္ခ်က္ေထာက္ျပီး New >> Key ကုိ click လုိက္ပါ။ ျပီရင္ Rename မွာ ေအာက္က Code ကုိ copy လုပ္ျပီး Paste လုပ္လုိက္ပါ။ ျပီရင္ မိမိစက္ကုိ Restart ခ်လုိက္ပါ။ အဆင္ေျပက်ပါေစဗ်ာ။{645FF040-5081-101B-9F08-00AA002F954E}

windowsxp Errorေျဖရွင္းနည္း





ဒီနည္းကေတာ့ Blue screen ေျဖရွင္းနည္းေတြထဲက ေနာက္တစ္နည္း ျဖစ္ပါတယ္။ Blue screen တက္တက္လာလို႔ စိတ္ညစ္ေနတဲ႔ သူငယ္ခ်င္းမ်ားအတြက္ အေထာက္အကူ ျဖစ္မယ္ထင္လို႔ပါ။ Window XP, Vista & 7 ေတြအတြက္ အကုန္အသံုးၿပဳလို႔ ရႏိုင္ပါတယ္။ လက္ေတြ႔စမ္းသပ္ၾကည့္ၿပီးလို႔ အဆင္ေျပသြားလို႔ ေ၀မွွ်လိုက္ပါတယ္။ အဆင္မေျပတာမ်ား ရွိခဲ႔ရင္ေတာ့ က်ေတာ့္ရဲ႕ အားနည္းခ်က္ပဲ ျဖစ္ပါလိမ့္မယ္။ အခု က်ေတာ္က Windows Vista နဲ႔ လုပ္နည္းေလး တင္ျပေပးပါ့မယ္။ ေအာက္မွာ ဆက္ေလ႔လာၾကည့္လိုက္ပါ။

လုပ္နည္း
1. Start menu >> Computer ကို Right Click ေထာက္ပီး Properties ကို ၀င္လိုက္ပါ။

2. က်လာတဲ႔ Box ရဲ႕ ဘယ္ဘက္နားေလးက advanced system setting ကို ၀င္လိုက္ပါ။
3. System Properties >> Advanced ထဲမွ အနီ၀ိုင္းျပထားတဲ႔ Setting ကို ၀င္လိုက္ပါ။
4. System and Recovery ထဲမွ အနီေရာင္ ၀ိုင္းျပထားတဲ႔ ေအာက္မွာရွိတဲ႔ Automatically restart ကို အမွန္ျခစ္ေလး ျဖဳတ္ေပးလိုက္ပါ။ (ပံုမွာၾကည့္ပါ)။ ပီးရင္ OK ေပးလိုက္ပါ။
ဒါဆိုရင္ေတာ့ ပံုမွန္တက္လာေနက် Bluescreen ဆိုတာႀကီး မတက္လာေတာ့ပါဘူး။ အားလံုး အဆင္ေျပမယ္လို႔ ေမွ်ာ္လင့္ပါတယ္….:)။

DOWNLOAD DELL INSPIORON N4030WINDOWS7(32BIT)

ေဒတာေတြလိုေနတယ္ေျပာလို႕႔ပါလင့္ကိုေတာ့ကိုတိုင္ရွာတာမဟုတ္ပါဘူးကိုညီေနမင္းမွကူယူတင္ေပးလိုက္ပါတယ္
အဆင္ေျပတဲ့လင့္ကေနသာေဒါင္းပါေအာက္မွာမူရင္းအတိုင္းျပန္တင္ေပးလိုက္ပါတယ္။
ကၽြန္ေတာ္တင္ေပးလုိက္ပါတယ္ ကုိစိုင္းေနာင္ေရ... ကုိတင္ထားတဲ့ window က 32bit လား 64 bit လားဆုိတာကုိ အရင္ဦးဆုံး စစ္လုိက္ပါ. စစ္ၿပီးေတာ့မွ သက္ဆုိင္ရာ Driver ကုိ download လုပ္လုိက္ပါ. အဆင္ေျပမယ္လုိ႔ ေမွ်ာ္လင့္မိပါတယ္.


IDT 92HD79B1 Driver
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
Download  link:ေဒါင္းရန္နိပ
Bios
Dell Inspiron Laptop N4030 System BIOS
Dell Inspiron N4030 Driver Windows 7 x32-32 bita
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
PLDS DS-8A5SH 12.7 SATA Trayload DVDRW Firmware
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
Chipset
Intel Management Engine Interface Driver
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
Realtek RTS5138 Card Reader Driver
Dell Inspiron N4030 Driver Windows 7 x32-32 bia
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
Communication
Conexant D400,External USB 56K Modem Application
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
Conexant D400,External USB 56K Modem Diagnostics Utility
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
Conexant D400,External USB 56K Modem Driver
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
Conexant D400,External USB 56K Modem Utility
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ

Mouse & Keyboards
Alps TouchPad Driver
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
SATA Drives
Intel Rapid Storage Technology Driver
Dell Inspiron N4030 Driver Windows 7 x32-32 bit

ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
System Utilities
Dell System Software Utility

Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ


Video
AMD ATI Mobility Radeon™ HD 530v
Driver Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္


AMD ATI Mobility Radeon™ HD 5430
Driver Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ

Intel Graphics Media Accelerator HD
Driver Dell Inspiron N4030 Driver Windows 7 x32-32 bit

ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ





30/04/2012

Older/Newer post ကိုပံုနဲ႕အစားထိုးအသံုးျပဴနည္း

1. မိမိတုိ႔ Layout မွ Edit Html ကုိ click လုိက္ပါ။
2. Expand Widgets ကုိ အမွန္ျခစ္ေပးလုိက္ပါ click လုိက္ပါ။
3. Newer Post ကုိ ပုံႏွင္႕ အစားထုိးဖုိ႕အတြက္ ေအာက္က code ကုိ ရွာလုိက္ပါ။

<data:newerPageTitle/>

အထပ္ပါ အတုိင္းေတြ႕ရတဲ႕ code ကုိ delete ေပးျပီ အဲ႕ဒီေနရာမွာ ေအာက္က code နဲ႕ အစားသြင္လုိက္ပါ။

<img src='http://bandofgirls.googlepages.com/Newer_post_icon.png'/>

4. Older Post အတြက္ အစားထုိးဖုိ႕အတြက္ ေအာက္က code ကုိ ရွာလုိက္ပါ။

<data:olderPageTitle/>

အထပ္ပါအတုိင္းေတြ႔ရတဲ႕ code ကုိ delete ေပးျပီ ေအာက္က code နဲ႕ အစားသြင္းလုိက္ပါ။

<img src='http://bandofgirls.googlepages.com/older_post_icon.png'/>

5. Home အတြက္ ပုံႏွင္႕ အစားထုိးဖုိ႕အတြက္ ေအာက္မွာေတြ႕ရတဲ႕ code ကုိ ရွာလုိက္ပါ။

<data:homeMsg/>

အထပ္ပါ code ကို delete ေပးျပီေအာက္က code ေတြနဲ႕ အစားသြင္လုိက္ပါ။

<img src='http://bandofgirls.googlepages.com/home_icon.png'/>





မွတ္ခ်က္။ပံုေတြကိုလိုသလိုထည့္သြင္းအသံုးျပဳနိုင္ပါေသးသည္ပံုမ်ားသင့္ေတာ္သလိုလုပ္နိုင္ရန္အတြက္ဒီလင့္ကိုသြားပီး။

uploadတင္လိုက္ပါuploadလုပ္ခ်င္ရင္ဒီလင့္ကိုနိပ္လိုက္ပါ

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ကိုသာနိပ္ပါ


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