Aggiungere Bottone Mi Piace ai Post

Promemoria primo messaggio :

Ciao ragazzi, io vorrei aggiungere un bottone Mi piace ad ogni post.... Cioè, non un bottone che metti mi piace tramite Facebook, ma bensì tramite il forum... Cioè tu schiaccio il bottone e ti mette nell'elenco degli utenti che hanno inserito il Like... 
Esempio:
e qua, dove c'è, Questo ti piace, se ci sono altri Utenti c'è scritto: Piace a te, utente1, utente 2, e così vi a, se sono tanti Utenti: Piace a te, Utente 1, Utente2 e Visualizza tutti gli Utenti... o una cosa del genere...
oppure, sotto una tabellina che indichi a chi piace, così:

è possibile? se si, come farlo?
@Niko taggo te perchè sono sicuro che sei l'unico che puoi aiutarmi, ma se c'è qualcun altro, ben venga

Aggiungi questo CSS:

Codice:

#votazione {
position: relative;
  top: -47px;
  left: 44px;
  margin-bottom: -35px;
}

poi nel template modifica

Codice:

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="http://i.imgur.com/kuCAtha.png" /></a></div>

con:

Codice:

<div class="vote-button" id="votazione"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="http://i.imgur.com/kuCAtha.png" /></a></div>

per le persone, non è possibile.

non so perchè, è tornato come prima, con i + e - al lato ....
EDIT: @Niko ho sistemato, ultimamente ho dei problemi che i template li fa ritornare ad una vecchia versione, e poi devo rimettere tutto.... comunque ho sistemato..... però bisogna togliere quella maledetta righetta e sopra dopo aver messo quel codice compaiono delle scritte...

basta cercare nel template le righette

Codice:

----

e rimuoverle

oraun altra cosa, se per esempio volessi ritirare il Mi Piace, posso aggiungere dopo il Mi Piace/ Non mi Piace un bottone con scritto Non mi piace più così da annullare il voto?

Ciao @Alex2000,

Per il sistema di valutazione di Forumattivo non è possibile per il momento ritirare il proprio voto (e penso neppure intervenendo con il Javascript). Ti potrei consigliare di mettere una descrizione quando l'utente passa sopra il pulsante con il mouse indicando come il sistema funziona. Per farlo, questa è la sintassi:

Codice:

<img src="LINK immagine" title="Puoi votare solo una volta e non potrai annullare il tuo voto. Cliccare per continuare." />

Quindi ti basta aggiungere ai tag img già noti il parametro title="" per aggiungere un commento al passaggio del mouse.

Saluti

grazie mille @MartinoPio, poi quando hai messo il Mi/Non mi Piace esce una striscia verde, è possibile cambiarla con un immagine? tipo metto un bennerino scritto dentro Questo Mi piace/Non mi piace ? è possibile?

Potresti fornire uno screenshot sulla striscia verde di cui parli ?

 questo è quando Non piace, e quando piace è verde

UP

Ciao, si potrebbe fare qualcosa con il CSS/Javascript ma dipende cosa vuoi fare .

Saluti

@MartinoPio vorrei solo aggiungere al loro posto Un bottoncino con scritto Non mi/Mi Piace

Ciao, non è possibile votare nuovamente. Se è presente la striscia verde/rossa significa che l'utente ha già votato quindi l'aggiunta dei pulsanti mi piace/non mi piace sarebbe inutile

no, è per far capire che quella cosa Mi Piace / Non mi piace

Per stilizzarlo intendi ?

esatto

@MartinoPio quindi come faccio?

@Alex2000 devi lavorarci con il CSS .

si lo so, l'ho capito, il problema è che non so il CSS, so solo modificare i Template (intendo per i linguaggi di programmazione)

@MartinoPio si lo so, l'ho capito, il problema è che non so il CSS, so solo modificare i Template (intendo per i linguaggi di programmazione)

@MartinoPio UP

up

ehi, qualcuno potrebbe aiutarmi? poi  i bottoni non si vedono molto dritti, stanno attaccati sopra la barra in cui dovrebbero stare.....

ciao @MartinoPio ora il mio forum è invision, e non so più dove devo mettere questo codice:

Codice:

<!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button" id="votazione"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://i.imgur.com/FtFNWdt.png" title="Dopo aver messo Mi Piace non potrai annullare il voto. Se sei sicuro Clicca per continuare." /></a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- 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" id="votazione"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="http://i.imgur.com/kuCAtha.png" title="Dopo aver messo Non Mi Piace non potrai annullare il voto. Se sei sicuro Clicca per continuare." /></a></div>
                                                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

per vedere il Mi Piace/ Non Mi Piace giu? prima dei bottoni, a destra, alla fine, come faccio? poi che codice uso per cambiare immagine alle barrette verdi e rosse?

Ciao @Alex2000

Non sto seguendo molto questa richiesta volevo solo avvisarti che abbiamo in archivio un nuovo tutorial riguardante questo tipo di richiesta.

Anche se non è ancora pubblico, te lo incollo qui di seguito:

Spoiler:

Fammi sapere

benissimo, Risolto