Bouton J'aime de facebook

[_Jess_]

Premièrement, merci à l'avance de votre patience. Je ne sais pas si je poste cette question au bon endroit et j'ai eu beau lire les tutoriels, les autres messages, JE NE COMPRENDS RIEN!

Ça parait pourtant si simple: mettre un ti bouton J'AIME de facebook quelque part sur mon index. Comme celui en bas de la page suivante par exemple: http://jedebuteencuisine.forumgratuit.org/

Juste le ti J'AIME!! Mais comment faire pour l'avoir, l'activer et SURTOUT, pour le mettre dans un endroit de l'index qui ne tasse pas tout le reste?

Merci de m'expliquer comme à un enfant de maternelle... vraiment je fais mon possible mais je suis nulle...

[SoraNoHime]

Bonjour,

J'aimerai afiner votre démarche. Est-ce un bouton j'aime pour une page Facebook en rapport avec votre forum. (vous avez créé la page et vous désirez la reliée) Donc chaque personne qui cliquera sur ce j'aime s'abonnera aux annonces passées dans votre page facebook.

ou un bouton j'aime pour votre forum. C'est à dire que chaque personne qui cliquera dessus vera dans son profil le lien de votre forum avec marquer Untel aime le forum XXXX...

Dans les deux cas, il s'agit d'un widget fournit sur le site facebook. En bas de votre page, vous avez le bouton "Badge" c'est là que ça se passe. Mais le paramétrage est différent.

Puis une fois votre code obtenu, vous n'avez plus qu'à l'insérer dans un widget.

Cordialement.

[_Jess_]

J'ai une page Facebook en lien avec mon forum. Donc j'aimerais que chaque personne qui clique J'AIME soit reliée à la page Facebook.

J'ai essayé le badge dans le bas de la page FAcebook. J'ai copié le lien. Mais là où je l'ai copié, je l'ai retrouvé dans un endroit vraiment pas rapport et tout le contenu de mon index était "tassé"... Je suis allée dans Widgets du forum mais j'ai dû le mettre dans la première colonne... Ça ne fontionnait pas bref, ce n'était vraiment pas beau! Un moyen de corriger la chose?

[SoraNoHime]

puis-je avoir le code concerné s'il vous plait ?

[_Jess_]

QUand je fais bannière, ça m'emmène ici:



Dont le code est:
<!-- Facebook Like Badge START --><div style="width: 100%;"><div style="background: #3B5998;padding: 5px;"><img src="https://www.facebook.com/images/fb_logo_small.png" alt="Facebook"/><img src="https://badge.facebook.com/badge/176805032361756.534821959.105228001.png" alt="" width="0" height="0"/></div><div style="background: #EDEFF4;display: block;border-right: 1px solid #D8DFEA;border-bottom: 1px solid #D8DFEA;border-left: 1px solid #D8DFEA;margin: 0px;padding: 0px 0px 5px 0px;"><div style="background: #EDEFF4;display: block;padding: 5px;"><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top"><img src="https://www.facebook.com/images/icons/fbpage.gif" alt=""/></td><td valign="top"><p style="color: #808080;font-family: verdana;font-size: 11px;margin: 0px 0px 0px 0px;padding: 0px 8px 0px 8px;"><a href="https://www.facebook.com/jess.morin" target="_TOP" style="color: #3B5998;font-family: verdana;font-size: 11px;font-weight: normal;margin: 0px;padding: 0px 0px 0px 0px;text-decoration: none;" title="Jessica Morin">Jessica Morin</a> aime</p></td></tr></table></div><div style="background: #FFFFFF;clear: both;display: block;margin: 0px;overflow: hidden;padding: 5px;"><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="middle"><a href="https://www.facebook.com/pages/MariageCOM/176805032361756" target="_TOP" style="border: 0px;color: #3B5998;font-family: verdana;font-size: 12px;font-weight: bold;margin: 0px;padding: 0px;text-decoration: none;" title="Mariage.COM"><img src="https://www.facebook.com/profile/pic.php?oid=AQDYEHnVISOy9dfx-7mpCs4klAlfXC9Plc_SMx2epe7nKT94rOuSqs8kscl2y7vgsJ0&size=square" style="border: 0px;margin: 0px;padding: 0px;" alt="Mariage.COM"/></a></td><td valign="middle" style="padding: 0px 8px 0px 8px;"><a href="https://www.facebook.com/pages/MariageCOM/176805032361756" target="_TOP" style="border: 0px;color: #3B5998;font-family: verdana;font-size: 12px;font-weight: bold;margin: 0px;padding: 0px;text-decoration: none;" title="Mariage.COM">Mariage.COM</a></td></tr></table></div></div><div style="display: block;float: right;margin: 0px;padding: 4px 0px 0px 0px;"><a href="https://www.facebook.com/badges/like.php" target="_TOP" style="color: #3B5998;font-family: verdana;font-size: 11px;font-weight: none;margin: 0px;padding: 0px;text-decoration: none;" title="Créer votre bannière d’appréciation">Créer votre bannière d’appréciation</a></div></div><!-- Facebook Like Badge END -->


