Customisé sa fan box facebook dans .css

Fermé
Mad-moi Messages postés 2 Date d'inscription vendredi 5 février 2010 Statut Membre Dernière intervention 5 février 2010 - 5 févr. 2010 à 19:43
Louis_Dea Messages postés 2 Date d'inscription mercredi 8 septembre 2010 Statut Membre Dernière intervention 18 mai 2012 - 18 mai 2012 à 21:48
Bonsoir à tous,
Ma configuration Wordpress actuelle
- Version de WordPress : 2.9.1
- Thème utilisé : japan-style
- Extensions en place : akismet, viper's
- Nom de l'hebergeur : infomaniak
- Adresse du site : http://zeblog.mademoisellesemontre.com/

Problème rencontré :
J'aimerais que la fan box facebook installée sur mon blog soit aux couleurs de celui-ci et non de "leur" bleu...

le wiki facebook, en anglais, et ce tuto en anglais:
http://translate.google.fr/...
ne sont pas traduit clairement...ni par google, ni par reverso...et je ne trouve rien en français, ici & ailleurs...

Lorsque j'indique le chemin de mon .css dans le code inséré dans un widget "texte", tout par en live...
Dois-je créer un fichier .css spécifique à la fan box en y mettant le contenu trouvé via firebug des .css utilsés par facebook et indiquer alors ce chemin là ? Dans quel ordre dois-je mettre tous ces .css pour en faire un "correct" ?

Je ne pige pas non plus, l'histoire du chiffre à rajouter à la fin du chemin du .css : facebook utilise un cachebreaker (??)...

Cela inspire-t-il quelqu'un ??
A voir également:

4 réponses

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
5 févr. 2010 à 20:00
Avec la méthode proposée dans le tutoriel, il faut utiliser l'API Javascript de Facebook, donc le code HTML est directement écrit sur la page via DOM donc tu peux mettre du CSS contrairement à la méthode de l'iframe.
0
Bonjour Mr F-16,
merci pour ton aide, je vais essayer ça !

Doux day
0
Bonsoir avion F-16,
tu évoque la méthode de l'iframe et de mon côté j'ai checker l'api Fb : ça configuration n'a vraiment pas l'air simple...(!!!)
L'aide la plus "comestible" trouvée en français est celle-ci :
http://www.clever-age.com/veille/blog/tutorial-pour-decouvrir-facebook-connect.html
et ce n'est que la config'...
ça me semble très ambitieux pour mon niveauxe...surtout pour une question de couleur de la fan box....
Quelle est, selon toi, la méthode la + simple/la + rapide : iframe ou API FB ?
J'ai envie de résoudre cette question, j'aime bien me pencher sur ces question et bidouiller/apprendre-à-mon-niveaux mais j'avoue qu'il me faut un mentor pour m'accompagner le long du trajet...
0
John's Graphisme
15 avril 2010 à 13:45
J'ai fait un petit tuto assez simple qui explique comment mettre en place le CSS de ta fans page pour l'avoir à ta couleur : https://www.jonathan-menet.fr/blog/2010/04/08/tuto-comment-modifier-le-css-du-widget-fans-page-de-facebook/

J'espère que ça pourra t'aider.

john.
0
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
11 févr. 2010 à 22:18
L'une ou l'autre c'est presque pareil.
Perso je pencherais plus sur la solution de Facebook Connect car l'utilisation des frames est vivement déconseillée.
0
Vu que le fond est transparent, il est aussi possible de mettre la frame dans une div

genre :
	<div id="facebook">
	<iframe ></iframe>
	</div>


et gérer le fond dans le css
#facebook {
    background-color: #FFD4F0;}
0
Louis_Dea Messages postés 2 Date d'inscription mercredi 8 septembre 2010 Statut Membre Dernière intervention 18 mai 2012
18 mai 2012 à 21:48
Bonjour, je voulais simplement partagé avec vous un tutoriel en français très bien expliqué pour la personnalisation CSS de la fan box de Facebook. https://www.guerillaweb.ca/
0