Salut sunt Mihai si astazi o sa va prezint o noua legenda a moderatorilor de pe forum cu hover.

Previzualizare: [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Pentru coduri va rugam sa raspundeti la subiect.

Pasul numarul 1.

Intram in Panou de administrare afisare temaplateuri index_body  si cautati urmatorul cod:

Cod:

<p>{LEGEND} :&nbsp;{GROUP_LEGEND}</p>


Pasul numarul 2.
In stergeti si in inlocuiti cu acesta

Cod:

<p><div class="legenda">{GROUP_LEGEND}</div></p>
                  <br/>


Intram in Panou de administrare  afisare culori  CSS
si adaugam urmatoarele coduri.

Cod:

legenda{
  margin-top: 5px;
  margin-bottom: 5px;
    font-size: 0;
  color: transparent;
  line-height: 0;
position: relative;
top: 10px;}

.legenda a{
  margin-left: 1px;
   font-size: 12px;
    background: white;
  border: 1px solid #d3ded3;
  border-bottom: 3px solid #d3d3d3;
padding: 7px 7px 10px 10px;}


Pasul numarul 3.

Dam click pe o legenda,sa spunem administrator si copiem link-ul de sus doar  incepand de la /
in cazul nostru avem

Cod:

/g2-administratori


apoi in css adaugam urmatorul cod pentru hover

Cod:

a[href="/g2-administratori"]:hover{
  border-bottom: 3px solid #0A9AAD;}



Sursa: fraNNNta-Design.com