CSS NAVIGATION MENU Solidblock Purpple

Free CSS NAVIGATION MENU Solidblock Pink

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

How to install:

1

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3.No need Tick the Expand Widget Template
មិនចាំបាច់ចុចធិចយកត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ }
*CODE*

/* Menu
---------------------------------------------- */
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #54579C;
border-width: 1px 0;
background: #E8ECED

url("http://i148.photobucket.com/albums/s18/auricola/Acessorios/Barra007.gif") center center

repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: #000000;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #54579C;
}
.solidblockmenu li a:visited{
color:#d7bfdc;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color:#E8ECED;
background:#6B70B0 url(media/blockactive.gif) center center repeat-x;
}

2

and then Paste Code between id=Wrapper and class=content (see picture below):
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ between id=Wrapper and class=content៖

<ul class='solidblockmenu'><li><a href='/' target='_blank'><b>Home</b></a></li></ul>

Read more!

CSS NAVIGATION MENU Solidblo Pink

Free CSS NAVIGATION MENU Solidblo Pink

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

How to install:

1

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. No need Tick the Expand Widget Template
មិនចាំបាច់ចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ }
*CODE*

/* Menu
---------------------------------------------- */
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #F2A1B0;
border-width: 1px 0;
background: #D28C94

url("http://i148.photobucket.com/albums/s18/auricola/Acessorios/BarraRosa.jpg") center center

repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: #7F0000;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #F2A1B0;
}
.solidblockmenu li a:visited{
color:#E15C6F;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color:#D28C94;
background:#ffffff url(media/blockactive.gif) center center repeat-x;
}

2

and then Paste Code between id=Wrapper and class=content (see picture below):
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ between id=Wrapper and class=content៖

<ul class='solidblockmenu'><li><a href='/' ><b>Home</b></a></li></ul>

Read more!

CSS NAVIGATION MENU Solidblock Red

Free CSS NAVIGATION MENU Solidblo

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

How to install:

1

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

No need Expand Widget Template
ដោយមិន​បាច់ចុចធិចយកត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ }
*CODE*

/* Menu
---------------------------------------------- */
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #D60403;
border-width: 1px 0;
background: #D60403 url("http://i9.tinypic.com/6xrvnev.gif") center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: #000000;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #D60403;
}
.solidblockmenu li a:visited{
color:#666;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color:#fff;
background:#D60403 url() center center repeat-x;
}

2

and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<ul class='solidblockmenu'><li><a href='/' ><b>Home</b></a></li></ul>

Read more!

Vertical CSS Menus - SuckerTree

Like the last two sets of menus these can be used for commercial or private use. Have fun with all the menus.

SuckerTree Menu

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that end of }: like:
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលបញ្ចប់ដោយនិមិត្ត​សញ្ញាបែបនេះ ឧ.

}
past code below here


*CODE*

<style type="text/css"> .suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 160px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; } .suckerdiv ul li{ position: relative; } /*Sub level menu items */ .suckerdiv ul li ul{ position: absolute; width: 170px; /*sub menu width*/ top: 0; visibility: hidden; } /* Sub level menu links style */ .suckerdiv ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: black; text-decoration: none; background: #fff; padding: 1px 5px; border: 1px solid #ccc; border-bottom: 0; } .suckerdiv ul li a:visited{ color: black; } .suckerdiv ul li a:hover{ background-color: yellow; } .suckerdiv .subfolderstyle{ background: url(http://www.dynamicdrive.com/cssexamples/media/arrow-list.gif) no-repeat center right; } /* Holly Hack for IE \*/ * html .suckerdiv ul li { float: left; height: 1%; } * html .suckerdiv ul li a { height: 1%; } /* End */ </style> <script type="text/javascript"> //SuckerTree Vertical Menu 1.1 (Nov 8th, 06) //By Dynamic Drive: http://www.dynamicdrive.com/style/ var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas function buildsubmenus(){ for (var i=0; i<menuids.length; i++){ var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") for (var t=0; t<ultags.length; t++){ ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle" if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item else //else if this is a sub level submenu (ul) ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it ultags[t].parentNode.onmouseover=function(){ this.getElementsByTagName("ul")[0].style.display="block" } ultags[t].parentNode.onmouseout=function(){ this.getElementsByTagName("ul")[0].style.display="none" } } for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars ultags[t].style.visibility="visible" ultags[t].style.display="none" } } } if (window.addEventListener) window.addEventListener("load", buildsubmenus, false) else if (window.attachEvent) window.attachEvent("onload", buildsubmenus) </script>

