Personalizare Legenda Moderatori

In jos

Personalizare Legenda Moderatori

Mesaj Scris de mihai la data de Joi Iun 28, 2018 9:52 pm

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

mihai
Administrator
Administrator

Mesaje : 320
Varsta : 20
Localizare : FgDesign
Data înscrierii : 15/04/2017

Vezi profilul utilizatorului https://www.fgdesign.biz

Sus In jos

Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum