Salut,azi am sa va prezit cum sa va creati un meniu vertical rosu
Avem html-ul meniului care poate fi adaugat oriunde pe forum (de preferinta intr-un widget) acolo functioneaza cel mai bine
Iar ca meniul sa functioneze corect trebuie sa adaugam in foaia de stil css urmatorul cod
trebuie sa raspundeti la acest mesaj ca sa vedeti previzualizarea live al acestui meniu
Avem html-ul meniului care poate fi adaugat oriunde pe forum (de preferinta intr-un widget) acolo functioneaza cel mai bine
Cod:
<ul class="vert-one">
<li><a href="#" title="CSS Menus">Home</a></li>
<li><a href="#" title="CSS Menus">Articles</a></li>
<li><a href="#" title="CSS Menus" class="current">Topics</a></li>
<li><a href="#" title="CSS Menus">Forum</a></li>
<li><a href="#" title="CSS Menus">Blog</a></li>
<li><a href="#" title="CSS Menus">Subscribe</a></li>
<li><a href="#" title="CSS Menus">Contact Us</a></li>
</ul>
Iar ca meniul sa functioneze corect trebuie sa adaugam in foaia de stil css urmatorul cod
Cod:
ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;
width:200px;}
ul.vert-one li{margin:0;padding:0;border-top:1px solid #4D0000;
border-bottom:1px solid #761A1A;}
ul.vert-one li a{display:block;text-decoration:none;color:#fff;
background:#600;padding:0 0 0 20px;width:180px;}
ul.vert-one li a:hover{
background:#900 url("images/vert-one_arrow.gif") no-repeat 0 9px;}
ul.vert-one li a.current,ul.vert-one li a.current:hover{
background:#933 url("images/vert-one_arrow.gif") no-repeat 0 9px;}
trebuie sa raspundeti la acest mesaj ca sa vedeti previzualizarea live al acestui meniu