and then Add a Getgat of the sidebar to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយចម្លងកូដនេះទៅដាក់៖

<div class="suckerdiv"> <ul id="suckertree1"> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li><a href="#">Folder 1</a> <ul> <li><a href="#">Sub Item 1.1</a></li> <li><a href="#">Sub Item 1.2</a></li> </ul> </li> <li><a href="#">Item 3</a></li> <li><a href="#">Folder 2</a> <ul> <li><a href="#">Sub Item 2.1</a></li> <li><a href="#">Folder 2.1</a> <ul> <li><a href="#">Sub Item 2.1.1</a></li> <li><a href="#">Sub Item 2.1.2</a></li> <li><a href="#">Sub Item 2.1.3</a></li> <li><a href="#">Sub Item 2.1.4</a></li> </ul> </li> </ul> </li> <li><a href="#">Item 4</a></li> </ul> </div>

Done!

Read more!

Vertical CSS Menus - Blue Blocks

Like the last two sets of menus these can be used for commercial or private use. Have fun with all the menus.

Blue Blocks Menu

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that end of }: like:
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលបញ្ចប់ដោយនិមិត្ត​សញ្ញាបែបនេះ ឧ.

}
past code below here


*CODE*

<style type="text/css"> #blueblock{ width: 180px; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font-size: 90%; background-color: #90bade; color: #333; } * html #blueblock{ /*IE 6 only */ w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */ } #blueblock ul{ list-style: none; margin: 0; padding: 0; border: none; } #blueblock li { border-bottom: 1px solid #90bade; margin: 0; } #blueblock li a{ display: block; padding: 5px 5px 5px 8px; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #blueblock li a{ /*Non IE6 width*/ width: auto; } #blueblock li a:hover{ border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } </style>

and then Add a Getgat of the sidebar to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយចម្លងកូដនេះទៅដាក់៖

<div id="blueblock"> <div class="menutitle">Socheatk</div> <ul> <li><a href="http://www.socheatk.blogspot.com" title="Home">Home</a></li> <li id="current"><a href="http://socheatk.blogspot.com/2008/06/free-css-navigation-menu-these-eleven_29.html#A1" title="Css">CSS Menu</a></li> <li><a href="http://socheatk.blogspot.com/2008/06/01.html#A1" title="Literature">Literature</a></li> <li><a href="http://socheatk.blogspot.com/search/label/Music#A1" title="Music">Music</a></li> </ul> <div class="menutitle">Socheatk</div> <ul> <li><a href="http://www.socheatk.blogspot.com" title="Home">Home</a></li> <li id="current"><a href="http://socheatk.blogspot.com/2008/06/free-css-navigation-menu-these-eleven_29.html#A1" title="Css">CSS Menu</a></li> <li><a href="http://socheatk.blogspot.com/2008/06/01.html#A1" title="Literature">Literature</a></li> <li><a href="http://socheatk.blogspot.com/search/label/Music#A1" title="Music">Music</a></li> </ul> </div>

Done!

Read more!

Vertical CSS Menus - Beve Vertica

Like the last two sets of menus these can be used for commercial or private use. Have fun with all the menus.

Beve Vertica Menu

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that end of }: like:
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលបញ្ចប់ដោយនិមិត្ត​សញ្ញាបែបនេះ ឧ.

}
past code below here


*CODE*

