Aggiungere Bottone Mi Piace ai Post

[Alex2000]

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

[Niko]

Ciao @Alex2000

la funzione del mi piace esiste già di default su Forumattivo

quindi in sostanza tu stai chiedendo come inserire i nomi di chi mette mi piace, esatto?

[Alex2000]

si esatto...e come inserisco Il Mi Piace comunque?

[Niko]

Vai verso Moduli > Punti e reputazione > Reputazione ed attivalo

[Alex2000]

ah quindi la Reputazione che avevo gia Attiva sono i Mi piace! Ho impostato che non aumenterà a seconda di dove apri i Topic...Ora vorrei inserire il bottone Mi piace nei Post, ma non dalla parte di sopra del messaggio, ma quella di sotto, dove c'è la cosa Online...e non all'inizio (sinistra), ma dalla parte destra... premendo quel bottone un utente aumenterà i Like di 1 a quell'Utente, e ogni utente potrà mettere il like ad un post, ma non al proprio post, cioè :

UTENTE A mette Like a UTENTE B e UTENTE C, ma non può mettere il LIKE a se stesso, solo UTENTE B e UTENTE C possono. Nel senso puoi mettere il Like a chiunque ma non a te stesso

@Niko si può fare?

[Niko]

Prova a guardare la funzione dei punti allora

[Alex2000]

@Niko in che senso? non ho capito 

[Alex2000]

Up

[Niko]

Se attivi la funzione punti/reputazione visualizzerai questa funzione:

che è praticamente quello che chiedi (mi piace/non mi piace)

[Alex2000]

e come li sostituisco con il bottone?

[Niko]

Vai nei templates (viewtopic_body) e sostituisci + e - come preferisci

[Alex2000]

ci sono molti + e - , sai dirmi dove trovare quelli giusti? la riga o non so... comunque posso sostituirli appena si trovano con ? così si potrà fare?

[Niko]

si trova qui:

Codice:

<!-- BEGIN switch_vote_active -->
            <div class="vote gensmall">
               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</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"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
               <!-- END switch_vote -->
            </div>
            <!-- END switch_vote_active -->

{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+

{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-

[Alex2000]

grazie mille, ma ho inserito :

Codice:

[IMG]LINK IMMAGINE[/IMG]

e invece di far vedere l'immagine fa vedere, appunto, quel codice,dove a LINK IMMAGINE c'è il link giusto, cioè fa vedere questo:

Codice:

[IMG"]http://i.imgur.com/FtFNWdt.png["/IMG]

Codice:

[IMG"]http://i.imgur.com/kuCAtha.png["/IMG]

ho messo le virgolette così vedi il codice che fa vedere e non l'immagine, ma non li contare, altrimenti senza quelli faceva vedere l'iimagine... come risolvo?

[Niko]

perchè hai messo le virgolette?

devi inserire:

Codice:

<img src="LINK" />

[Alex2000]

grazie mille, ora vorrei metterli di sotto nel messaggio, nella parte dove sta ONLINE, però a destra, non a sinistra... quindi ho preso questo codice:

Codice:

<!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- 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/FtFNWdt.png" /></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"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="http://i.imgur.com/kuCAtha.png" /></a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

e ora dove lo metto per farlo mettere li?

[Alex2000]

@Niko UP

[Niko]

@Alex2000 il tag per l'online è questo:

{postrow.displayed.ONLINE_IMG}

[Alex2000]

grazie mille @Niko , ma come immaginavo si vede così:

ora, vorrei mettere il Non mi piace a fianco al Mi piace, e togliere quella fastidiosa righetta, che forse mo vedo di togliere da solo, intanto come posso affiancare il Non mi piace?

[Niko]

Aggiungi questo css:

Codice:

#content-container > table > tbody > tr:nth-child(2) > td:nth-child(1) > table:nth-child(4) > tbody > tr:nth-child(4) > td.row1.messaging.gensmall > table > tbody > tr > td > div > div:nth-child(4) {
  position: relative;
  top: -47px;
  left: 44px;
  margin-bottom: -35px;
}

[Alex2000]

@Niko ho messo il codice nel foglio di stile CSS e rimane uguale

[Niko]

1. non hai inserito il codice, o almeno non è visibile
   
2. perchè diavolo hai inserito un codice javascript nel css?
   

   Codice:

   date,is_tuto),title,var tuto_cache_time = 0; // 1 heure
