လာလည္ေသာမိတ္ေဆြမ်ားအားလံုးထာ၀ရေပ်ာ္ရြွင္နိုင္ပါေစလို႔႕က်ေနာ္ေက်ာ္ေက်ာ္မိုးမွ ေျမတၱာပို႕သလိုက္ပါတယ္..
17/05/2012
CD, DVDကူးရင္ျဖစ္တတ္သည္ျပသနာ
CD, DVD Recorder and Media player ေတြဟာ သူတုိ႕ရဲ႕ တာ၀န္၀တၱရားကို
ကၽြမ္းက်င္က်င္ ေဆာင္႐ြက္ေပးႏုိင္ၾကသလုိ stable ျဖစ္တဲ့ ထုတ္ကုန္ေတြလည္း
ျဖစ္ပါတယ္။
ဒါေပမယ့္ အသုံးျပဳတဲ့သူေတြက သတိလက္လြတ္ လုပ္ကုိင္ေဆာင္႐ြက္မယ္ဆုိရင္ burn လုပ္ရာ မွာ ပ်က္စီးမႈေတြ ျဖစ္ေပၚႏုိင္ပါတယ္။ အခု Brun လုပ္ရာမွာ အျဖစ္မ်ားတတ္တဲ့ အမွား ငါးခု နဲ႕ဘယ္လုိ ေ႐ွာင္း႐ွားႏုိင္လဲဆုိတာကုိေဖာ္
ဒါေပမယ့္ အသုံးျပဳတဲ့သူေတြက သတိလက္လြတ္ လုပ္ကုိင္ေဆာင္႐ြက္မယ္ဆုိရင္ 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 အမ်ိဳးအစားကုိ ေ႐ြးခ်ယ္အသုံးျပဳရပါမယ္။ တကယ္လုိ႕ ေစ်းေပါေပါနဲ႕အမွတ္တံဆိပ္မ႐ွိတဲ
၃။ ျမန္ႏႈန္းျမင့္ေရးမိျခင္း
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 အမွတ္တံဆိပ္အသစ္တစ္ခုေျပာင္းလဲ
၅။ Application အမ်ားအျပား run ေနစဥ္ burn လုပ္ျခင္း
ဒီေန႕ေခတ္မွာ အသုံးျပဳေနၾကတဲ့ PC ေတြဟာ disc ေတြ burn လုပ္ေနခ်ိန္မွာ တျခားလုပ္ငန္းေတြ တစ္ၿပိဳင္တည္း ေဆာင္႐ြက္ႏုိင္ေအာင္ လုိအပ္တဲ့ အျမန္ႏႈန္းထက္ ပုိၿပီး ပါ၀ါ႐ွိၾကပါတယ္။ ဒါေပမဲ့ တစ္ၿပိဳင္တည္း အလုပ္လုပ္ေနတဲ့ application ေတြကုိ တတ္ႏုိင္သေလာက္ ေလွ်ာ့ခ်ထားမယ္ဆုိရင္ disc ေတြ ေအာင္ျမင္စြာ burn လုပ္ႏုိင္မယ့္ အခြင့္အလမ္းေတြ တုိးတက္လာမွာျဖစ္ပါတယ္။ Multitasking၊ ဒါမွမဟုတ္ background မွာ burn လုပ္တာကုိ ေ႐ွာင္သင့္ပါတယ္။ျဖစ္ႏုိင္မယ္ဆု
ကြန္ျပဴတာမွာ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 ကိုေရြးရပါမယ္..ပံုမွာျပထားတဲ့

