MY CODES

STATIC HORIZONTAL MENU WITH SUBMENU

HORIZONTAL-MENU-4STATIC HORIZONTAL MENU WITH SUBMENU

.

.

.

.

.

<style type="text/css">
#cssmenu{
position:fixed;
top:0;left:0;
border-style: solid;
border-color: #4EFF44;
border-width: 1px;
margin:0;padding:0;
font:14px Arial;
z-index:999;
width:100%}
#cssmenu ul{
background:#333333;
height:34px;
list-style:none;
z-index:999;
margin:0;
padding:0}
#cssmenu li{
float:left;
padding:0}
#cssmenu li a{
background:#333333;
display:block;
font-weight:normal;
line-height:34px;
margin:0;
padding:0 8px;
border-right: 1px solid #4EFF44;
text-align:center;
overflow:hidden;
text-decoration:none}
#cssmenu > ul > li > a{color:#FFFFFF}
#cssmenu ul ul a{color:#FFFFFF}
#cssmenu li > a:hover,#cssmenu ul li:hover > a{background:#FF1111;color:#FFFFFF;text-decoration:none}
#cssmenu li ul{
background:#333333;
display:none;
height:auto;
padding:0;
margin:0;
position:absolute;
width:240px;
z-index:200;/*top:1em;/*left:0;*/}
#cssmenu li:hover ul{display:block}
#cssmenu li li{
background:#333333;
display:block;
float:none;
margin:0;
padding:0;
width:240px}
#cssmenu li:hover li a{background:#172480}
#cssmenu li ul a{
display:block;
height:24px;
font-size:13px;
font-style:normal;
margin:0px;
border-left: 1px solid #4EFF44;
border-right: 1px solid #4EFF44;
border-bottom: 1px solid #4EFF44;
padding-bottom: 6px;
text-align:left}
#cssmenu li ul a:hover,#cssmenu li ul li:hover > a{
background:#207907;border:0;color:#FFFFFF;text-decoration:none}
#cssmenu p{clear:left}
</style>
<div id="cssmenu">
<ul>
<li><a href="http://the-best-widgets.blogspot.gr">HOME</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/my-posts.html">MY POSTS▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/my-posts.html">MY POSTS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/my-posts.html">MY POSTS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/my-posts.html">MY POSTS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/my-posts.html">MY POSTS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/my-posts.html">MY POSTS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY PHOTOS▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY VIDEOS▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY MUSIC▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY WIDGETS▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY BLOGS▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_3619.html">MY RSS</a></li>
</ul></div>
Για να σχολιάσετε πρέπει να συνδεθείτε.
Προηγούμενο άρθρο
STATIC HORIZONTAL MENU
Επόμενο άρθρο
HORIZONTAL MENU WITH ICONS