Mais je colle ça où?? J'ai essayé dans "widgets du forum" mais ça tasse mon index au complet au lieu de l'intégrer à la page...

[SoraNoHime]

En faites ceci n'est pas le bouton J'aime telle page de FB, mais comme quoi VOUS aimez cette page.

Je vais vous donner le chemin complet :

Aller sur votre page > cliquer en bas sur badge > Badges pour les pages

Modifier ce badge selon ce que vous voulez voir inscrit dessus. Puis récupérer le code.

Vous pouvez le mettre dans un widget, dans le tableau d'annonce de votre forum, ou même dans le corps d'une catégorie.

[_Jess_]

Super! Déjà je suis sur la bonne voie!

Quand vous dites: Vous pouvez le mettre dans un widget, dans le tableau d'annonce de votre forum, ou même dans le corps d'une catégorie..

Comment je fais? En fait, j'aimerais simplement l'inclure sur la page de l'index du forum. J'ai essayé dans WIDGETS du forum mais je dois alors le mettre dans une colonne à côté de LE CORPS DE VOTRE FORUM SE TROUVERA ICI. Si je le place à droit ou à gauche, ça tasse tout le reste et ce n'est plus centré. J'aimerais que ça soit INTÉGRÉ à la page et j'aimerais l'avoir en haut, pas à côté du tableau de toutes les catégories de forum.

Si je suis difficile à comprendre, je peux vous faire un imprime écran de ce que ça donne... c'est vraiment pas beau!

[_Jess_]

Voici où je le met:
Déjà là je saurai si je suis dans les patates ou non.

[SoraNoHime]

Si c'est dans la page index, c'est bien votre portail ? ou vous voulez qu'il soit visible sur votre forum ailleurs ?

Si c'est pour votre portail, aller sur la gestion du portail, puis structure.

Vous arriverez à l'interface de gestion de votre portail qui marche d'ailleurs avec les widgets

Sinon faites moi un scan de l'endroit où vous désirez le mettre (j'ai une nuit blanche dans la vue, mon cerveau n'a pas toutes ses neurones fonctionnelles pour comprendre :lol!: )

[_Jess_]

Non, sur le portail j'ai réussi (quel exploit!!!).

J'aimerais l'avoir sur l'index, là où on voit toutes les catégories de forums.

Voici un imprime écran de mon index:



J'aimerais que ça reste comme ça. Sans être tassé ou autre. INTÉGRER le bouton j'aime quelque part en haut de sorte que lorsque les gens arrivent sur l'index, ils peuvent tout de suite voir le bouton quelque part et cliquer.

Merci beaucoup de votre patience!!

[_Jess_]

Exemple, le concepteur de ce forum: http://jedebuteencuisine.forumgratuit.org/

l'a INTÉGRÉ à son index en bas à droite. Je voudrais la même chose en haut ou en bas. Moi quand j'essaie, on voit le bouton à gauche dans un emplacement ridicule et tout le tableau du contenu des forums est tassé à droite (?????)

[SoraNoHime]

Parce qu'il l'a intégré dans un template et non dans un widget.

Je peux vous proposez de le mettre dans une catégorie ou un template.

Vous avez quelle version de forum ?

[_Jess_]

Bonne question...

[SoraNoHime]

Pour connaitre votre version Aller sur PA > Affichage, elle vous sera renseignée.

Exemple de ce que ça peut donner

dans forum
modifié par les templates

Edit : images modifiées pour etre visibles

[_Jess_]

phpBB2 (subsilver)

C'est ça?

[_Jess_]