<style type="text/css"> .bevelmenu{ list-style-type: none; margin: 0; padding: 0; width: 180px; } .bevelmenu li a{ display: block; width: 100%; padding: 2px 4px; text-decoration: none; font-weight: bold; background-color: #FFF2BF; border: 2px solid #FFF2BF; text-decoration:none; } .bevelmenu li a:hover{ color: black; background-color: #FFE271; border-style: outset; } html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */ border-style: inset; } </style>

and then Add a Getgat of the sidebar to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយចម្លងកូដនេះទៅដាក់៖

<ul class="bevelmenu"> <div class="menutitle">Socheatk</div> <ul> <li><a href="http://www.socheatk.blogspot.com" title="Home">Home</a></li> <li id="current"><a href="http://socheatk.blogspot.com/2008/06/free-css-navigation-menu-these-eleven_29.html#A1" title="Css">CSS Menu</a></li> <li><a href="http://socheatk.blogspot.com/2008/06/01.html#A1" title="Literature">Literature</a></li> <li><a href="http://socheatk.blogspot.com/search/label/Music#A1" title="Music">Music</a></li> </ul> <div class="menutitle">Socheatk</div> <ul> <li><a href="http://www.socheatk.blogspot.com" title="Home">Home</a></li> <li id="current"><a href="http://socheatk.blogspot.com/2008/06/free-css-navigation-menu-these-eleven_29.html#A1" title="Css">CSS Menu</a></li> <li><a href="http://socheatk.blogspot.com/2008/06/01.html#A1" title="Literature">Literature</a></li> <li><a href="http://socheatk.blogspot.com/search/label/Music#A1" title="Music">Music</a></li> </ul> </div>

Done!

Read more!

NAVIGATION MENU

Free CSS NAVIGATION MENU

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
You can see these style in this blog in the top and the Sidebar. Do you like? in this blog have all!

Get Code!

_________________________

Get Code!

_________________________

Get Code!

_________________________

Get Code!

_________________________

Get Code!

_________________________

Get Code!

_________________________

Get Code!

_________________________

Get Code!

_________________________

Get Code!

_________________________

Get Code!

_________________________

Get Code!

_________________________

Get Code!

_________________________

Read more!

CSS NAVIGATION MENU TAB

Free CSS NAVIGATION MENU TAB

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/*- Menu Tabs--------------------------- */

#tabs {
float:left;
width:100%;
background:#BBD9EE;
font-size:93%;
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("http://exploding-boy.com/images/cssmenus/tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs a span {
float:left;
display:block;
background:url("http://exploding-boy.com/images/cssmenus/tabright.gif") 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 */
#tabsH a:hover span {
color:#FF9834;
}
#tabs a:hover {
background-position:0% -42px;
}
#tabs a:hover span {
background-position:100% -42px;
}

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #


and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<h2>Tab Menu</h2>
<div id="tabs">
<ul>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>
</div>
<br /><br />

Read more!

CSS NAVIGATION MENU PRELOAD

