<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet title="XSL formatting" type="text/xsl" href="https://www.hautetfort.com/css/atom.xsl" ?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="fr">
<title>Last posts on distinction de l&#039;auteur au sein des commentaires</title>
<link rel="self" type="application/atom+xml" href="https://www.hautetfort.com/explore/posts/tag/distinction%20de%20l%27auteur%20au%20sein%20des%20commentaires/atom.xml"/>
<link rel="alternate" type="text/html" href="https://www.hautetfort.com/explore/posts/tag/distinction%20de%20l%27auteur%20au%20sein%20des%20commentaires" />
<updated>2026-11-10T09:16:02+01:00</updated>
<rights>All Rights Reserved blogSpirit</rights>
<generator uri="https://www.hautetfort.com/" version="1.0">https://www.hautetfort.com/</generator>
<id>https://www.hautetfort.com/explore/posts/tag/distinction%20de%20l%27auteur%20au%20sein%20des%20commentaires/atom.xml</id>
<entry>
<author>
<name>Philippe</name>
<uri>http://leblog.hautetfort.com/about.html</uri>
</author>
<title>Distinguer ses réponses au sein des commentaires</title>
<link rel="alternate" type="text/html" href="http://leblog.hautetfort.com/archive/2009/03/23/distinguer-ses-reponses-au-sein-des-commentaires.html" />
<id>tag:leblog.hautetfort.com,2009-03-30:2110978</id>
<updated>2009-03-30T16:37:00+02:00</updated>
<published>2009-03-30T16:37:00+02:00</published>
<summary>  En ce lundi, une nouvelle fonctionnalité fait son apparition sur  votre...</summary>
<content type="html" xml:base="http://leblog.hautetfort.com/">
&lt;p&gt;En ce lundi, une nouvelle fonctionnalité fait son apparition sur &lt;a href=&quot;http://www.hautetfort.com&quot;&gt;votre plateforme Hautetfort&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;Il s'agit de distinguer vos réponses, au sein des commentaires de votre blog, par l'application d'un fond coloré.&lt;/p&gt; &lt;p&gt;Cette fonctionnalité est très utile pour les blogs qui recueillent beaucoup de commentaires, et rend les fils de commentaires plus digestes, et plus lisibles.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;La mise en place nécéssite quelques menues manipulations de votre part pour mettre vos template à jour, je vous recommande donc vivement de cliquer sur &lt;i&gt;Lire la suite&lt;/i&gt; !&lt;/p&gt; &lt;p&gt;Pour finir, sachez que cette fonctionnalité fonctionne par reconnaissance de &lt;a href=&quot;http://www.hautetfort.com/kb/Modifier_mon_adresse_email&quot;&gt;l'adresse mail que vous avez renseignée dans votre interface d'administration&lt;/a&gt;. Pensez-bien à saisir la même lorsque vous répondez à vos commentaires ;)&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt;  &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Plusieurs cas de figure vont se présenter :&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;b&gt;1. Vous n'avez jamais changé votre design, ou vous avez juste personnalisé votre bannière&lt;/b&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;span style=&quot;background-color: #ffff00;&quot;&gt;Il s'agit du cas où vous n'êtes jamais entré dans la configuration avancée de votre blog.&lt;/span&gt;&lt;/p&gt; &lt;p&gt;Comment savoir si vous avez déjà touché à votre configuration avancée ?&lt;/p&gt; &lt;p&gt;Eh bien, tout simplement en vous souvenant si vous avez déjà modifié votre code en passant par là :&lt;/p&gt; &lt;p&gt;&lt;b&gt;ONGLET PRESENTATION - Configuration avancée&lt;/b&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;div style=&quot;text-align: center&quot;&gt; &lt;div style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;http://leblog.hautetfort.com/media/00/02/1557692963.jpg&quot; id=&quot;media-1668354&quot; alt=&quot;1.jpg&quot; style=&quot;border-width: 0; margin: 0.7em 0;&quot; height=&quot;388&quot; width=&quot;412&quot; /&gt;&lt;/div&gt; &lt;br /&gt;&lt;/div&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Nous sommes bien d'accord que pour ce premier cas de figure, nous partons du principe que vous n'avez pas touché au code.&lt;/p&gt; &lt;p&gt;Et donc nous vous demandons de mettre à jour votre template, soit en sélectionnant un nouveau design, soit en resélectionnant votre design actuel.&lt;/p&gt; &lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp;&lt;/p&gt; &lt;div style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;http://leblog.hautetfort.com/media/02/00/460912883.jpg&quot; id=&quot;media-1668361&quot; alt=&quot;2.jpg&quot; style=&quot;border-width: 0; margin: 0.7em 0;&quot; height=&quot;381&quot; width=&quot;422&quot; /&gt;&lt;/div&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Vous pouvez en profiter pour personnaliser votre design avec les couleurs de votre choix.&lt;/p&gt; &lt;p&gt;N'oubliez pas de remettre votre bannière en place.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;span style=&quot;background-color: #ffff00;&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;b&gt;Surtout, faites attention aux éléments suivants :&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;- Si vous changez de design et que vous aviez mis en place une bannière personnalisée, une retouche en largeur sera peut-être nécessaire.&lt;/p&gt; &lt;p&gt;- L'action UTILISEZ CE MODELE est irréversible, vous ne pourrez plus revenir en arrière&lt;/p&gt; &lt;p&gt;- Si vous avez modifié votre configuration avancée, reportez vous IMPERATIVEMENT aux paragraphes deux et trois, et ne suivez pas la procédure ci-dessous au risque de perdre toutes les modifications apportées au design.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;C'est bon, c'est fait ?&lt;/p&gt; &lt;p&gt;Vos commentaires s'affichent désormais automatiquement sur un fond coloré ;)&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;b&gt;2. Vous avez modifié votre design AU NIVEAU DE LA FEUILLE DE STYLE&lt;/b&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Vous êtes entrés dans la configuration avancée, et vous avez modifié l'élément &quot;feuille de style&quot;.&lt;/p&gt; &lt;p&gt;Il va vous falloir copier coller le code suivant &lt;span style=&quot;background-color: #ffff00;&quot;&gt;en toute fin de feuille de style, et en remplaçant l'élément surligné en jaune avec le code couleur choisi&lt;/span&gt;.&lt;/p&gt; &lt;p&gt;Vous ne connaissez pas le code de la couleur de votre choix ? Rendez-vous sur la page suivante : &lt;a href=&quot;http://www.colorschemer.com/blog/2008/03/21/120-crayons-on-the-web/&quot;&gt;http://www.colorschemer.com/blog/2008/03/21/120-crayons-on-the-web.&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;.commentparent, .commentchild&amp;nbsp; {&lt;br /&gt; line-height: 150%;&lt;br /&gt; margin: 10px 0px;&lt;br /&gt; padding: 0px;&lt;br /&gt; -moz-border-radius: 1% 1% 1% 1%;&lt;br /&gt; -webkit-border-radius: 1% 1% 1% 1%;&lt;br /&gt; background:&amp;nbsp;none; &amp;nbsp;&amp;nbsp;&amp;nbsp; border-bottom: none; }&lt;br /&gt; .commentparent.author, .commentchild.author {&lt;br /&gt; background-color: &lt;span style=&quot;background-color: #ffff00;&quot;&gt;#dddddd&lt;/span&gt;;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt; }&lt;br /&gt; .commentparent .gravatar, .commentchild .gravatar {&lt;br /&gt; float: left;&lt;br /&gt; margin: 0 5px 5px 0;&lt;br /&gt; }&lt;br /&gt; .commentparent p.posted, .commentchild p.posted {&lt;br /&gt; border-bottom: none; &amp;nbsp;&amp;nbsp;&amp;nbsp; background:&amp;nbsp;none;&lt;br /&gt; margin: 5px 5px 5px 0;&lt;br /&gt; padding: 0;&lt;br /&gt; }&lt;br /&gt; .commentparent p, .commentchild p {&lt;br /&gt; margin-top: 0px;&lt;br /&gt; margin-bottom: 0px;&lt;br /&gt; }&lt;br /&gt; .commentparent {&lt;br /&gt; padding: 3px;&lt;br /&gt; }&lt;br /&gt; .commentchild {&lt;br /&gt; margin: 4px 0px 4px 40px;&lt;br /&gt; padding: 3px;&lt;br /&gt; }&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Une fois validé, c'est bon : vos commentaires s'affichent désormais automatiquement sur un fond coloré ;).&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;b&gt;3. Vous avez modifié votre design AU NIVEAU DU TEMPLATE HTML&lt;/b&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Dans ce cas, je vous invite à me contacter rapidement à l'adresse suivante : contact@hautetfort.com, afin que nous nous chargions de la mise en place.&lt;/p&gt; &lt;p&gt;Vous pouvez également laisser un commentaire ci-dessous, et nous nous en chargeons sous 8 jours.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;A très vite sur &lt;a href=&quot;http://www.hautetfort.com&quot;&gt;Hautetfort.com&lt;/a&gt; !&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; 
</content>
</entry>
</feed>