Celui ci est plus simple et mieux detailler. Jai ajouter des trucs de l'autre dans celui la donc un 2 en 1.
Vous pouvez ausis changer la forme au lieu sa soit rectangulaire sa peut etre en forme oval ou de feuille et d'autre forme mais sa sera expliquer un peu plus tard dans un astuce dans les jours qui viendront . La jai trop de chose a faire pour l'expliquer.
Theme/Personaliser/Avancer/Ajout CSS:
.comment-block {
background: #2d2240; /* La couleur de l'arrière-plan */
border: 8px double #6d5298; /* bordure */
margin-bottom:20px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.comments .comment-thread.inline-thread {
background-color: #240e38; /* La couleur en arriere-plan derriere les reponses */
border-top: 6px double #8d65d5; /* Bordure du haut, */
border-right: 6px double #8d65d5; /* Bordure de droite*/
border-bottom: 6px double #8d65d5; /* Bordure du bas, */
border-left: 6px double #8d65d5; /* Bordure de gauche, */
}
.comment-content {
padding:3px 10px 10px 10px;
color:#9c79cf; /* La couleur de la police des commentaires */
}
.datetime a {
font-style:italic;
font-size:20px;
color:#9c79cf; /* Couleur de la date */
margin-left: 40px;
}
.comments .comments-content .user a{
color:#8d65d5; /* Couleur du nom de l'auteur */
font-size: 23px; /* La taille du nom de l'auteur */
padding-left: 40px;
font-weight:bold; /* caractere gras */
text-decoration:none;
}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 0 10px 10px;
padding:0 15px;
color:#a94cc2; /* La couleur police de repondre et effacer */
text-align:center;
texte-décoration:aucun;
arrière-plan:#3d1848;
bordure:3px double #6e2c80;
rayon-bordure:4px;
hauteur:22px;
hauteur-ligne:20px;
épaisseur-police:normal;
curseur:pointeur;
}
.comments .continue {
bordure-haut: 4px solid #226c76;
}
.comments .comments-contenu .icône.blog-auteur {
arrière-plan-image:aucun;
marge-gauche: -10px;
}
.comments .avatar-image-container{
marge: 0px 0px 0px 0px;
remplissage: 0px 0px 0px 0px;
largeur: 45px;
hauteur-max: 45px;
bordure: 3px solid #6d5298;
remplissage: 2px;
}
.comments .avatar-image-container img{
marge: 0px 0px 0px 0px;
rembourrage : 0px 0px 0px 0px ;
largeur maximale : 45 px ;
hauteur : 45px ;
}
.comments-new a {
padding-left: 5px; /* Couleur du lien */
color: #c23c51;
}
.comment-header {
border-bottom: 10px double #402777; /* BORDURE EN DESSOUS DU NOM ET DATE */
padding-bottom: 5px;
}
.thread-chrome.thread-expanded .comment-header {
width: 800px; /*LONGUEUR DE LA BORDURE EN DESSOUS DU NOM ET DATE POUR REPONDRE A LA SUITE D'UN COMM.. */
margin-left: 0px;
}