Gadjet Flottant Fans Facebook

par hurudy Ven 29 Mar 2013 - 8:55

Bonjour ,

J'ai trouvé un module assez intérressant pour les blogs , peut être est-il comptable pour nos forums !
Mais le problème est que après plusieurs essaies je n'arrive pas à l'installer pour qu'il soit fonctionnel :/

voici le lien ou je l'ai trouvé : http://allbestuto.blogspot.fr/2012/07/comment-ajouter-le-gadget-flottant-fans.html

Pensez-vous que c'est faisable ?

Merci D'avance.
Amicalement,

Rudy

par Scipion Ven 29 Mar 2013 - 10:14

Bonjour

J'ai pu installer le module mais il reste bloqué pour le moment. Pour continuer le test il me faudrait la partie décrite en rouge (URL), merci de me l'envoyer.

Cordialement

par hurudy Ven 29 Mar 2013 - 14:02

Je n'ai aucun lien à vous envoyé ... désolé !
J'ai trouvé ce code tel que !

par Scipion Ven 29 Mar 2013 - 14:11

Essayez quand même d'obtenir l'URL d'une de vos connaissances afin de pouvoir continuer le test. Cette nouvelle expérience intéressera certainement plusieurs fondateurs et fondatrices FA.

Cordialement

par Adam_sfp Ven 29 Mar 2013 - 14:36

Bonjour

le code est composé d'un code pour l'effet slide

et d'un code module social facebook celui ci

Code:: <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/AllBestTuto& width=245&colorscheme=light&show_faces=true& connections=12&stream=false&header=false&height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe>

pour mettre votre fan page dans le slide vous pouvez essayer de remplacer AllBestTuto par forumactif par exemple qui correspond à la page fan de FA.

Il faut ensuite mettre les différentes parties CSS javascript et html sur votre forum.
Exemple
http://jsfiddle.net/adam_sfp/MKkjY/1/

Cordialement.

par hurudy Ven 29 Mar 2013 - 15:05

Waouh merci , pouvez-vous également nous donner le code CSS à intégrer..
Et si ce n'est pas trop demandé la démarche à suivre pour installer ce module Wink

Merci, merci

Je trouve ce gadget vraiment sympa ..

par Adam_sfp Ven 29 Mar 2013 - 15:13

Bonjour

Vous avez les différentes parties CSS javascript et html dans cette exemple
http://jsfiddle.net/adam_sfp/MKkjY/1/

Le CSS

Code:: .w2bslikebox{background: url("http://1.bp.blogspot.com/-UuBsjDC5vSc/TuiSd0g9bHI/AAAAAAAAAyk/MqKt8IpiIVM/s1600/facebook1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: #FF9D00;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;}

Le javascript à mettre dans gestion des codes javascript.
(toutes les pages, page d'accueil) en fonction de l'endroit ou il doit apparaitre...

Code:: $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

et la partie HTML
A mettre en fonction de l'endroit ou vous voulez que slide apparaisse.

En page d'accueil, dans un widget même déjà existant du portail, via le template overall_header après la balise <body>

Code:: <div class="w2bslikebox" style=""><div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/forumactif& width=245&colorscheme=light&show_faces=true& connections=12&stream=false&header=false&height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://allbestuto.blogspot.com/2012/07/comment-ajouter-le-gadget-flottant-fans.html" target='_blank'>Avoir Ce Gadget</a></span></div></div>

Cordialement.

par hurudy Ven 29 Mar 2013 - 15:33

Ah un grand merci !

Alors j'ai testé et chez moi ça fonctionne si j'active les Widgets :/
Directement dans le template ça ne fonctionne pas pour ma part ...
Et malheureusement je n'utilise pas les Widgets qui pour moi déforme l'aspect graphique du forum !

Avez-vous une solution miracle ? ^^

Merci encore

Non je raconte des bêtises, ça fonctionne aussi dans le templates Wink