Bien utiliser l'éditeur d'article FCKeditor

Publié le par PêUR

Mise à jour le 23/01/2006 16:02

Over-Blog a choisi un projet open source pour doter sa plateforme d'un outils d'édition souple et performant:

FCKeditor

Préambule

Avant d'appronfondir l'utilisation de cet éditeur, sachez que quelque soit votre niveau de blog (confiance, privilège ou premium), vous pouvez utiliser l'éditeur selon deux modes. Le mode normal, avec un nombre limité de barre d'outils pour les blogeurs débutants (option par défaut à l'ouverture d'un blog). Le mode avancé, avec toutes les fonctionnalités de FCKeditor pour les blogeurs confirmés. Comment modifier le mode de l'éditeur, c'est ici.

Le vif su sujet

Pour avoir une description complète de la fonctionnalité de chaque bouton, placez votre souris sur le bouton souhaité. Au survol des boutons, un code de couleur rouge signifie que le bouton est accessible en mode avancé uniquement, en vert le bouton est disponible à partir du mode normal. Certains boutons sont cliquables et permettent d'approfondir une notion ou une astuce lié à sa fonctionnalité:

Ouvrir la présentation 
Profitez-en, mon nouveau futur design ressemble à ça ;-)

Articles connexes

 

Barre d'outils FCKeditor

Plein écran" src="http://peutetreunequestion.free.fr/article/fckeditor/fckb1b01fullwin.gif" />Plein écran (Mode avancé)
Ce bouton permet d'agrandir la fenêtre de saisie en ouvrant une instance en popup. Très pratique, cela permet un réel confort visuel. De plus, vous pouvez redimensionner cette fenêtre à la taille que vous souhaitez. Cela peut devenir très pratique pour avoir une idée de la mise en page finale d'un article avec des photos, en lui donnant la largeur de votre colonne article.

Attention: une fois votre texte saisie, ne fermez pas la fenêtre avec la petite croix en haut à droite, car vous perdriez toute votre saisie. Rappuyez sur ce bouton afin de revenir à l'éditeur normal. A ce moment là vous pourrez valider votre article.

 

SourceSource (Mode avancé)
Permet de passer du mode WYSIWYG ("What You See Is What You Get", littéralement: Ce que vous voyez est ce que vous obtenez) au mode HTML (source).

C'est ce bouton qui vous permet d'accèder au code natif et de saisir du code HTML et du javascript.
SourceTout sélectionner (Mode avancé)
Ce bouton permet de sélectionner tout le contenu de la fenêtre d'édition

Pratique: Vous pouvez aussi utiliser le raccourcis clavier Ctrl + A
[Compatible    et   ]
Supprimer formatSupprimer format (Mode avancé)
Ce bouton permet de faire disparaitre tout formatage aux éléments sélectionnés. Si vous avez appliquez un taille de police, un style de police, une couleur de police ou un fond, vous les supprimerez.

Blogeur avancé: En HTML cela se traduit par la supression des balises <font>
CouperCouper (Mode avancé)
Ce bouton permet de copier tout élément sélectionné dans l'éditeur (image, texte, formulaire...) et de le supprimer. L'élément disapraît de l'éditeur mais reste dans le presse-papier. Il réapparaitra en le collant.

Pratique: Vous pouvez aussi utiliser le raccourcis clavier Ctrl + X
[Compatible    et   ]
CopierCopier (Mode avancé)
Ce bouton permet de copier tout élément sélectionné se trouvant dans l'éditeur (image, texte, formulaire...)

Pratique: Vous pouvez aussi utiliser le raccourcis clavier Ctrl + C
[Compatible    et   ]
CollerColler (Mode avancé)
Ce bouton permet de coller une sélection copiée au préalable.

Attention: Cette méthode de collage conserve le format du texte copié. Par exemple vous copiez un texte en gras de couleur rouge sur fond jaune, vous conserverez alors, toutes ces propriétés.

Pratique: Vous pouvez aussi utiliser le raccourcis clavier Ctrl + V
[Compatible    et   ]
Coller comme texteColler comme texte (Mode avancé)
Ce bouton permet de coller, comme du texte, une sélection copiée au préalable. Si vous avez copié un pavé de texte formaté avec des puces et contenant des liens, en collant dans l'éditeur par ce bouton, vous ne conservez que le texte. Les liens ne sont plus actifs et les puces disparaissent.

