Bine a-ti venit pe fraNNNta-Design


Meniu Vertical rosu
Vizitato OnlineOffline
Vizitator
Anonymous
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

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


Re: Meniu Vertical rosu
Vizitato OnlineOffline
Vizitator
Anonymous
arata bine meniul, felicitari :)


Re: Meniu Vertical rosu
Vizitato OnlineOffline
Vizitator
Anonymous
Multumim pentru tutorial Sabin. Iti multumesc ca dai viata acestui forum ;)


Re: Meniu Vertical rosu
Meliss OnlineOffline
Rank: Membru
Meliss
Respect : 100%
Mesaje : 63
Inscris : 03/03/2016
sa vedem ...


Re: Meniu Vertical rosu
Continut sponsorizat OnlineOffline



    Design creat si realizat de fraNNNta-Design.com
    Acum este: Sam Dec 07, 2019 4:00 am