Free CSS NAVIGATION MENU PRELOAD

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout .sidebar-wrap,
body#layout #header-wrapper {
margin-top: 0;
}
body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
margin-left:0,
margin-right: 0;
padding: 0;
}
body#layout #outer-wrapper {
width: 730px;
}
body#layout #footer-wrap1 {
padding-top: 0;
}
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_15 */
.preload15 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-rNfsKLJ7YxbUOkRgVzRZvMRaMItokI9cs1aMChsLAGYoNG43pfsWGMJv7vyvCEdcs-QKVGlfA2KiKyjOFjTuXkLfl9sUfwl7F0WFZXNBOgR_LrksZbba4ZTmSD-9AMaxxckiosiuGhs/s400/pro_15_1.gif);}
.pro15 {padding:0 0 0 20px; margin:0; list-style:none; height:30px; background:#1841c8 url(http://2.bp.blogspot.com/_c-

XFk4OciTE/R9rK338-11I/AAAAAAAAAZw/CMao7v_DUtg/s400/pro_15_0.gif);}
.pro15 li {float:left;}
.pro15 li a {display:block; float:left; height:30px; line-height:30px; background:url(http://2.bp.blogspot.com/_c-

XFk4OciTE/R9rK338-11I/AAAAAAAAAZw/CMao7v_DUtg/s400/pro_15_0.gif); color:#254117; text-decoration:none; font-family:arial,

verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:11px;}
.pro15 li a b {float:left; display:block; background:url(http://2.bp.blogspot.com/_c-XFk4OciTE/R9rK338-

11I/AAAAAAAAAZw/CMao7v_DUtg/s400/pro_15_0.gif) right top; padding:0 16px 0 8px; color:#254117;}
.pro15 li.current a {color:#fff; background:url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9rK4X8-

13I/AAAAAAAAAaA/xlwvl2QTp4c/s400/pro_15_2.gif);}
.pro15 li.current a b {background:url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9rK4X8-

13I/AAAAAAAAAaA/xlwvl2QTp4c/s400/pro_15_2.gif) no-repeat right top; color:#fff;cursor:pointer;}
.pro15 li a:hover {color:#fff; background: url(http://3.bp.blogspot.com/_c-XFk4OciTE/R9rK4H8-

12I/AAAAAAAAAZ4/gKdf3mjpStk/s400/pro_15_1.gif); text-decoration:none;}
.pro15 li a:hover b {background:url(http://3.bp.blogspot.com/_c-XFk4OciTE/R9rK4H8-

12I/AAAAAAAAAZ4/gKdf3mjpStk/s400/pro_15_1.gif) no-repeat right top; color:#fff;text-decoration:none;}
.pro15 li.current a:hover {color:#fff; background: url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9rK4X8-

13I/AAAAAAAAAaA/xlwvl2QTp4c/s400/pro_15_2.gif); cursor:default;text-decoration:none;}
.pro15 li.current a:hover b {background:url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9rK4X8-

13I/AAAAAAAAAaA/xlwvl2QTp4c/s400/pro_15_2.gif) no-repeat right top; color:#fff; text-decoration:none;}
.pro15 li a em {display:block; float:left; width:16px; height:30px;}
.pro15 li a em.home {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioSRgtpztv3TH1SzdQuglhL2G97M6-pfGpbDyYR6tdceXxbkiNo8dKQGo84_VQ8bA9ETMMek_ocQle3Cfx4Pv_6MarAn51sO5qW5tJM7AdeYPeC6oMxb4WhxJ7dOUCE0mScML06wyiwmg/s400/home.gif)

no-repeat center center;}
.pro15 li a em.template {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe7cpbduZg6gBc_mgOkBF7u2_TZ0dTXy9lOW9FHMDCv_wUkswAJjo-YunjPeI7Jjxhd3fCfBtLfyIb21ZK_hT9TLuV-LN3myXnHiSwRdSzSB-UvrggNIe_psFbmPksy7Z4zyB0U8gL7KA/s400/page.gif
) no-repeat center center;}
.pro15 li a em.blogtutor {background:url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9qzaX8-

1pI/AAAAAAAAAYQ/siq71IH05sk/s400/key.gif) no-repeat center center;}
.pro15 li a em.library {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFbalQNgWKNUNATO5nIie5j1e-SF7-kQRridSIrgWT7LcRlHYsFHAgd2Q95py21czTLUZw8rFV4IA4ea7XnPeYYg4nNEPAfTJyyi95sutw8VPEdNZ1xqcOjQmhZPphRNepAQZvyd5pYL4/s400/info.gif)

no-repeat center center;}
.pro15 li a em.obral {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdHbQU44H34Gc8CjBUAAAtkxgVtBHnGn2RAj6osu1RK0_bPmTuWDtm65DUgL1IUpBEBbFpSk1cAJaDk1ozD3jaQD_DiEzL07jjdUrK6X40wHDPsgJ7Jc_PZBK6Sb9u-qppZaag3hmbGT0/s400/book.gif)

