Salve a tutti scrivo questa guida per mostrarvi come inserire il pulsante mi piace di facebook nei topic

differenziandolo dai commenti(per fare questo bisogna essere fondatori del forum e bisogna avere una versione del forum

che permette la modifica del template). Ecco il risultato :



Come vedete ogni pulsante mi piace è riferito a un commento o a un topic.
In questa guida vi spiego come inserire il mi piace nei topic.
Iniziamo subito:

Prima cosa da fare andiamo a creare il codice del mi piace di facebook a questo link

[Devi essere iscritto e connesso per vedere questo link] (create un button_count di grandezza 100 px da modificare

in caso di problemi).

Il codice che ottengo è questo :

Codice:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://myinformatica.forumattivo.it" data-send="false" data-layout="button_count" data-

width="100" data-show-faces="false"></div>

ora che abbiamo il codice andiamo sul nostro forum poi su PDA-Visualizzazione-Templates-generale e andiamo a modificare

viewtopic_body (ricordo che questa procedura si può fare solo se si è admin e solo su una versione che permette di

modificare il templates).

quando siamo nella pagina di modifica di viewtopi_body premiamo ctrl+f e cerchiamo {postrow.displayed.ROW_CLASS} dopo

aver fatto questo modifichiamo il nostro codice del pulsante di fb da

Codice:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://myinformatica.forumattivo.it" data-send="false" data-layout="button_count" data-

width="100" data-show-faces="false"></div>

a

Codice:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://myinformatica.forumattivo.it{postrow.displayed.U_POST_ID}" data-send="false"

data-layout="button_count" data-width="100" data-show-faces="false"></div>

cioè andiamo ad inserire {postrow.displayed.U_POST_ID} in <div class="fb-like" data-

href="https://myinformatica.forumattivo.it" .

per rendere le cose ordinate e non creare problemi io ho modiciato il codice inserendo una tabella ecco il codice:

Codice:

<table border=none>
    <tr>
      <td>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN

contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}

</td>
      <td><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://myinformatica.forumattivo.it{postrow.displayed.U_POST_ID}" data-send="false"

data-layout="button_count" data-width="100" data-show-faces="false"></div>
</td>
  </tr>
</table>

quello che dovete fare voi è cambiare il vostro codice del pulsante di fb con quello dentro la tabella.


Dopo che avete il codice andate nella pagina di modifica del viewtopic_body andate sotto {postrow.displayed.ROW_CLASS}

dove c'è <td valign="middle"> eliminate la parte :

Codice:

{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field

--> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}

e sostituitela con il codice della nostra tabella. Il risultato è questo :

[Devi essere iscritto e connesso per vedere questo link]


ricordatevi di savare e poi pubblicare le modifiche..