Rédiger des commentaires avancées

Publié le par PêUR

Mise à jour le 21/01/2006 22:49

Avant la mise en place de la version 1.88 d'Over-Blog (août 2005), cet article expliquait comment insérer des images, des liens et une mise en forme aux textes de réponse de commentaire. En effet, il n'y avait pas de barre d'outils pour faire ces opérations.

Depuis la version 1.88, la barre d'outils est maintenant disponible et permet ces modifications de manière simple.

Pour cet article j'ai donc conservé les derniers paragraphes de l'article originel qui expliquent comment mettre en page un commentaire sur un autre blog qui n'a pas activer l'option HTML pour le formulaire de saisie de commentaire (Option apparues avec la version 1.9 de décembre 2005).

1 / Rappel

  • Copier: CTRL + C ou Clique droit>copier
  • Coller: CTRL + V ou Clique droit>coller
  • Gras: CTRL+B
  • Italic: CTRL+I
  • Souligné: CTRL+U
  • Saut de ligne: CTRL+ENTER (Uniquement sous Internet Explorer)
  • Saut de paragrapheENTER (Uniquement sous Internet Explorer)

2 / Le vif du sujet: laisser un commentaire avancé sur un autre blog

Il suffit de connaître les rudiments du HTML, car la zone de saisie du commentaire est en mode source (Si l'option "Activer l'HTML dans les commentaires" n'a pas été cochée par le blogmestre).

  • Pour insérer une image en mode HTML: <img src="URL_de_votre_image.jpg">
  • Pour insérer un lien en mode HTML: <a href="URL_du_lien">texte à cliquer</a>
  • Pour du Gras: <b>votre texte</b>
  • Pour de l'Italic: <i>votre texte</i>
  • Pour un Soulignement: <u>votre texte</u>
  • Barré: <strike>votre texte</strike>

Ces exemples sont non exhaustif. Etant donné que la saisie se fait en HTML, tout HTML est possible, avec un peu de connaissance et d'imagination on peut faire des commentaires très élaboré (sur le plan esthétique)

Astuce

Voici le code que j'utilise pour insérer mon avatar dans les commentaires que je laisse sur les autres blogs. Comme je veux que l'image soit à gauche du texte, j'utilise du CSS "in line" via l'attribut style:

HTML

<P>
<img style="FLOAT: left;" src="URL_de_mon-avatar" align="middle">
Texte du commentaire
</P>

4 / Recommandations

  • Faite attention à l'usage du HTML dans les commentaires. En effet une balise mal fermée peut entrainer une modification du blog visité! A titre d'exemple si vous oubliez de fermer la balise <b> par la balise </b>, la colonne gauche du blog (selon le modèle) peut voir tout son texte transformé en gras. Pour y remédier il suffit de poster un autre commentaire à la suite.
  • Certains blogueurs n'apprécient pas que l'on insère des images en commentaire (pour des raisons esthétiques ou de poids de la page...). Soyez compréhensif si votre commentaire est supprimé ou si vous êtes invité à ne plus mettre d'image dans un commentaire.

 

Publié dans Faq

Pour être informé des derniers articles, inscrivez vous :

Commenter cet article

s 08/02/2017 15:50

lol

♫♫ Orion ♫♫ 23/06/2007 13:00

Génial; merci beaucoup !!!
Au fait, comment fais-tu pour mettre une image entre chaque commentaire ? Par exemple pour ce blog c'est cette image.

PêUR 08/07/2007 21:20

Via le CSS

♫♫ Orion ♫♫ 21/06/2007 18:35

Bonjour a toi !
Le viens d'essayer de donner une couleur de fond différente entre les commentaires et les réponses, mais ca marche pas ! J'ai aussi essayé de supprimer le "Réponse de" mais ca marche pas non plus !
Si tu pourrais m'aider stp ...
Voici les lignez de CCS concernés :

.commentMessage {padding:2px; border:1px dotted #990066; margin:12px; background-color:#00FFFF; color:#000000;}
.reponseMessage {background-color:#FFFFFF; color:#000000;}
.commentOption {text-align:right; font-size:90%; color:#A2A3A4; margin-bottom:10px; font-weight:bold; margin:0px 0px 0px 15px; text-align:left}
.reponseOption {display: none;}

Si tu vois des erreurs ...
@++

PêUR 22/06/2007 22:41

remplace reponseMessage par responseMessage et reponseOption par responseOption

M&A 16/12/2006 14:56

Merci, il me reste à décaler maintenant mon texte.

PêUR 16/12/2006 15:57

Pour ça utilise le padding ;-)

M&A 16/12/2006 14:39

Bonjour, j'ai essayé de suivre toutes les indications, et j'ai réussi à mettre mon gif dans les réponses, mais je n'arrive pas à le décaler de l'angle, si je le pousse il se met au milieu. j'avoue ne pas être très calé..un petit d'aide...merci
(Blog Adulte)

PêUR 16/12/2006 14:50

Au lieu de mettre top left pour caler ton image, mets des valeurs en pixel. Par exemple:.reponseMessage {background: url(...) 5px 5px no-repeat;Le première valeur correspond  au déplacement vers la droite de ton image d'autant de pixel alors que la seconde valeur correspond à son déplacement vers le bas.