no-repeat center center;}
.pro15 li a em.resep {background:url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9qzlX8-

1rI/AAAAAAAAAYg/yInfi4UPgDU/s400/monitor.gif) no-repeat center center;}
/* thumbnail
======================== */
.tabel {
padding:5px;
margin:0;
float:left;
}
.thumbnail {
position:relative;
z-index:100;
}
.thumbnail a.gambar-kecil, .thumbnail a.gambar-kecil1:visited {
display:block;
text-decoration:none;
background:transparent;
top:0;
left:0;
border: 2px solid #000;
}
.thumbnail a img {
border:0;
}
.thumbnail a.gambar-kecil:hover {
text-decoration:none;
background-color:#8c97a3;
color:#000;
border: 2px solid #00ff00;
}
.thumbnail a .gambar-besar1 {
display:block;
position:absolute;
width:0;
height:0;
border:0;
top:0;
left:0;
}
.thumbnail a.gambar-kecil:hover .gambar-besar1 {
display:block;
position:absolute;
top:0px;
left:200px;
width:400px;
height:300px;
border:7px solid #D21E00;
}
.thumbnail a .gambar-besar2 {
display:block;
position:absolute;
width:0;
height:0;
border:0;
top:0;
left:0;
}
.thumbnail a.gambar-kecil:hover .gambar-besar2 {
display:block;
position:absolute;
top:100px;
left:0px;
width:400px;
height:300px;
border:5px solid #000;
}
.thumbnail a .gambar-besar3 {
display:block;
position:absolute;
width:0;
height:0;
border:0;
top:0; left:0;
}
.thumbnail a.gambar-kecil:hover .gambar-besar3 {
display:block;
position:absolute;
top:100px;
left:0px;
width:400px;
height:300px;
border:5px solid #000;
}
#menu {position:relative; top:10px; left:100px; width:75px; background-color:#fff; z-index:100;}
#menu a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0;

