Cerere cod bara de navigare.

Buna ziua,as dori si eu sa stiu cum faceti aceasta bara de navigare.
Eu am incercat sa o fac dar nu prea mi-a iesit .

Daca nu va-ti dat seama despre ce vorbesc uita-ti o poza : https://imgur.com/a/oHUma.

Multumesc,o zii buna!

Buna ziua @Eduard98 , urmati pasii de mai jos pentru a obtine rezultatul din imagine !

Pasul 1. Intrati in ACP --> Afisare --> Template --> Index_Box --> La inceputul template adica prima parte de sus adaugati codul de jos :

Cod:

</div>
 <div class="cards">
                                 <a class="card yellow-card" href="/c2-forum-de-suport"> <em class="fa fa-life-ring"> </em> Suport</a>    <a class="card red-card" href="/f4-actualizari-si-facilitati-noi"> <em class="fa fa-bullhorn"></em> Anunturi si actualizari </a>    <a class="card green-card" href="/f16-discutii-generale"> <em class="fa fa-comments"></em> Discutii generale </a>                             
   <div class="clear">
                                                               
   </div>

Pasul 2. Intrati in Acp --> Afisare --> Culori --> Foaie de stil CSS si adaugati codul de mai jos :

Cod:

/*Butoane Suport, Anunturi si actualizari, etc*/
 .cards .card{box-sizing:border-box;color:#fff;float:left;font-family:'Montserrat',sans-serif!important;text-transform:uppercase;font-size:15px;margin-top:10px;padding:20px 30px;width:31%;text-align:center}.cards .card.red-card{background-color:#E54732;border-bottom:3px solid #C62F1A;margin-left:1.5%;text-shadow:0 0 1px #C62F1A;width:32%}.cards .card.green-card{background-color:#71be47;border-bottom:3px solid #60a53a;margin-left:1.5%;text-shadow:0 0 1px #60a53a;width:32.5%}.cards .card.yellow-card{background-color:#e6ad1d;margin-right:1.5%;text-shadow:0 0 1px #c79616;border-bottom:3px solid #c79616}.cards .card:hover{opacity:.9}
 

O zi frumoasa , numai bine

Multumesc.
Subiect rezolvat!