WordPress Francophone

Mademoiselle Se Montre · 03-02-2010 16:55:33

Bonjour à tous, big_smile

Ma configuration WP 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 tuto 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 ?? smile happy siffle

Doux day ! wink

Dernière modification par Mademoiselle Se Montre (03-02-2010 16:56:03)

Maître Mô · 04-02-2010 06:30:43

Tu as raison de préférer ta couleur, rien à voir -il est bien joli, ton blog !

Je suppose que tu as utilisé le widget fourni par FB, et que du coup tu n'as pas accès au css en question, dont apparemment l'adresse est là : http://b.static.ak.fbcdn.net/rsrc.php/z … 2r7drz.css ,c'est à dire chez eux...

Si tu veux conserver les fonctionnalités du widget, mais avec ton propre css, je suppose qu'il est possible de virer le leur, en ne conservant que les liens, et en remplaçant leurs classes par celles que tu créeras...

Mademoiselle Se Montre · 04-02-2010 14:00:34

Maître Mô a écrit:
Tu as raison de préférer ta couleur, rien à voir -il est bien joli, ton blog !

Je suppose que tu as utilisé le widget fourni par FB, et que du coup tu n'as pas accès au css en question, dont apparemment l'adresse est là : http://b.static.ak.fbcdn.net/rsrc.php/z … 2r7drz.css ,c'est à dire chez eux...

Si tu veux conserver les fonctionnalités du widget, mais avec ton propre css, je suppose qu'il est possible de virer le leur, en ne conservant que les liens, et en remplaçant leurs classes par celles que tu créeras...

Ton compliment est bien agréable,
je dirais du tiens qu'il a l'esprit pointu et l'humour au vitriol, propre au droit, qui me rappelle mes jeunes années d'étudiantes...et d'autres, professionnelles...
Revenons-en à nos Moutons : justement, je n'en veux pas un qui soit de Panurge, je veux mon mouton cutomisé...

Lorsque tu dis "en remplaçant leurs classes par celles que tu créeras"...tu pense à la création d'un dossier spécial .css facebook ( en faisant un copier-coller du leur puis en le modifiant ) dans mon répertoire et vers lequel je redirigerais le widget facebook par un lien inséré dans le code de leur fan box ?
Ou modifier directement le leur mais alors comment ??? ( je n'ai pas d'accés FTP chez facebook... big_smile )

Maître Mô · 07-02-2010 07:41:24

Qu'est-ce qu'on est gentils, non ? big_smile

Oui, j'avais rapido jeté un œil au code fourni par FB, et je pense que tu peux le "surclasser" en bidouillant le widget pour y ajouter tes propres classes, avec ce que voudras dedans en css.

Première étape : juste essayer, déjà, de conserver le widget tel quel mais en réproduisant les classes fournies telles quelles dans ton css à toi : j'ignore si ça "passera dessus" ou pas, mais ça s'peut, I presume...

Si non, le réécrire : tiens, si j'en faisais un (pas de fans donc pas de fans !), il me donne :

Code:

<!-- Facebook Badge START --><a href="http://fr-fr.facebook.com/people/Maitre-Mo/100000622772729" title="Maître Mô" 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;">Maître Mô</a><span style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; line-height: 16px; font-variant: normal; font-style: normal; font-weight: normal; color: #555555; text-decoration: none;">&nbsp;|&nbsp;</span><a href="http://fr-fr.facebook.com/facebook-widgets/" title="Créez votre propre badge !" 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;">Créez votre badge</a><br/><a href="http://fr-fr.facebook.com/people/Maitre-Mo/100000622772729" title="Maître Mô" target="_TOP"><img src="http://badge.facebook.com/badge/100000622772729.61.20512709.png" width="93" height="84" style="border: 0px;" /></a><!-- Facebook Badge END -->

Il y a plein de caca à dégager là-dedans, mais je suppose que je pourrais y ajouter mes propres classes, ou modifier les éléments de style fournis...

N'hésite pas à copier le code du tiens ici si problème, on essaiera tous ensemble !

Mademoiselle Se Montre · 09-02-2010 14:21:37

Oui, on est carrément choubidou même ^^

J'ai tentée la première étape : peanut.
Je me penche donc sur la deuxième...après un café, quand même !

Le code fourni par FB où je n'ai changer que le widht à 200 :

Code:

<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/fr_FR"></script><script type="text/javascript">FB.init("ce45150e777166fda137e0e9f3773eb9");</script><fb:fan profile_id="269180927650" stream="0" connections="10" logobar="1" width="200"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/Mademoiselle-Se-Montre/269180927650">Mademoiselle Se Montre</a> on Facebook</div>

Je trifouille et bidouille puis rends le cas pratique !

MugenSama · 19-02-2010 23:19:45

Bonsoir,

Je suis tombé sur ce sujet en recherchant comment customisé ma Fan box...
J'ai réussi à l'instant donc je viens partager mon expérience...

J'ai intégré le code fourni par Facebook et leur wizard : http://www.facebook.com/facebook-widgets/fanbox.php

Puis j'ai modifié une ligne pour intégré mon CSS perso :

<fb:fan profile_id="ID_PAGE_FB" stream="0" connections="10" logobar="0" width="150" css="http://www.krysalis-boardgame.com/blog/fbFan.css?12"></fb:fan>

Vous noterez en gras le ?12 qui est un cachebreaker, c'est grâce à lui que je recharge ma css perso après modif' (car elle est mise en cache sur le serveur facebook).
L'info est là : http://wiki.developers.facebook.com/ind … Attributes
(en anglais)

On peut voir l'exemple sur mon site :
http://www.krysalis-boardgame.com/blog/

C'est vrai que votre blog est très sympa et la fan boite bleue gâche un peu ça...

Bonne custom'

Mademoiselle Se Montre · 21-02-2010 16:51:23

MugenSama a écrit:
Bonne custom'

Bonjour MugenSama,
merci pour le compliment et ta réponse qui, je crois, me donne la solution !!
Je crois parce que, étant en train de déménagée à l'autre bout de la France, je n'ai pas le temps de testée avant la semaine prochaine mais la personnalisation du code de mon css trotte déjà dans ma tête....arg, c'est frustrant de ne pouvoir le testé !!!
Je t'informe du résultat,
merci à toi!

Bon dimanche happy big_smile

WordPress Francophone

La référence en matiere de moteur de blog.

Le multi-blogs devient un jeu d'enfant !

La communauté, c'est vous qui la faites !

WordPress et vous !

Annonce

#1 03-02-2010 16:55:33

Customisé sa fan box facebook dans .css

#2 04-02-2010 06:30:43

Re: Customisé sa fan box facebook dans .css

#3 04-02-2010 14:00:34

Re: Customisé sa fan box facebook dans .css

Maître Mô a écrit:

#4 07-02-2010 07:41:24

Re: Customisé sa fan box facebook dans .css

Code:

#5 09-02-2010 14:21:37

Re: Customisé sa fan box facebook dans .css

Code:

#6 19-02-2010 23:19:45

Re: Customisé sa fan box facebook dans .css

#7 21-02-2010 16:51:23

Re: Customisé sa fan box facebook dans .css

MugenSama a écrit:

Pied de page des forums