phpBB-fr.com

[Dakin Quelia]

» Intégrer « Add This » dans votre forum

» Qu'est-ce que le script « Ajouter ceci » (ou en Anglais « Add This »)?

Initiés par des sites web tels del.icio.us, les marque-pages sociaux permettent à un utilisateur de sauvegarder ses pages favorites directement sur les serveurs du site de marque-page social. L'utilisateur ne classe pas ses favoris via un système d'arborescence, mais grâce au recours des tags (ou marqueurs). L'aspect social de ces sites se justifie par le fait que par défaut, les marque-pages de chaque utilisateurs sont visibles par tout le monde. On peut ainsi, en faisant une recherche sur les tags, rechercher les sites web les plus populaires dans une catégorie, ou voir les domaines de préférence (et d'expertise) d'une personne par l'observation de son nuage de tags.

Source: Wikipédia

Je vous suggère un petit tour sur le site http://www.addthis.com/ si vous souhaitez d'autres logos/boutons.

» L'intégration dans votre forum

Ceci vous permet de l'intégrer dans votre forum.

Ouvrez le fichier template styles/{VOTRE_THEME}/template/viewtopic_body.html.

Cherchez:

Code: Tout sélectionner

<!-- IF S_DISPLAY_ONLINE_LIST -->
   <h3><!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></h3>
   <p>{LOGGED_IN_USER_LIST}</p>
<!-- ENDIF -->

Remplacez par:

Code: Tout sélectionner

<!-- IF S_DISPLAY_ONLINE_LIST -->
   <h3><!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></h3>
   <p style="padding-bottom: 10px;">
      <span style="float: left;">{LOGGED_IN_USER_LIST}</span>
      <!-- AddThis Button BEGIN -->
      <span style="float: right;">
            <a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '{U_VIEW_TOPIC}', '{TOPIC_TITLE}')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
         <script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script>
      </span>
      <!-- AddThis Button END -->
   </p>
<!-- ENDIF -->

N'oubliez pas de rafraîchir le fichier template (onglet Styles) et de vider votre cache (onglet Général).

[Giga_Boss]

Hey !

bien joué, merci

[daniel25000]

Je viens voir ton code, il s'ouvre différemment du mien;

Le mien apparait partout sur le site, sais tu comment faire pour qu'il apparaisse seulement pour partager un post ?

Seulement sur cette page par exemple: http://cyber.traque.free.fr/forum/viewtopic.php?f=12&t=18
au lieu de http://cyber.traque.free.fr/forum/index.php

Merci dans l'attente.
Daniel

[Morgyanne]

Votre sujet a été déplacé par un membre de l'équipe.
en provenance de : Support phpBB3 ‹ Forums de discussions

@+
Morgyanne

[photus]

Bonjour à tous,

Pour ma part, je pense que ce script aurait plus sa place en haut de page des topics à droite, juste à gauche du bouton permettant de changer la taille des caractère.
En remplacement des icônes "Print" et "Email" (Qui sont inclues dans le script)
Tout en sachant qu'il ne faut pas que ce script apparaisse dans les MP, car il est impossible de partager un MP.
Idem pour qu'il n'apparaisse pas sur l'index du forum.

En revanche, quelqu'un pourrait il m'aider à intégrer ce code à cet endroit ?
Pour ma part, voici le code que je voudrait intégrer:

Code: Tout sélectionner

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=XXXXXX" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=XXXXXX"></script>
<!-- AddThis Button END -->

merci de votre aide

[photus]

Bonjour j'ai réussit, mais me reste un pb.

Voici ce que j'ai fait (Je n'ai pas pris le même code mentionné dans mon précédent post, car cela ne rendait pas terrible...

Donc, dans "overall_header.html"
Recherché:

Code: Tout sélectionner

         
            <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
            <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
            <!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
            <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->

Et remplacé par:

