Vertical menu



Source code

----------------------------
<style type="text/css">
#navigation {font-size:13px Arial;width:240px;padding:0px;border: solid 1px #FFFF00;}
#navigation ul {margin:0px; padding:0px;}
#navigation li {margin:0px; padding:2px;list-style: none;}
ul.top-level {background:#173377;}
ul.top-level li {margin:0; padding:2px;}
#navigation a {color: #FFFFFF;cursor: pointer;display:block;text-decoration:none;width:100%;}
#navigation a:hover {text-decoration:none;}
#navigation li:hover {background: #155200;position: relative;}
ul.sub-level {display: none;}
li:hover .sub-level {background: #333333;border: solid 1px #FFFF00;display:block;position:absolute;left: 240px;top: -5px;}
ul.sub-level li {border: none;float:left;width:340px;}
#navigation .sub-level {background: #540444;border: solid 1px #FFFF00;}
#navigation .sub-level .sub-level {background: #661111;margin-left:104px;}
li:hover .sub-level .sub-level {display:none;}
.sub-level li:hover .sub-level {display:block;}
</style>

<br />
<div id="navigation">
<ul class="top-level">
<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></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=6845208423476345068#">MY LABELS </a>
<ul class="sub-level">
<li><a href="http://the-best-widgets.blogspot.gr/search/label/TEXT%20BOXES">TEXT BOXES</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/BACKGROUNDS">BACKGROUNDS</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/IMAGE%20EFFECTS">IMAGE EFFECTS</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/%CE%95%CE%9D%CE%A3%CE%A9%CE%9C%CE%91%CE%A4%CE%A9%CE%A3%CE%97%20%CE%91%CE%A1%CE%A7%CE%95%CE%99%CE%A9%CE%9D">ΕΝΣΩΜΑΤΩΣΕΙΣ</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/%CE%91%CE%A3%CE%A6%CE%91%CE%9B%CE%95%CE%99%CE%91%20BLOG">ΑΣΦΑΛΕΙΑ BLOG</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/%CE%A3%CE%A7%CE%9F%CE%9B%CE%99%CE%91%20BLOGGER">ΣΧΟΛΙΑ BLOGGER</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/SEO">ΣΥΜΒΟΥΛΕΣ SEO</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/FACEBOOK%20WIDGETS">FACEBOOK WIDGETS</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/%CE%9C%CE%9F%CE%A1%CE%A6%CE%9F%CE%A0%CE%9F%CE%99%CE%97%CE%A3%CE%97%20BLOG">ΜΟΡΦΟΠΟΙΗΣΗ BLOG</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/WIDGETS%20%CE%93%CE%99%CE%91%20BLOGS">ΑΛΛΑ WIDGETS ΓΙΑ BLOGS</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/%CE%A4%CE%91%CE%9E%CE%99%CE%9D%CE%9F%CE%9C%CE%97%CE%A3%CE%97%20%CE%91%CE%9D%CE%91%CE%A1%CE%A4%CE%97%CE%A3%CE%95%CE%A9%CE%9D">ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/%CE%9F%CE%A1%CE%99%CE%96%CE%9F%CE%9D%CE%A4%CE%99%CE%91%20%CE%9A%CE%91%CE%99%20%CE%9A%CE%91%CE%98%CE%95%CE%A4%CE%91%20%CE%9C%CE%95%CE%9D%CE%9F%CE%A5">ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/%CE%9A%CE%A5%CE%9B%CE%99%CE%9F%CE%9C%CE%95%CE%9D%CE%91%20LINKS%20TEXT%20IMAGES">ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/SOSIAL%20BUTTONS">BUTTONS &amp; POP UP WINDOWS</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/search/label/SLIDESHOWS">GALLERIES SLIDERS SLIDESHOWS</a>
</li>
</ul>
</li>
<li><a href="https://www.blogger.com/blogger.g?blogID=6845208423476345068#">MY PHOTOS </a>
<ul class="sub-level">
<li><a href="http://the-best-widgets.blogspot.gr/p/photo-gallery-1.html">PHOTO GALLERY-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/photo-gallery-2.html">PHOTO GALLERY-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/picasa-slideshow.html">PICASA SLIDESHOW</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/imgur-slideshow.html">IMGUR SLIDESHOW </a>
<ul class="sub-level">
<li><a href="http://imgur.com/a/B9rEN">SANTORINI PHOTOS</a></li>
<li><a href="http://imgur.com/a/2OFXh">LEYKADA PHOTOS</a></li>
<li><a href="http://imgur.com/a/PZHdg">SAMOS PHOTOS</a></li>
<li><a href="http://imgur.com/a/RCZnw">SKOPELOS PHOTOS</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="http://the-best-widgets.blogspot.gr/p/blog-page.html">MY MUSIC</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES</a></li>
</ul>
</div>
----------------------------
resource http://the-best-widgets.blogspot.gr/

No comments:

Post a Comment