Blogeurs avancés: En HTML cela se traduit par la suppression de toutes les balises à l'exception des balises <br/>.
Coller depuis WordColler depuis Word
Ce bouton permet de coller une sélection copiée au préalable depuis Word.

Attention: Ce bouton n'est pas un gadget, il est indispensable si vous saisissez vos articles sous Word!!!

En savoir plus: Cliquez sur le bouton pour afficher plus d'information
OrthographeOrthographe (Mode avancé)
Ce bouton permet de vérifier l'orthographe de votre article. Lors de sa première utilisation, il vous sera demandé de télécharger le logiciel IESpell. Ensuite vous aurez, en cliquant sur ce bouton, accès à un correcteur d'orthographe... en anglais!! Heureusement vous pouvez télécharger un patch en français.

En savoir plus: Cliquez sur le bouton pour avoir plus d'information.
AnnulerAnnuler (Mode avancé)
Ce bouton permet d'annuler la dernière action.

Pratique: Vous pouvez aussi utiliser le raccourcis clavier Ctrl + Z
[Compatible    et   ]
RefaireRefaire (Mode avancé)
Ce bouton permet de rejouer la dernière action annulée.

Pratique: Vous pouvez aussi utiliser le raccourcis clavier Ctrl + Y
[Compatible    et   ]
ChercherChercher (Mode avancé)
Ce bouton permet d'ouvrir une fenêtre de recherche afin de trouver un mot ou une expression.

Pratique: Vous pouvez aussi utiliser le raccourcis clavier qui appel l'outils de recherche du navigateur:Ctrl + F
[Compatible    et   ]
RemplacerRemplacer (Mode avancé)
Ce bouton ouvre une fenêtre qui vous permettra de remplacer une chaîne de caractère par une autre.

Attention: Cette fonction ne marche pas en mode source... dommage!
Insérer/Modifier lienInsérer/Modifier lien
Ce bouton permet de créer ou de modifier un lien. Avant de cliquer dessus, il faut avoir sélectionné la portion de texte ou l'image à transformer en lien.

Blogeur avancé: En HTML cela se traduit par l'insertion d'une balise <a href="...">

En savoir plus: Cliquez sur le bouton pour avoir plus d'information
Supprimer lienSupprimer lien
Ce bouton permet de supprimer un lien. Il n'est pas nécessaire de sélectionner le lien pour le supprimer, il suffit que le curseur de saisie de texte soit sur le lien pour que d'un simple clique sur le bouton, le lien soit supprimé.
Insérer/Modifier tableauInsérer/Modifier tableau (Mode avancé)
Ce bouton permet de créer ou de modifier un tableau.

Blogeur avancé: En HTML cela se traduit par l'insertion d'un tableau de structure <table><tr><td></td>/tr></table>

En savoir plus: Cliquez sur le bouton pour avoir plus d'information
Insérer séparateurInsérer séparateur (Mode avancé)
Ce bouton permet d'ajouter une ligne de séparation entre 2 pavés de texte.

Blogeur avancé: En HTML cela se traduit par l'insertion d'une balise <hr/>
GrasGras
Ce bouton permet d'appliquer ou de supprimer la graisse à une police. Si vous ne voulez mettre qu'un mot en gras, il n'est pas nécessaire de le sélectionner, il suffit que le curseur de saisie de texte soit sur ce mot pour que d'un simple clique sur le bouton, le mot soit en gras.