var tuto_nums = 12;
var timestamp_now = +new Date();
var widget_tuto_trame= function(link{date:+date;ifdate-timestamp_now-259200000age_class:d3;varage_class:old}else if(date - timestamp_now > -864000000){age_class:d10}else if(date - timestamp_now > -2592000000){age_class:d30}else{jquerygetfeedfunctiondatavartuto_list:[], tuto_date = [], i = tuto_nums+1;vardate_item:new Date(jQuery('pubDate',this).text()) tuto_list.push(widget_tuto_trame(jQuery('link',this).text(), jQuery(title',thi).text(), date_item, 1))}// on va chercher les sujets de trucs et astuces
jQuery.get(/feed,function (data){onbouclesurchacundessujetsdetrucsetastucesjqueryitemdataeachfunctionvardate_item:new Date(jQuery('pubDate',this).text()) var cur = widget_tuto_trame(jQuery('link',this).text(), jQuery(title',thi).text(), date_item, 0);varm:tuto_nums}

   
   @Alex2000 non puoi farmi questo

[Alex2000]

l'ho tolto subito... ho inserito un JS nel CSS? comunque c'è molto CSS c'è qualcosa di inutile, perchè quando non ci capivo niente, mettevo le cose a casaccio.... oppure dopo averle sbagliate, le lasciavo li.... ora lo cancello....
@Niko comunque io ho questo:

Codice:

      var tuto_cache_time = 0; // 1 heure
      var tuto_nums = 12;
      var timestamp_now =  +new Date();
      var widget_tuto_trame= function(link, title, date, is_tuto) {
          var age_class = 'old';
          date= +date;
          if(date - timestamp_now > -259200000) {
            age_class = 'd3';
          } else if(date - timestamp_now > -864000000) {
            age_class = 'd10';
          } else if(date - timestamp_now > -2592000000) {
            age_class = 'd30';
          }
          return '' + title + '';
      };
      if (0 && window.localStorage && +localStorage.getItem('tuto_cache_date') > +new Date() - tuto_cache_time) {
          jQuery('#tuto_container').append(localStorage.getItem('tuto_cache'));
      } else {
          jQuery.get('/feed', function (data) {
            var tuto_list = [],
                tuto_date = [],
                i = tuto_nums+1;
            // on sauve les 9 derniers sujets de q&r fréquentes
            jQuery("item", data).each(function () {
                if (!--i) return false;
                var date_item = new Date(jQuery('pubDate', this).text())
                tuto_list.push(widget_tuto_trame(jQuery('link', this).text(), jQuery('title', this).text(), date_item, 1));
                tuto_date.push(date_item)
            });
            while (i) {
                i--;
                tuto_list.push('');
                tuto_date.push(new Date(0))
            }
            // on va chercher les sujets de trucs et astuces
            jQuery.get('/feed', function (data) {
                var m = tuto_nums;
                // on boucle sur chacun des sujets de trucs et astuces
                jQuery("item", data).each(function () {
                  var date_item = new Date(jQuery('pubDate', this).text())
                  var cur = widget_tuto_trame(jQuery('link', this).text(), jQuery('title', this).text(), date_item, 0);
                  // on ajoute les q&r fréquentes plus récentes que l'astuce en cours
                  while (m && tuto_date[i] > date_item) {
                      m--;
                      jQuery('#tuto_container').append(tuto_list[i++])
                  }
                  // si on en a 9 on fini
                  if (!m) return false;
                  // on ajoute l'astuce en cours
                  jQuery('#tuto_container').append(cur);
                  m--;
                });
                if (window.localStorage) {
                  localStorage.setItem('tuto_cache', jQuery('#tuto_container').html());
                  localStorage.setItem('tuto_cache_date', +new Date)
                }
            })
          })
      }

non quello scritto da te.... e comunque a che servirebbe questo JS?

[Niko]

è per il widget ultimi argomenti da una sola sezione.. ma mi raccomando fai molta attenzione a cosa inserisci, che sennò poi si creano problemi (come succede)

..	Caro utente, ricordati che se il tuo problema ha ricevuto una risposta o può essere considerato risolto, è necessario premere sul bottone così da inserire l'icona risolto e facilitare il lavoro del personale. Grazie per la tua collaborazione

[Alex2000]

@Niko ci sono ancora molti problemi da risolvere... I bottoni Mi piace e Non mi Piace stanno ancora male, e poi bisogna inserire le persone che hanno messo Mi Piace e Non mi piace.... nel frattempo, come sistemo  la posizione delle icone?