! ΜΕΝΟΥ ΚΑΘΕΤΟ

Κάθετο Μενου με Εικονίδιο / Vertical Menu with Icons
http://www.dr-blogger.com/2011/12/vertical-menu-with-icons.html
------------------------------------------------
<style type="text/css">
<!--
body {position: relative; background: ; margin: 0; padding: 0;}

div#FRIENDS {position: absolute; top: 20px; left: 0; width: 235px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#FRIENDS a {display: block; text-align: center; font: bold 1em sans-serif;
   padding: 5px 10px; margin: 0 0 1px; border-width: 0;
   text-decoration: none; color: #FFC; background: #663300;  
   border-right: 5px solid #505050;}
div#FRIENDS a:hover {color: #8A1C1C; background: #AAA;
   border-right: 5px double white;}

div#FRIENDS a img {height: 0; width: 0; border-width: 0;}
div#FRIENDS a:hover img {position: absolute; top: 600px; left: 55px; height: 70px; width: 80px;}

div#content {position: absolute; top: 26px; left: 161px; right: 25px;
   color: #BAA; background: #22232F;
   font: 13px Verdana, sans-serif; padding: 10px;
   border: solid 5px #444;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: #333; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: white;}
div#content a:visited {color: #BBC;}
div#content a:link:hover {color: #FF0;}
div#content a:visited:hover {color: #CC0;}
code, pre {color: #EDC; font: 110% monospace;}
-->
</style>

<div id="FRIENDS">
<a target=" "  href="http://dorolaxnos.blogspot.gr/2012/07/blog-post.html">ΑΡΧΙΚΗ ΠΕΡΙ ΔΩΡΟΛΑΧΝΟΥ <img src="" /></a>
<a target=" "  href="http://dorolaxnos.blogspot.gr/2012/07/blog-post_25.html">ΑΦΙΣΑ ΠΡΟΣΦΟΡΑΣ ΕΠΙΧΕΙΡΗΣΗΣ <img src="" /></a>
<a target=" "  href="http://dorolaxnos.blogspot.gr/2012/07/blog-post_26.html">ΤΙ ΕΙΝΑΙ Ο ΔΩΡΟΛΑΧΝΟΣ <img src="" /></a>
<a target=" "  href="http://dorolaxnos.blogspot.gr/2012/07/blog-post_7781.html">ΣΥΜΒΑΣΗ ΠΑΡΑΓΓΕΛΙΑΣ ΛΑΧΝΩΝ <img src="" /></a>
<a target=" "  href="http://dorolaxnos.blogspot.gr/2012/07/blog-post_2839.html">ΣΥΜΒΟΛΑΙΟ ΔΙΑΜΕΡΙΣΜΑΤΟΣ<img src="" /></a>
<a target=" "  href="http://dorolaxnos.blogspot.gr/2012/12/blog-post.html"> ΑΠΟΔΕΙΞΕΙΣ<img src="" /></a>
<a target=" "  href="http://dorolaxnos.blogspot.gr/2012/09/blog-post.html">ΦΩΤΟΓΡΑΦΙΕΣ ΔΙΑΜΕΡΙΣΜΑΤΟΣ<img src="" /></a>
<a target=" "  href="http://dorolaxnos.blogspot.gr/2012/07/blog-post_4497.html">ΑΝΑΚΟΙΝΩΣΗ ΠΡΟΣ ΑΝΕΡΓΟΥΣ<img src="" /></a>
<a target=" "  href="http://dorolaxnos.blogspot.gr/2012/11/blog-post.html">ΣΥΧΝΕΣ ΕΡΩΤΗΣΕΙΣ / ΑΠΑΝΤΗΣΕΙΣ<img src="" /></a>
<a target=" "  href="http://dorolaxnos.blogspot.gr/2012/08/blog-post.html"> ΕΠΙΚΟΙΝΩΝΙΑ<img src="" /></a>

</div>