Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Sistemul de reputatie : Permiteti numai voturi pozitive

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Sistemul de reputatie : Permiteti numai voturi pozitive

Mesaj Scris de Luky Mar Ian 11, 2011 11:01 pm

Sistemul de reputatie : Permiteti numai voturi pozitive


Daca aveti activat sistemul de reputatie pe forum, puteti vota folosind butoanele "+" si "-" . Acest tutorial va va arata cum puteti sterge butonul "-"  pe toate versiunile de forum. Astfel utilizatorii nu vor mai putea da voturi negative si prin urmare reputatia nu le va putea fi scazuta.

Sistemul de reputatie : Permiteti numai voturi pozitive  09615172706Pentru a pune in practica acest tutorial trebuie sa:
- Fiti fondatorul forumului
- Aveti cunostinte in HTML si editarea template-urilor

Sistemul de reputatie : Permiteti numai voturi pozitive  09615175912 PhpBB2 and punBB
Modificarile sunt la fel pentru ambele versiuni.

Panou de Administrare Sistemul de reputatie : Permiteti numai voturi pozitive  Arrow10Afisare Sistemul de reputatie : Permiteti numai voturi pozitive  Arrow10 Template-uri Sistemul de reputatie : Permiteti numai voturi pozitive  Arrow10 General Sistemul de reputatie : Permiteti numai voturi pozitive  Arrow10 viewtopic_body

Gasiti acest cod:

Cod:
<!-- BEGIN switch_no_bar -->
                            <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                            <!-- END switch_no_bar -->

                            <!-- 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:
<!-- BEGIN switch_no_bar -->
                            <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar" style="display: none;">----</div>
                            <!-- END switch_no_bar -->

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

Dupa aceea puteti da click pe "Publica" .

Rezultatul:
PhpBB2PunBB
Sistemul de reputatie : Permiteti numai voturi pozitive  Vot-tu10Sistemul de reputatie : Permiteti numai voturi pozitive  Punbb10

Sistemul de reputatie : Permiteti numai voturi pozitive  09615175912 Versiunile PhpBB3 si Invision
Modificarile sunt la fel pentru ambele versiuni.

Panou de Administrare Sistemul de reputatie : Permiteti numai voturi pozitive  Arrow10Afisare Sistemul de reputatie : Permiteti numai voturi pozitive  Arrow10CuloriSistemul de reputatie : Permiteti numai voturi pozitive  Arrow10Foaie de stil CSS

Adaugati urmatorul cod in CSS:

Cod:
/ *-- Removal of negative voting button in messages --* /
.vote .vote-button, .vote-no-bar {
   display:none;
}
.vote .vote-button:first-child {
    display:block;
}

Rezultatul:
PhpBB3Invision
Sistemul de reputatie : Permiteti numai voturi pozitive  Phpbb310Sistemul de reputatie : Permiteti numai voturi pozitive  Invisi10


    Inlocuiti "+" cu o alta imagineNumai pentru versiunile PhpBB2 si punBB

Puteti inlocuii "+" cu o alta imagine personalizata. In acest tutorial vom folosi aceasta imagine (si dumneavoastra o puteti folosi):
Sistemul de reputatie : Permiteti numai voturi pozitive  001_1810

Panou de Administrare Sistemul de reputatie : Permiteti numai voturi pozitive  Arrow10 Afisare Sistemul de reputatie : Permiteti numai voturi pozitive  Arrow10 Template-uri Sistemul de reputatie : Permiteti numai voturi pozitive  Arrow10 General Sistemul de reputatie : Permiteti numai voturi pozitive  Arrow10 viewtopic_body

Gasiti urmatorul 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:
<!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png" title="Avis positif" alt="Avis positif" /></a></div>
                            <!-- END switch_vote -->

Apoi dati click pe "Publica"

Adaugati si urmatorul cod in CSS:

Cod:
.vote {
     width: 24px; / *-- Width of the image chosen --* /
}
In exemplul nostru, imaginea care dorim sa o folosim are o latime de 24 px asa ca am adaugat valoarea 24px.
Daca imaginea dumneavoastra are o latime de 35 px, nu uitati sa actualizati acest cod schimband  24px in 35px. A face cu ochiul

Rezultatul:
Sistemul de reputatie : Permiteti numai voturi pozitive  Vot-tu11

Luky

Luky
Membru onorific
Membru onorific

Mesaje : 3467
Varsta : 35
Localizare : Bucuresti
Data înscrierii : 27/12/2007
Mulțumiri : 25
Internet Explorer phpBB3

Luky a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum