Sistema di reputazione: consentire solo voti positivi

Tutorial Sistema di reputazione: consentire solo voti positivi

Messaggio Da Niko Lun 1 Feb 2021 - 3:02

Sistema di reputazione: consentire solo voti positivi


Fin dalla comparsa del sistema di reputazione, che consente di votare i messaggi tramite i pulsanti "+" e "-", molti di voi si stanno chiedendo se sia possibile prendere in considerazione solo i voti positivi. Questo tutorial ti mostrerà come rimuovere il pulsante "-" dai post del forum.

Questo tutorial funziona allo stesso modo per tutte le versioni del forum .

Rimuovi il pulsante di voto negativo

Pannello di amministrazione ► Visualizza ► olori - Foglio di stile CSS

Aggiungi questo codice al tuo CSS:
Codice:
/*-- retrait du bouton de vote négatif dans les messages --*/
.vote .vote-button, .vote-no-bar {
  display:none;
}
.vote .vote-button:first-child {
    display:block;
}

Sistema di reputazione: consentire solo voti positivi Invisi10

Sostituisci il "+" con un'immagine

Questa parte del tutorial richiede una modifica del modello e quindi richiede di essere loggati nell'account fondatore.
Ovviamente è possibile sostituire questo + con un'immagine a tua scelta. Nel nostro esempio, prenderemo questa immagine (che puoi anche usare): Sistema di reputazione: consentire solo voti positivi 001_1810

Pannello di amministrazione ► Visualizza ► Modelli - Generale

Modifica il modello viewtopic_body e individua questo snippet:
Codice:
<!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                            <!-- END switch_vote -->

Sostituiscilo con:
Codice:
<!-- 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="Voto positivo" alt="Voto positivo" /></a></div>
                            <!-- END switch_vote -->

Quindi aggiungi al tuo CSS:
Codice:
.vote {
    width: 24px; /*-- largeur de l'image choisie --*/
}

Qui, l'immagine scelta sopra aveva una larghezza di 24px, quindi abbiamo inserito un valore di 24px.
Se la tua immagine è larga 35 px, valuta la possibilità di adattare questo codice modificando 24 px per 35 px. Occhiolino

Sistema di reputazione: consentire solo voti positivi Vot-tu11


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9573
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.