En suivant ce hack vous allez changer le look des commentaire en quelque chose comme ca
Preview
je souhaite que vous l'aimerai
Telechargement−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
Installationdecompresse le fichier telecharge
puis pose le fichier system_comments_flat.html dans
TonTheme -> modules -> systemest modifie ton style.css et pose a la fin
/*--------------Comment Styling------------------------*/
#comment_zone{margin:10px 0px;clear:both;text-align:left;}
#comment_zone p{text-align:left;}
#comment_zone #respond{margin:15px 0px 5px 0px;}
#comment_zone #ubuttons{z-index: inhert; position: absolute;bottom: 5px;left: 5px;}
#comment_zone #ubuttons img{margin:2px;}
/*Guest comments*/
#comment_zone ol li{background:#f9f9f9; border:1px solid #CFCFCF; margin:7px 0px; overflow:hidden; min-height:100px; height:auto !important; height:100px;position: relative;}
#comment_zone li .gravatar_col{clear:right;float:left; min-height:100px; width:130px;}
#comment_zone li .comment_col{float:right;padding-right:30px; min-height:100px; width:380px;}
#comment_zone ol .avatar{border:5px solid #CFCFCF;}
#comment_zone ol cite{font-size:13px; font-weight:bold;text-align: left;}
#comment_zone ol cite a{text-decoration:none;text-align: left;}
#comment_zone ol cite a:hover{text-decoration:underline;}
#comment_zone ol .datestamp{color:#666;text-align: left;}
#comment_zone ol .datestamp a{text-decoration:none;}
#comment_zone ol .datestamp a:hover{text-decoration:underline;}
#comment_zone ol .comment-text{color:#000;text-align: left;font-family: Helvetica,Arial,sans-serif;}
/*Author Comments*/
#comment_zone ol li.authorcomment{padding-bottom: 10px; background:#000 url("http://static.buildinternet.com/theme-files/authorcomment-bg.jpg") top right no-repeat; color:#FFF; border:1px solid #3B3B3B;}
#comment_zone ol .authorcomment .avatar{border:5px solid #333;}
#comment_zone ol .authorcomment p{color:#BFBFBF;}
#comment_zone ol .authorcomment cite a{color:#b6d7e9;}
#comment_zone ol .authorcomment p a{color:#b6d7e9;}
#comment_zone ol .authorcomment .datestamp{color:#666;}
#comment_zone ol .authorcomment .datestamp a{color:#757575;}
/*Admin Comment Styles*/
/*#comment_zone ol li.admincomment{background:#333; color:#F7F7F7; border:1px solid #474747;}*/
#comment_zone ol li.admincomment{padding-bottom: 10px; background:#000 url("http://static.buildinternet.com/theme-files/authorcomment-bg.jpg") top right no-repeat; color:#FFF; border:1px solid #000;}
#comment_zone ol li.admincomment img {border:5px solid #474747;}
#comment_zone ol li.admincomment a{color:#b6d7e9;}
.comment-padding{padding:10px;}
/*----------------end------------------------*/
enfin pose les image dans le fichier dans
htdocs −> images -> icons
jai oublier de preciser que ces modification sont pour le type flat alors faut choisir ce type de commentaire dans les settings
![Open in new window](javascript:CaricaFoto("http://i214.photobucket.com/albums/cc238/dragofreezer/necomment.jpg");)
).