Code: Tout sélectionner

 
               <!-- IF U_EMAIL_TOPIC --><li class="rightside"><!-- AddThis Button BEGIN -->
                <div class="addthis_toolbox addthis_default_style">
                <a class="addthis_button_preferred_1"></a>
                <a class="addthis_button_preferred_2"></a>
                <a class="addthis_button_preferred_3"></a>
                <a class="addthis_button_preferred_4"></a>
                <a class="addthis_button_compact"></a>
                </div>
                <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
                <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=pixelistes"></script>
                <!-- AddThis Button END -->
                </a></li><!-- ENDIF -->
                <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
                <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->

Mon soucis est qu'avec cela, les images du script ne sont visible que par les personnes loguées...
Du coup, pas de partage possible pour les visiteurs.

Une idée ?

merci de votre aide

[Morgyanne]

de Pyroclastique » 09 Sep 2010, 22:26
de Pyroclastique » 09 Sep 2010, 23:33

Salut,

Merci de ne faire des UPs que toutes les 24 heures minimum !
Merci de ne pas poster plusieurs messages à la suite! La fonction EDITER permet d'y remédier.

Merci d'y prêter attention à l'avenir .

@+
Morgyanne

[ForumsFaciles]

Salut,

[...]les images du script ne sont visible que par les personnes loguées...
Du coup, pas de partage possible pour les visiteurs.[...]

Lorsque l'on regarde votre code, cela est normal. Votre code est entre ces balises:

Code: Tout sélectionner

<!-- IF U_EMAIL_TOPIC -->VOTRE_CODE<!-- ENDIF -->

Cela dit que cette option n'est disponible qu'aux membres ayant le droit d'envoyer le sujet par mail. Sur votre forum, je suppose que les invités n'ont pas le droit d'envoyer le sujet par mail.

Etant donné que votre ShareThis est entre ces balises, cela empêche donc la fonction aux visiteurs

Cordialement.

[photus]

Bonjour,

merci pour la réponse.
Je viens de faire le test suivant:

J'ai enlevé le code IF et ENDIF:

Code: Tout sélectionner

<!-- IF U_EMAIL_TOPIC -->VOTRE_CODE<!-- ENDIF -->

ça marche donc pour tous les monde (membre et invités), mais maintenant, Addthis s'affiche partout et même sur l'index du forum, ce qui n'est pas le but.
J'aimerais qu'il ne s'affiche que sur le viewtopic.

J'ai aussi testé les permissions de groupes en attribuant au groupe "Invité" le droit d'envoyer des mail.
Bien entendu, après avoir remis les balises IF et ENDIF.
Ben, ça change rien, ADDthis ne s'affiche que pour les membres...

Snif

Une idée ?

[micka76]

Bonsoir,

Quelques posts plus haut vous dites que vous avez mis le code dans le fichier overall_header.html, il est donc normal que cela s'affiche sur toutes les pages

A bientôt...

[photus]

Bonsoir,

Quelques posts plus haut vous dites que vous avez mis le code dans le fichier overall_header.html, il est donc normal que cela s'affiche sur toutes les pages

A bientôt...

Bonjour,

Sauf qu'avec les balises suivantes dans le fichier overall_header.html, ADDThis ne s'affiche pas sur l'index. Il ne s'affiche que sur les pages de posts.

Code: Tout sélectionner

<!-- IF U_EMAIL_TOPIC -->MON CODE<!-- ENDIF -->

En fait, je veux la même chose, mais visible aussi aux invités.

[photus]

Une petite solution ?

[Sim1]

Je viens d'installer le script et malheureusement le message n'est pas partager donc pas d'utilité

[Dakin Quelia]

Bonjour,

Peut être une erreur dans l'url:

Code: Tout sélectionner

<a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '{U_VIEWTOPIC}', '{TOPIC_TITLE}')" onmouseout="addthis_close()" onclick="return addthis_sendto()">

Remplace par:

Code: Tout sélectionner

<a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '{U_VIEW_TOPIC}', '{TOPIC_TITLE}')" onmouseout="addthis_close()" onclick="return addthis_sendto()">

Essaye ça et je corrigerai dans le premier message.

A bientôt,