Le code bannière donne:
<!-- Facebook Badge START --><a href="https://www.facebook.com/pages/MariageCOM/176805032361756" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Mariage.COM">Mariage.COM</a><br/><a href="https://www.facebook.com/pages/MariageCOM/176805032361756" target="_TOP" title="Mariage.COM"><img src="https://badge.facebook.com/badge/176805032361756.1600.902737893.png" width="120" height="77" style="border: 0px;" /></a><br/><a href="https://www.facebook.com/business/dashboard/" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Créez votre propre bannière!">Faites également la promotion de votre page</a><!-- Facebook Badge END -->

J'aimerais bien aussi ajouter SUIVEZ-NOUS SUR FACEBOOK.
Mais c'est du chinois...

[SoraNoHime]

Oui, ça veut dire que vous pouvez modifié les templates.

Regarder mon message précédent, j'ai édité les images pour que vous puissiez voir ce que ça peut donner.

Alors, vous désirez l'avoir où ?

[_Jess_]

Entre la pub du haut et le tableau des forum, ce serait bien!

[_Jess_]

Mais pas DANS le tableau.

[_Jess_]

Genre ici ça se peut??

[SoraNoHime]

Aller dans Affichage, Template, index_box

tout au début vous avez la partie

Code:

    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
      </tr>
    </table>

remplacer la par

Code:

    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td>
<!-- Facebook Badge START --><a href="http://www.facebook.com/pages/MariageCOM/176805032361756" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Mariage.COM">Mariage.COM</a><br/><a href="http://www.facebook.com/pages/MariageCOM/176805032361756" target="_TOP" title="Mariage.COM"><img src="http://badge.facebook.com/badge/176805032361756.1600.902737893.png" width="120" height="77" style="border: 0px;" /></a><br/>SUIVEZ-NOUS SUR FACEBOOK<!-- Facebook Badge END -->

        </td>
          <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
      </tr>
    </table>

Enregistrez, publiez, regarder, dites moi s'il faut des réglages ^^.

[_Jess_]

Ok je l'ai fait. C'est écrit en attente...

Ouf! J'ai chaud!

[SoraNoHime]

^^ cliquez sur le pour publiez votre template ^^

[_Jess_]

Ho là là!!!! On touche presque au but!!!!

Voici ce que ça donne:


Mais j'aimerais l'heure et la date en dessous, pas tassé au milieu.

[_Jess_]

Voilà: l'encadré rouge à droite, le mettre en dessous du badge facebook comme avant.

Supprimer le titre mariage.COM du badge c'est possible? (autre encadré)

[SoraNoHime]

Retournez sur votre template en cliquant sur son nom : index-box

Remplacez cette partie :

Code:

        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td>
    <!-- Facebook Badge START --><a href="http://www.facebook.com/pages/MariageCOM/176805032361756" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Mariage.COM">Mariage.COM</a><br/><a href="http://www.facebook.com/pages/MariageCOM/176805032361756" target="_TOP" title="Mariage.COM"><img src="http://badge.facebook.com/badge/176805032361756.1600.902737893.png" width="120" height="77" style="border: 0px;" /></a><br/>SUIVEZ-NOUS SUR FACEBOOK<!-- Facebook Badge END -->

            </td>
              <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall">{LAST_VISIT_DATE}<br />
                {CURRENT_TIME}<br />
                </span>
                <!-- END switch_user_logged_in -->
                <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
              </td>
              <td class="gensmall" align="right" valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
                <!-- END switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
              </td>
          </tr>
        </table>

par celle-ci :

Code:

        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td align="bottom">
    <!-- Facebook Badge START --><a href="http://www.facebook.com/pages/MariageCOM/176805032361756" target="_TOP" title="Mariage.COM"><img src="http://badge.facebook.com/badge/176805032361756.1600.902737893.png" width="120" height="77" style="border: 0px;" /></a><br/>SUIVEZ-NOUS SUR FACEBOOK<br><!-- Facebook Badge END -->

                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall">{LAST_VISIT_DATE}<br />
                {CURRENT_TIME}<br />
                </span>
                <!-- END switch_user_logged_in -->
                <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
              </td>
              <td class="gensmall" align="right" valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
                <!-- END switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
              </td>
          </tr>
        </table>

[_Jess_]

ÇA FONCTIONNE!!!!!!!!!!!!!!!!!!!!

Merci ÉNORMÉMENT!!!!!!!!!!!!!!!!!!!!!!

[SoraNoHime]

Mais je t'en prie ^^

Bonne journée

[_Jess_]

Bonne journée également!!!

WOW! C'est super beau! Merci encore!