Pratique: Vous pouvez aussi utiliser le raccourcis clavier Ctrl + B
[Compatible    et    si ce raccourcis n'est pas attribué]

Blogeurs avancés: En HTML cela se traduit par l'ajout ou la suppression des balises <b> et <b>.
ItaliqueItalique
Ce bouton permet de mettre le texte sélectionné en italique. Si vous ne voulez mettre qu'un mot en italique, il n'est pas nécessaire de le sélectionner, il suffit que le curseur de saisie de texte soit sur ce mot pour que d'un simple clique sur le bouton, le mot soit en italique.

Pratique: Vous pouvez aussi utiliser le raccourcis clavier Ctrl + I
[Compatible    et    si ce raccourcis n'est pas attribué]

Blogeurs avancés: En HTML cela se traduit par l'ajout ou la suppression de balises <i> et <i>.
SoulignéSouligné
Ce bouton permet de souligner le texte sélectionné. Si vous ne voulez souligner qu'un seul mot, il n'est pas nécessaire de le sélectionner, il suffit que le curseur de saisie de texte soit sur ce mot pour que d'un simple clique sur le bouton, le mot soit souligné.

Pratique: Vous pouvez aussi utiliser le raccourcis clavier Ctrl + U
[Compatible    et    si ce raccourcis n'est pas attribué]

Blogeurs avancés: En HTML cela se traduit par l'ajout ou la suppression de balises <u> et <u>.
BarréBarré (Mode avancé)
Ce bouton permet de barrer le texte sélectionné. Si vous ne voulez barrer qu'un seul mot, il n'est pas nécessaire de le sélectionner, il suffit que le curseur de saisie de texte soit sur ce mot pour que d'un simple clique sur le bouton, le mot soit barré.

Blogeurs avancés: En HTML cela se traduit par l'ajout ou la suppression des balises <strike> et <strike>.
IndiceIndice (Mode avancé)
Ce bouton permet de mettre un texte sélectionné en indice (Quel belexemple!). Si vous ne voulez indicer qu'un seul mot, il n'est pas nécessaire de le sélectionner, il suffit que le curseur de saisie de texte soit sur ce mot pour que d'un simple clique sur le bouton, le mot soit indicé.

Blogeurs avancés: En HTML cela se traduit par l'ajout ou la suppression des balises <sub> et <sub>.
PuissancePuissance (Mode avancé)
Ce bouton permet de mettre un texte sélectionné en puissance (Quel belexemple!). Si vous ne voulez mettre en puissance qu'un seul mot, il n'est pas nécessaire de le sélectionner, il suffit que le curseur de saisie de texte soit sur ce mot pour que d'un simple clique sur le bouton, le mot se place en puissance.

Blogeurs avancés: En HTML cela se traduit par l'ajout ou la suppression des balises <sup> et <sup>.
Couleur de la policeCouleur de la police
Ce bouton permet d'appliquer une couleur à un texte sélectionné. Si vous ne voulez colorer qu'un seul mot, il n'est pas nécessaire de le sélectionner, il suffit que le curseur de saisie de texte soit sur ce mot pour que d'un simple clique sur la couleur désirée, le mot se colore.

Attention: Cette méthode est peu conseillée car elle ajoute des balises de mise en forme dans le code HTML, ce qui n'est pas recommandé par le W3C. Pour en savoir plus, cliquez sur le bouton.

Blogeurs avancés: En HTML cela se traduit par l'ajout des balises <font color="#couleur"> et <font>.
Couleur de fondCouleur de fond
Ce bouton permet d'appliquer un fond de couleur au texte selectionné.

Attention: Cette méthode est peu conseillée car elle ajoute des balises de mise en forme dans le code HTML, ce qui n'est pas recommandé par le W3C. Pour en savoir plus, cliquez sur le bouton.

Blogeurs avancés: En HTML, cela se traduit par l'ajout des balises <font style="background-color: #couleur"> et </font>
Insérer/supprimer liste numérotéeInsérer/supprimer liste numérotée
Ce bouton permet de créer ou de modifier une liste numérotée. Saisissez votre première ligne, cliquez sur le bouton, la puce 1 vient se placer devant votre ligne. A chaque saut de ligne vous créez une nouvelle puce. Pour sortir de la liste, faites 2 sauts de ligne.

Attention: Si dans votre CSS vous masquez l'affichage des listes, vous la verrez dans l'éditeur mais elle n'apparaitra pas dans votre blog. Pour en savoir plus, cliquez sur le bouton.

Blogeur avancé: En HTML cela se traduit par l'insertion d'une liste de structure <ol><li></li><li>/li></ol>
Insérer/supprimer liste à pucesInsérer/supprimer liste à puces
Ce bouton permet de créer ou de modifier une liste à puce. Saisissez votre première ligne, cliquez sur le bouton, la première puce vient se placer devant votre ligne. A chaque saut de ligne vous créez une nouvelle puce. Pour sortir de la liste, faites 2 sauts de ligne.

Attention: Si dans votre CSS vous masquez l'affichage des listes, vous la verrez dans l'éditeur mais elle n'apparaitra pas dans votre blog. Pour en savoir plus, cliquez sur le bouton.

Blogeur avancé: En HTML cela se traduit par l'insertion d'une liste de structure <ul><li></li><li>/li></ul>
Diminuer le retraitDiminuer le retrait (Mode avancé)
Ce bouton permet de décaler votre texte vers la gauche, si vous avez appliquez un retrait vers la droite.

Blogeur avancé: En HTML cela se traduit par la suppression des balises <blockquote> et </blockquote>
Augmenter le retraitAugmenter le retrait (Mode avancé)
Ce bouton permet de décaler votre texte vers la droite telles des tabulations. Vous pouvez faire autant de retrait à la suite que vous le souhaitez.

Blogeur avancé: En HTML cela se traduit par l'insertion des balises <blockquote> et </blockquote>
Aligné à gaucheAligné à gauche
Ce bouton permet d'aligner à gauche le texte du paragraphe sur lequel vous vous trouvez.

Attention: Quand vous changez de paragraphe le dernier alignement effectué se propage sur le nouveau paragraphe. Avec un paragraphe aligné à gauche, en changeant de paragraphe, le nouveau sera lui aussi aligné à gauche. Cliquez sur le bouton pour avoir plus d'info sur les paragraphes.

Blogeur avancé: En HTML cela se traduit par l'insertion de la proriété align=left dans la balise courante <p>
CentréCentré
Ce bouton permet de centrer le texte du paragraphe sur lequel vous vous trouvez.

Attention: Quand vous changez de paragraphe le dernier alignement effectué se propage sur le nouveau paragraphe. Avec un paragraphe centré, en changeant de paragraphe, le nouveau sera lui aussi centré. Cliquez sur le bouton pour avoir plus d'info sur les paragraphes.

Blogeur avancé: En HTML cela se traduit par l'insertion de la proriété align=center dans la balise courante <p>
Aligné à droiteAligné à droite (Mode avancé)
Ce bouton permet d'aligner à droite le texte du paragraphe sur lequel vous vous trouvez.

Attention: Quand vous changez de paragraphe le dernier alignement effectué se propage sur le nouveau paragraphe. Avec un paragraphe aligné à droite, en changeant de paragraphe, le nouveau sera lui aussi aligné à droite. Cliquez sur le bouton pour avoir plus d'info sur les paragraphes.

Blogeur avancé: En HTML cela se traduit par l'insertion de la proriété align=right dans la balise courante <p>
justifiéjustifié (Mode avancé)
Ce bouton permet de justifier (texte aligné à gauche ET à droite) le texte du paragraphe sur lequel vous vous trouvez.

Attention: Quand vous changez de paragraphe le dernier alignement effectué se propage sur le nouveau paragraphe. Avec un paragraphe justifié, en changeant de paragraphe, le nouveau sera lui aussi justifié. Cliquez sur le bouton pour avoir plus d'info sur les paragraphes.

Blogeur avancé: En HTML cela se traduit par l'insertion de la proriété align=justify dans la balise courante <p>
StyleStyle
Ce bouton vous permez d'appliquer 3 styles prédéfinis (Citation, Encart et Important) et 2 styles personnels (Perso1 et Perso2) que vous devez définir dans votre CSS. Pour plus d'information, cliquez sur le bouton.

Attention: Les styles persos n'apparaissent que sur votre blog, ne soyez pas étonné si le style n'est pas appliqué dans l'éditeur.

Blogeurs avancés: En HTML, cela se traduit par:
- l'appel des classes "hitcitation", "hitencart" et "hitperso1" dans une <div>
- l'appel des classes "hitimportant" et "hitperso2" dans une <span>
PolicePolice (Mode avancé)
Ce bouton permet d'appliquer une police au texte selectionné.

Attention: Cette méthode est peu conseillée car elle ajoute des balises de mise en forme dans le code HTML, ce qui n'est pas recommandé par le W3C. Pour en savoir plus, cliquez sur le bouton.

Blogeurs avancés: En HTML, cela se traduit par l'ajout des balises <font face="police"> et </font>
Taille de la policeTaille de la police (Mode avancé)
Ce bouton permet d'appliquer une taille au texte selectionné.

Attention: Cette méthode est peu conseillée car elle ajoute des balises de mise en forme dans le code HTML, ce qui n'est pas recommandé par le W3C. Pour en savoir plus, cliquez sur le bouton.

Blogeurs avancés: En HTML, cela se traduit par l'ajout des balises <font size="n"> et </font>
Mettre une imageMettre une image
Ce bouton permet d'insérer une image (jpg, gif ou png) à partir de votre espace de stockage accesible par l'onglet "Mes fichiers" du panneau d'administration.

Attention:  vous ne pouvez pas insérer, par ce bouton, une image provenant d'un autre espace de stockage que celui d'Over-blog (net, page perso, hebergeur gratuit). En cliquant sur le bouton de cette présentation, vous trouverez une procédure pour insérer une image externe à Over-Blog.
Positionner sur la gauchePositionner sur la gauche
Ce bouton permet de positionner l'image sélectionnée à gauche et impose au texte d'entourer l'image par la droite

Pratique:Si vous voulez que l'image soit indépendante du texte, cliquez sur le bouton de cette présentation pour en savoir plus.
Positionner au centrePositionner au centre
Ce bouton permet de centrer l'image sélectionnée.
Positionner sur la droitePositionner sur la droite
Ce bouton permet de positionner l'image sélectionnée à droite et impose au texte d'entourer l'image par la gauche

Pratique:Si vous voulez que l'image soit indépendante du texte, cliquez sur le bouton de cette présentation pour en savoir plus.
BordureBordure
Ce bouton permet d'appliquer une bordure colorée à l'image selectionnée

Attention: Par défaut la largeur de la bordure est de 4px.

Blogeurs avancés: cliquez sur le bouton de cette présentation pour connaître une autre méthode de création de bordure avec plus d'options paramétrables.

Quelques solutions pour les problèmes liés au copier/coller à partir de Word dans l'éditeur 

Installation du patch français pour IESpell sur la FAQ... 

Insérer un lien à partir de FCKeditor 

Insérer un tableau à partir de FCKeditor 

Recommandation W3C (World Wide Web Consortium)

Tout votre blog se réfère au fichier CSS mis à disposition par Over-Blog. Si vous définissez une police par une déclaration CSS, tout votre blog l'appliquera. Si vous changer la police, sa taille, sa couleur ou sa couleur de fond dans le fichier CSS, tous les articles de votre blog répercutent le changement.

La balise <font> est une balise de mise en page appartenant à vos aticles. En cas de modifacations, il faut réviser toutes les instances dans le blog. S'il y a une vingtaine de balises <font> par article, tout changement de police devient un exercice laborieux!

De plus la non présence de ces balises <font> dans le souce de votre blog allège le chargement de ce dernier par le navigateur. En effet, on peut facilement évaluer à 30Ko, le poids du code HTML de présentation pour l'esthétique de votre blog par l'utilisation des balises <font>. Un visiteur qui lit 10 pages de votre blog se voit charger inutilement 300ko!!

Liste numérotée / Liste à puce

Si dans les premières lignes de votre CSS, vous trouvez cette ligne:

li {list-style:none; ... }

les puces s'afficheront dans l'éditeur mais pas sur votre blog. Pour y remédier, remplacer none par disc, square, circle, et bien d'autres encore 

Sous Internet Explorer   :

La touche Enter permet de changer de paragraphe. Cela se traduit en HTML par l'ajout des balises <p></p>.

Si vous voulez aller à la ligne sans changer de paragraphe, vous devez combiner les touches Shift + Enter. En HTML cela se traduira par l'ajout d'une balise de retour chariot <br/>.

Sous Firefox   :

la touche Enter permet un retour à la ligne sans changer de paragraphe. En HTML, cela se traduira par l'ajout d'une balise de retour chariot <br/>.

Le seul moyen pour changer de paragraphe, avec Firefox, est de le notifer dans le code HTML de l'article en rajoutant des balises <p></p>.

Définitions des styles personnels:

En fait les 5 styles sont personnalisables. Pour les personnaliser il suffit dans votre CSS de rajouter les classes suivantes en remplaçant les "..." par les propriétés de style  que vous souhaitez.

.hitcitation  {...}
.hitencart    {...}
.hitimportant {...}
.hitperso1    {...}
.hitperso2    {...}

 

Il est conseillé de placer ces classes au niveau de la zone article de votre CSS.

Procédure détaillé d'une mise en ligne d'une image provenant d'Over-Blog:

Insérer une image à partir de FCKeditor

Procédures détaillées d'une mise en ligne d'une image externe à Over-Blog:

  1. Copiez/collez l'image directement depuis son emlacement sur Internet
  2. Copier/coller directement une image quelconque en provenance d'Internet. Faite un clique droit sur l'image, et selectionnez "propriétés d'images". Il ne vous reste plus qu'à remplir le champs URL en notant l'adresse de votre image

Rendre indépendant image et texte:

Cliquez droit sur l'image, sélectionnez "Propriétés d'images", selectionnez le 4ème onglet "avancé" et dans le champs "Classes de feuilles de style" remplacez "GcheTexte" ou "DrteTexte" par "none". Validez par OK

Rajouter un contour personnalisé à vos images:

Cliquez droit sur l'image, sélectionnez "Propriétés d'images", selectionnez le 4ème onglet "avancé". Dans le champs "Style" vous pouvez saisir du code CSS qui sera appliqué uniquement à cette image

Par exemple:

border:1px solid #000 --> pour une bordure noire d'1px
border:5px dashed red --> pour une bordure rouge de 5 px en pointillé
border:10px inset gray --> pour une bordure grise "façon cadre" de 10px

Une fois votre article édité, il ne vous reste plus qu'à le prévisualiser en cliquant se le bouton Prévisualisation. Si tout vous semble correct, publiez le en cliquant sur le bouton Mettre en ligne l'article.

Bon blogging (PêUR) 

 

Publié dans Overblog

Commenter cet article

Faidit 18/09/2006 14:15

Objectivement, KFC, pardon, FCK c'est bien si on ne touche pas au source ... sinon, on peut se retrouver avec un code surréaliste et même en le corrigeant, les schmotz reviennent ... Si, quant on a mis en ligne, ça marche, sourtout ne plus toucher !

PêUR 18/09/2006 22:36

C'est pas faux... mais quand on a pas le choix de l'éditeur comme sur over-blog...

Pumf 20/06/2006 15:06

Bonjour,

Ne sachant pas ou poser ma question, je la pose ici. J'ai un problème de mise en page d'article uniquement pour les articles courts (du style un mot). Au lieu d'être aligné à Gauche (contre la colonne de gauche), l'article se réduit et s'aligne à droite. Que dois je faire?

PêUR 05/07/2006 22:39

As-tu un exemple?

Annine 23/03/2006 00:38

Bonsoir, ou plutôt bonjour,

Je suis très gauche, très blonde certes, et surtout très débutante...
mais je m'accroche...
Je voudrais installer FCKeditor, je l'ai télécharger en zip,
mais, c'est nul, mais j'sais pas où le mettre et comment l'installer.
Pourtant, j'ai cherché, mal, sûrement, mais j'ai cherché....
J'ai besoin d'aide, il est 00:38, et j'vois pas le bout...

Merci d'avance, et merci pour l'existence de votre site...

PêUR 23/03/2006 21:23

Tu n'as pas besoin d'installer FCKeditor!! Cet outils est déjà intégré à Over-Blog... Si tu n'as pas tous les boutons dans ta barre d'outils, il faut passer en mode avancé:
 Editeurs: mode normal - mode avancé

celine [palmito] 23/01/2006 18:58

je suis profondemment epatee!
j'apprecie beaucoup la presentation du survol des fonctions..
c'est une tres bonne initiative!
joli apercu aussi pour ton prochain design ;)
concernant ton post it jaune, c'est bien, maintenant on le vois, mais il faut baisser le debut de ton article lol!
ralala ces hommes, faut tout leur dire! ;)
bisouuuu
palmito

PêUR 23/01/2006 23:01

Pour le post-it j'avais effectivement oublier une option pour qu'ils se superpose au pub! Par contre s'il recouvre l'article, c'est que les publicités ne sont pas apparues et l'article est trop haut!!!! 'Toute manière j'ai bientôt finis ;-)

sugi 23/01/2006 16:21

wouahhhh quel boulot que tu as fait la!
Comme d'hab c'est super!!!^^
J'ai vraiment hate de voir ton nouveau design!^_~
Tu fais comment pour ouvrir une page en Popup (c'est bien comme ça que c'est ?) C'est la classe!!!!^o^

biz

sugi la fourmiz ....dans les starting blok lol

PêUR 23/01/2006 22:59

;-)