Meniu Vertical rosu
Page 1 of 1
Meniu Vertical rosu
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
[/quote]
Avem html-ul meniului care poate fi adaugat oriunde pe forum (de preferinta intr-un widget) acolo functioneaza cel mai bine
- Code:
<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
- Code:
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
[/quote]
Similar topics
» meniu vertical
» Meniu negru CSS vertical
» Meniu Elegant de navigare plutitor
» (phpBB3) Meniu simplu
» Meniu nou css pentru phpbb2
» Meniu negru CSS vertical
» Meniu Elegant de navigare plutitor
» (phpBB3) Meniu simplu
» Meniu nou css pentru phpbb2
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum