[PHPBB2] Rajouter twitter et le bouton j'aime de facebook sur la barre des sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas

fascicularia
avatar
Administrateur


fascicularia


Messagefascicularia

  • 16px
  • 24px
  • Zoom

Bonjour à tous,

Un petit javascript pour rajouter le bouton "j'aime" de facebook et twitter sur la barre contenant le titre des sujets.

A installer dans la gestion des javascripts et cocher sur "sujets".


Phpbb2
Code:
$(function(){
      $(".t-title h1.cattitle").after('

<iframe src="http://www.facebook.com/plugins/like.php?app_id=116112238482873&href='+encodeURIComponent(document.location.href)+'&send=false&layout=button_count&width=150&show_faces=false&action=like&colorscheme=light&font=trebuchet+ms&height=24" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:24px; vertical-align:middle;" allowTransparency="true"></iframe>  

<iframe allowtransparency="true" frameborder="0" scrolling="no"           src="//platform.twitter.com/widgets/tweet_button.html"            style="width:80px; height:24px;vertical-align:middle;"></iframe>


');
    })


Le système fonctionnant avec des iframes, vous pouvez rajouter d'autres réseaux sociaux.
Par exemple pour Google +, dont voici l'iframe
Code:
<iframe src="http://dev.syskall.com/plusone/?url={Permalink}" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" style="border:0;width:110px;height:30px;"></iframe>
il suffit de rajouter l'iframe juste avant
Code:
');
    })

Le résultat pour twitter et le bouton "j'aime" de facebook

Invité
avatar
Invité

Invité


MessageInvité

  • 16px
  • 24px
  • Zoom

Merci bien fascicularia je retrouve mes ami(es) grâce à cette astuce super 
fascicularia
avatar
Administrateur


fascicularia


Messagefascicularia

  • 16px
  • 24px
  • Zoom

Si tu es sur facebook, ce tuto devrait te plaire
https://www.milouze14.com/t24260-comments-box-de-facebook-sur-vos-topics

Cela te permet de mettre en ligne sur ton compte facebook un sujet du forum et tes amis pourront y participer.
Ip0dT0uch59
avatar
Nouveau membre

Ip0dT0uch59


MessageIp0dT0uch59

  • 16px
  • 24px
  • Zoom

Merci pour ce code ;)
Eczema Help
avatar
Nouveau membre

Eczema Help


MessageEczema Help

  • 16px
  • 24px
  • Zoom

merci !!!
TOM_
avatar
Nouveau membre

TOM_


MessageTOM_

  • 16px
  • 24px
  • Zoom

Bonjour,

Ce code me parait très intéressant, mais est-ce qui serait possible d'avoir sa version pour phpBB3 SVP.

Merci d'avance
Milouze14
avatar
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom

Salut TOM,



Ce forum n'a pas pour vocation d'apporter d'autre explication sur le tutoriel présent.
Si ce dernier n'est pas assez explicite:
Le forum d'entraide est prévu à cet effet.


On tachera de te donner un script pour la version phpbb3 clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



TOM_
avatar
Nouveau membre

TOM_


MessageTOM_

  • 16px
  • 24px
  • Zoom

Merci pour cette information.
Je n'ai pas d'urgence à ce sujet, donc c'est quand vous le souhaitez.
Merci d'avance
Milouze14
avatar
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



Ro Main
avatar
Membre

Ro Main


MessageRo Main

  • 16px
  • 24px
  • Zoom

Bonjour à tous,

Ce javascript est bien installé sur mon second forum, mais comme je l'ai indiqué par mp à Stéphane, voici ce que je lui disais par mp :

"Bon sinon le tutoriel fonctionne bien, sauf le bouton tweeter qui n'affiche pas le nombre de tweet. 

J'avais déjà installer ce javascript sur mon second forum et comme sur le premier le bouton tweeter est bien présent pas le nombre de tweet."

Est-ce que d'autre personnes qui ont installé le code rencontre le même problème.

Voici mon code :


Code:
$(function(){
          $(".t-title h1.cattitle").after(' 

    <iframe src="http://www.facebook.com/plugins/like.php?app_id=116112238482873&href='+encodeURIComponent(document.location.href)+'&send=false&layout=button_count&width=150&show_faces=false&action=like&colorscheme=light&font=trebuchet+ms&height=24" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:24px; vertical-align:middle;" allowTransparency="true"></iframe>  

<iframe allowtransparency="true" frameborder="0" scrolling="no"          src="//platform.twitter.com/widgets/tweet_button.html"style="width:80px; 
    height:24px;vertical-align:middle;"></iframe>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="medium"></g:plusone>

    ');
        })


Bon appétit.
Amicalement
Ro Main
Milouze14
avatar
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom

Salut Romain,


Ce forum n'a pas pour vocation d'apporter d'autre explication sur le tutoriel présent.
Si ce dernier n'est pas assez explicite:
Le forum d'entraide est prévu à cet effet.


A priori Twitter ne diffuse plus les notifications.
Il suffit d'aller voir sur le forum des forums:
http://forum.forumactif.com/forum



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum