<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ေပ့ါေနာ္
အဆင္ေျပလိမ့္မယ္လို႕ေမွ်ာ္လင့္ပါတယ္ေနာ္မိတ္ေဆြမ်ားအားလံုးကိုေလးစားလွ်က္ပါ..ေက်ာ္ေက်ာ္မိုး
03/05/2012
01/05/2012
windowsxp Errorေျဖရွင္းနည္း
ဒီနည္းကေတာ့
Blue screen ေျဖရွင္းနည္းေတြထဲက ေနာက္တစ္နည္း ျဖစ္ပါတယ္။ Blue screen
တက္တက္လာလို႔ စိတ္ညစ္ေနတဲ႔ သူငယ္ခ်င္းမ်ားအတြက္ အေထာက္အကူ
ျဖစ္မယ္ထင္လို႔ပါ။ Window XP, Vista & 7 ေတြအတြက္ အကုန္အသံုးၿပဳလို႔
ရႏိုင္ပါတယ္။ လက္ေတြ႔စမ္းသပ္ၾကည့္ၿပီးလို႔ အဆင္ေျပသြားလို႔
ေ၀မွွ်လိုက္ပါတယ္။ အဆင္မေျပတာမ်ား ရွိခဲ႔ရင္ေတာ့ က်ေတာ့္ရဲ႕ အားနည္းခ်က္ပဲ
ျဖစ္ပါလိမ့္မယ္။ အခု က်ေတာ္က Windows Vista နဲ႔ လုပ္နည္းေလး
တင္ျပေပးပါ့မယ္။ ေအာက္မွာ ဆက္ေလ႔လာၾကည့္လိုက္ပါ။
လုပ္နည္း
1. Start menu >> Computer ကို Right Click ေထာက္ပီး Properties ကို ၀င္လိုက္ပါ။
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)