border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu a.p1:hover .large {display:block; position:absolute; top:-65px; left:150px; width:300px; height:300px; border:10px

solid #ccc;}

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #


5-and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<span class="preload15"></span>
<ul class="pro15">
<li class="current">
<a href="http://socheatk.blogspot.com/" title="#1"><em class="HOME"></em><b>Home</b></a></li>
<li><a href="#1" title="#1"><em class="template"></em><b>LINK 1</b></a></li>
<li><a href="#2" title="#2"><em class="blogtutor"></em><b>LINK 2</b></a></li>
<li><a href="#3" title="#3"><em class="library"></em><b>LINK 3</b></a></li>
<li><a href="#4"><em class="library"></em><b>LINK 4</b></a></li>
<li><a href="#5" title="#5"><em class="obral"></em><b>LINK 5</b></a></li>

<li><a href="#6" title="#6"><em class="resep"></em><b>LINK 6</b></a></li>
</ul>

Read more!

CSS NAVIGATION MENU K

Free CSS NAVIGATION MENU K

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/*- Menu Tabs K--------------------------- */ #tabsK { float:left; width:100%; background:#E7E5E2; font-size:93%; 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("http://exploding-boy.com/images/cssmenus/tableftK.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsK a span { float:left; display:block; background:url("http://exploding-boy.com/images/cssmenus/tabrightK.gif") 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; }

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #


and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<h2>Tab Menu K</h2> <div id="tabsK"> <ul> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div> <br /><br />

Read more!

CSS NAVIGATION MENU I

Free CSS NAVIGATION MENU I

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/*- Menu Tabs I--------------------------- */

#tabsI {
float:left;
width:100%;
background:#EFF4FA;
font-size:93%;
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("http://exploding-boy.com/images/cssmenus/tableftI.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
#tabsI a span {
float:left;
display:block;
background:url("http://exploding-boy.com/images/cssmenus/tabrightI.gif") 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;
}

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #


and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<h2>Tab Menu I</h2>
<div id="tabsI">
<ul>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>
</div>
<br /><br />

Read more!

CSS NAVIGATION MENU J

Free CSS NAVIGATION MENU J

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/*- Menu Tabs J--------------------------- */

#tabsJ {
float:left;
width:100%;
background:#F4F4F4;
font-size:93%;
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("http://exploding-boy.com/images/cssmenus/tableftJ.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
#tabsJ a span {
float:left;
display:block;
background:url("http://exploding-boy.com/images/cssmenus/tabrightJ.gif") 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;
}

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #


and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<h2>Tab Menu J</h2>
<div id="tabsJ">
<ul>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>
</div>
<br /><br />

Read more!

CSS NAVIGATION MENU G

Free CSS NAVIGATION MENU G

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/*- Menu Tabs G--------------------------- */

#tabsG {
float:left;
width:100%;
background:#666;
font-size:93%;
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("http://exploding-boy.com/images/cssmenus/tableftG.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsG a span {
float:left;
display:block;
background:url("http://exploding-boy.com/images/cssmenus/tabrightG.gif") 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;
}

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #


and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<h2>Tab Menu G</h2>
<div id="tabsG">
<ul>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>
</div>
<br /><br />

Read more!

CSS NAVIGATION MENU F

Free CSS NAVIGATION MENU F

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/*- Menu Tabs F--------------------------- */ #tabsF { float:left; width:100%; background:#efefef; font-size:93%; 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("http://exploding-boy.com/images/cssmenus/tableftF.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsF a span { float:left; display:block; background:url("http://exploding-boy.com/images/cssmenus/tabrightF.gif") 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; }

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #


and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<h2>Tab Menu F</h2> <div id="tabsF"> <ul> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div> <br /><br />

Read more!

CSS NAVIGATION MENU D

Free CSS NAVIGATION MENU D

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/*- Menu Tabs D--------------------------- */ #tabsD { float:left; width:100%; background:#FCF3F8; font-size:93%; 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("http://exploding-boy.com/images/cssmenus/tableftD.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsD a span { float:left; display:block; background:url("http://exploding-boy.com/images/cssmenus/tabrightD.gif") 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; }

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #


and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<h2>Tab Menu D</h2> <div id="tabsD"> <ul> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div> <br /><br />

Read more!

CSS NAVIGATION MENU E

Free CSS NAVIGATION MENU E

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/*- Menu Tabs E--------------------------- */ #tabsE { float:left; width:100%; background:#000; font-size:93%; 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("http://exploding-boy.com/images/cssmenus/tableftE.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsE a span { float:left; display:block; background:url("http://exploding-boy.com/images/cssmenus/tabrightE.gif") 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; }

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #


and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<h2>Tab Menu E</h2> <div id="tabsE"> <ul> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div> <br /><br />

Read more!

CSS NAVIGATION MENU C

Free CSS NAVIGATION MENU C

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/*- Menu Tabs C--------------------------- */ #tabsC { float:left; width:100%; background:#EDF7E7; font-size:93%; line-height:normal; } #tabsC ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsC li { display:inline; margin:0; padding:0; } #tabsC a { float:left; background:url("http://exploding-boy.com/images/cssmenus/tableftC.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsC a span { float:left; display:block; background:url("http://exploding-boy.com/images/cssmenus/tabrightC.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#464E42; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsC a span {float:none;} /* End IE5-Mac hack */ #tabsC a:hover span { color:#FFF; } #tabsC a:hover { background-position:0% -42px; } #tabsC a:hover span { background-position:100% -42px; }

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #


and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<h2>Tab Menu C</h2> <div id="tabsC"> <ul> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div> <br /><br />

Read more!

CSS NAVIGATION MENU B

Free CSS NAVIGATION MENU B

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/*- Menu Tabs B--------------------------- */ #tabsB { float:left; width:100%; background:#F4F4F4; font-size:93%; 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("http://exploding-boy.com/images/cssmenus/tableftB.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsB a span { float:left; display:block; background:url("http://exploding-boy.com/images/cssmenus/tabrightB.gif") 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; }

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #


and then to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយសរសេរដូច្នេះ៖

<h2>Tab Menu B</h2> <div id="tabsB"> <ul> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div> <br /><br />

Read more!

CSS NAVIGATION MENU A

Free CSS NAVIGATION MENU A

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.
Do you like? in this blog have all!

*CODE*

/*- Menu Tabs H--------------------------- */ #tabsH { float:left; width:100%; background:#000; font-size:93%; 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("http://exploding-boy.com/images/cssmenus/tableftH.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsH a span { float:left; display:block; background:url("http://exploding-boy.com/images/cssmenus/tabrightH.gif") 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; }

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that have like #
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលមាននិមិត្ត​សញ្ញាបែបនេះ #
and then to write in your sidebar widget with Java script like this:

<h2>Tab Menu H</h2> <div id="tabsH"> <ul> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div> <br /><br />

Read more!