Customisé sa fan box facebook dans .css

Mad-moi Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
Louis_Dea Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
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

Réponse 1 / 4
avion-f16 Messages postés 19254 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
Mad-moi
 
Bonjour Mr F-16,
merci pour ton aide, je vais essayer ça !

Doux day
0
Mad-moi
 
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
 
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
Réponse 2 / 4
avion-f16 Messages postés 19254 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
Réponse 3 / 4
bastouneco
 
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
Réponse 4 / 4
Louis_Dea Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
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

Discussions similaires

System Fan (90B)
MaryMoumou -
G7 -

17 réponses
Seule le voyant d'alimentation de mon box plus de sfr s'allume
Tangeline -
Tangeline -

2 réponses