ျပီးရင္ 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ဆိုတာကိုနိပ္ပါကီးေတြ႕ရပါမယ္ကီးကိုကိုက္ညီတဲ့ေဆာ့၀ဲရဲ႕ကီးကိုယူပါပီးရင္ေကာ္ပီေပ့ါ...အဆင္ေျပမယ္လို႔ံ
ေမွ်ာ္လင့္ပါတယ္ေနာ္
လင့္
ဒီလင့္ကိုသြားပါ ေရာက္ရင္ကိုၾကိဴက္တာတစ္ခုကိုနိပ္ပါ ပီးရင္ေတာ့ show serial numberဆိုတာကိုနိပ္ပါကီးေတြ႕ရပါမယ္ကီးကိုကိုက္ညီတဲ့ေဆာ့၀ဲရဲ႕ကီးကိုယူပါပီးရင္ေကာ္ပီေပ့ါ...အဆင္ေျပမယ္လို႔ံ
ေမွ်ာ္လင့္ပါတယ္ေနာ္
IDM 5.17 keygen crack & serial ေလးပါ
မရွိတဲ့စက္ေတြအတြက္ရည္ရြယ္ပီးတင္ေပးလိုက္ပါတယ္ကီးလဲပါပါတယ္အဆင္ေျပမယ္လို႔႕ေမွ်ာ္လင့္ပါတယ္ေတာင္းထားတာလဲရွိပါတယ္
လိုတဲ့သူမ်ားေအာက္မွာေဒါင္းေလာ့ခ်နိုင္ပါတယ္...
Internet Download Mangerမရွိသူမ်ားအတြက္ပါ32bit/64bit2မ်ိဴးလံုးသံုးနိုင္ပါတယ္
ေဒါင္းေလာ့လင့္။ ေဒါင္းရန္နိပ္ပါ
IDM 6.11 ပါ
Download link:။ ဒီမွာနိပ္ေဒါင္းပါ
Download link။ဒီမွာနိပ္ပီးေဒါင္းပါ
လိုတဲ့သူမ်ားေအာက္မွာေဒါင္းေလာ့ခ်နိုင္ပါတယ္...
Internet Download Mangerမရွိသူမ်ားအတြက္ပါ32bit/64bit2မ်ိဴးလံုးသံုးနိုင္ပါတယ္
ေဒါင္းေလာ့လင့္။ ေဒါင္းရန္နိပ္ပါ
IDM 6.11 ပါ
Download link:။ ဒီမွာနိပ္ေဒါင္းပါ
Download link။ဒီမွာနိပ္ပီးေဒါင္းပါ
07/05/2012
Photo Flash Maker free versionေလးပါ

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ေလးပါ
PDF converterေလးပါ မရွိေသးတဲ့စက္ေတြအတြက္PDF converterေလးတင္ေပးလိုက္ပါတယ္ 32bit/64bitနွစ္ခုစလံုးသံုးနိုင္ေအာင္2ခုစလံုးအတြက္တင္ေပးလိုက္ပါတယ္ ကိုေအာင္ေအာင္မ်ီဳဴးမွေတာင္းထားပါတယ္.....ရန္ကုန္ကအကိုတစ္ေယာက္ပါ...အဆင္ေျပပါေစေနာ္ကိုေအာင္ေအာင္မ်ီဴး....ေက်းဇဴးတင္ပါတယ္
dwonload link:64bitအတြက္ေဒါင္းရန္နိပ္ပါ
download link:32bitအတြက္ေဒါင္းရန္နိပ္ပါ
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ေပ့ါေနာ္
အဆင္ေျပလိမ့္မယ္လို႕ေမွ်ာ္လင့္ပါတယ္ေနာ္မိတ္ေဆြမ်ားအားလံုးကိုေလးစားလွ်က္ပါ..ေက်ာ္ေက်ာ္မိုး
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
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)
ေဒတာေတြလိုေနတယ္ေျပာလို႕႔ပါလင့္ကိုေတာ့ကိုတိုင္ရွာတာမဟုတ္ပါဘူးကိုညီေနမင္းမွကူယူတင္ေပးလိုက္ပါတယ္
အဆင္ေျပတဲ့လင့္ကေနသာေဒါင္းပါေအာက္မွာမူရင္းအတိုင္းျပန္တင္ေပးလိုက္ပါတယ္။
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
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
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
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
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
ေဒါင္းရန္လင့္းေဒါင္းရန္နိပ္ပါ
အဆင္ေျပတဲ့လင့္ကေနသာေဒါင္းပါေအာက္မွာမူရင္းအတိုင္းျပန္တင္ေပးလိုက္ပါတယ္။
ကၽြန္ေတာ္တင္ေပးလုိက္ပါတယ္
ကုိစိုင္းေနာင္ေရ... ကုိတင္ထားတဲ့ window က 32bit လား 64 bit လားဆုိတာကုိ
အရင္ဦးဆုံး စစ္လုိက္ပါ. စစ္ၿပီးေတာ့မွ သက္ဆုိင္ရာ Driver ကုိ download
လုပ္လုိက္ပါ. အဆင္ေျပမယ္လုိ႔ ေမွ်ာ္လင့္မိပါတယ္.
IDT 92HD79B1 Driver
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
Download link:ေဒါင္းရန္နိပ
IDT 92HD79B1 Driver
Dell Inspiron N4030 Driver Windows 7 x32-32 bit
Download link:ေဒါင္းရန္နိပ
Bios
Dell Inspiron Laptop N4030 System BIOSDell 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 DriverDell 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 ApplicationDell 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 DriverDell 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လုပ္ခ်င္ရင္ဒီလင့္ကိုနိပ္လိုက္ပါ
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
ကဲစမယ္ေနာ္
၁(အေနနဲ႕မိမိဘေလာ့ဂါကို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ဒီလိုေနရာေတြမွာမိမိၾကိဴက္ရာနာမည္တစ္ခုေပးလို႕ရပါတယ္ျမန္မာလိုူလဲအဆင္ေျပပါတယ္
အဆင္ေျပက်ပါေစေနာ္..ကိုေစာမင္းူေအာင္ေရ..........အဆင္ေျပမယ္လို႕ေမွ်ာ္လင့္ပါတယ္ေနာ္
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အဆန္းေလးသံုးခ်င္သူမ်ားအတြက္ပါ
LinKေနရာမွာေတာ့လင့္တစ္ခုခုကိုအစားထိုးထည့္ေပးရမည္ေအာက္ကကုတ္ေတြလဲဒဇိ္လိုပဲအစားထံုးသံုးရမည္သူ႕နာမည္နဲ႕သူသာထည့္သံုးရပါမည္























- မိမိဘေလာ့ကို၀င္ပါပီးရင္အေပၚကdesignဆိုတာနိပ္ပါပီးရင္ဒီေနာက္ကနာမည္ကိုသြားပါ> Layout ဆိုတာနိပ္ပါပီးရင္ေနာက္ကကုတ္ကိုနိပ္ပါ(Add a Gadget or Add a Page element)
- ပီးရင္က်လာတဲ့ေဘာက္စ္ကဒီကုတ္ကိုနိပ္ပါ( HTML/JavaScript)
- ဒီနာမည္ကိုနိပ္လိုက္ရင္ေဘာက္စ္ေလးတစ္ခုထြက္လာပါမယ္ HTML/JavaScript
- အဲ့လိုေဘာက္စ္ေလးက်လာပီဆိုရင္ေအာက္ကသံုးခ်င္တဲ့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>
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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 Used
<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
<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
<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
<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
<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
<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
<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
<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>
#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
<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>
#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ကိုသာနိပ္ပါ
မွတ္ခ်က္။ဒီကုတ္မ်ားကိုဒီလင့္မွကူးယူေဖၚျပသည္(နိုင္ငံျခားလင့္သာျဖစ္သည္ ကိုတိုင္ေလ့လာနိုင္ေအာင္လင့္ပါေပးလိုက္ပါတယ္ အဆင္ေျပက်ပါေစေနာ္
မွတ္ခ်က္။ဒီကုတ္မ်ားကိုဒီလင့္မွကူးယူေဖၚျပသည္(နိုင္ငံျခားလင့္သာျဖစ္သည္ ကိုတိုင္ေလ့လာနိုင္ေအာင္လင့္ပါေပးလိုက္ပါတယ္ အဆင္ေျပက်ပါေစေနာ္
Subscribe to:
Posts (Atom)




