Inlocuirea imaginilor pentru sistemul de reputatie

Cu ajutorul acestui tutorial puteti inlocui plictisitorul text "+" si "-" cu niste imagini. Este vorba despre sistemul de reputatie. Mai jos aveti si o previzualizare:




Atentie!


Daca folositi versiunea phpBB2 sau PunBB, click aici pentru a urma pasii necesari


Pasul 1:Template
Accesati:

Panou de Administrare => Afisare => Template-uri => General

Click pe iconita Modifica () de la template-ul viewtopic_body.

Gasiti acest fragment (pentru butonul +):
Cod:

Cod:

<!-- BEGIN switch_vote -->
<div
 class="vote-button"><a
href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->

si inlocuiti-l cu:
Cod:

Cod:

<!-- BEGIN switch_vote -->
<div
 class="vote-button"><a
href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img
 src="http://i.imgur.com/VT55P.png" alt="Mesaj util" border="0"
/></a></div>
<!-- END switch_vote -->

Gasiti urmatorul fragment (pentru butonul -):
Cod:

Cod:

<!-- BEGIN switch_vote -->
<div
 class="vote-button"><a
href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->

si inlocuiti-l cu:
Cod:

Cod:

<!-- BEGIN switch_vote -->
<div
 class="vote-button"><a
href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img
 src="http://i.imgur.com/BE86Y.png" alt="Mesaj inutil" border="0"
/></a></div>
<!-- END switch_vote -->

Salvati () si publicati () template-ul.

Pasul 2: Inlocuirea imaginilor

Link-urile imaginilor actuale:

Daca doriti modificarea imaginilor, puteti face asta foarte simplu, inlocuind link-urile actuale (cele scrise cu culoarea albastra) ca in codurile de mai jos:

- pentru butonul "+":

Citat :

https://i.imgur.com/VT55P.png" alt="Mesaj util" border="0" />

- pentru butonul "-":

Citat :

https://i.imgur.com/BE86Y.png" alt="Mesaj inutil" border="0" />

Pasul 3: CSS

Accesati:

Panou de Administrare => Afisare => Imagini si culori => Culori => Foaie de stil CSS

Adaugati urmatorul cod:
Cod:

Cod:

.vote {
float:right;
margin-left:4px;
width: 30px;
}
.vote .vote-no-bar {
text-align: center;
}

Nota: (numai pentru versiunile phpBB2 si PunBB) Daca aveti blog-urile activate, efectuati aceleasi modificari si pentru template-ul viewcomments_body.

Felicitari! Daca ati urmat cu exactitate pasii de mai sus, veti obtine si rezultatul cuvenit.