Nu sunteti conectat. Conectati-va sau inregistrati-va

Personalizare Legenda Moderatori

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

Personalizare Legenda Moderatori

Tutorial Scris de mihai la data de Vin Mai 04, 2018 3:37 pm

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

Previzualizare


Pentru coduri va rugam sa raspundeti la subiect.

Pasul numarul 1.

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



Pasul numarul 2.
In stergeti si in inlocuiti cu acesta
Cod:
[hide]<p><div class="legenda">{GROUP_LEGEND}</div></p>
                  <br/>[/hide]

Intram in Panou de administrare  afisare culori  CSS
si adaugam urmatoarele coduri.
Cod:
[hide].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;}[/hide]


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;}

Salvati,si dati un refresh la pagina.


Sursa: fraNNNta-Design.com


Ultima editare efectuata de catre mihai in Vin Mai 04, 2018 3:55 pm, editata de 1 ori
Offline
avatar
mihai
Membru activ
Membru activ

Mesaje : 70
Vârstă : 20
Localizare : Bucharest, Romania
Data înscrierii : 06/03/2018
Mulțumiri : 3

Http://diversforum.forumgratuit.ro

Re: Personalizare Legenda Moderatori

Tutorial Scris de Haziri la data de Vin Mai 04, 2018 3:54 pm

Ai putea sa nu mai dai copy/paste ? Sau macar daca o faci sa modifici si tu umpic meajul si sa postezi si sursa.
Offline
avatar
Haziri
Moderator
Moderator

Mesaje : 8
Vârstă : 26
Localizare : Braila
Data înscrierii : 05/04/2018
Mulțumiri : 0

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum