- မိမိဘေလာ့ကို၀င္ပါပီးရင္အေပၚက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ကိုသာနိပ္ပါ
မွတ္ခ်က္။ဒီကုတ္မ်ားကိုဒီလင့္မွကူးယူေဖၚျပသည္(နိုင္ငံျခားလင့္သာျဖစ္သည္ ကိုတိုင္ေလ့လာနိုင္ေအာင္လင့္ပါေပးလိုက္ပါတယ္ အဆင္ေျပက်ပါေစေနာ္
မွတ္ခ်က္။ဒီကုတ္မ်ားကိုဒီလင့္မွကူးယူေဖၚျပသည္(နိုင္ငံျခားလင့္သာျဖစ္သည္ ကိုတိုင္ေလ့လာနိုင္ေအာင္လင့္ပါေပးလိုက္ပါတယ္ အဆင္ေျပက်ပါေစေနာ္