domingo, 4 de mayo de 2014

como personalizar los comentarios!

oki empecemos con el lindo tutoo!

Van a plantilla /Edicion de HTML/Expandir plantillas de artilugios
Y ponen Ctrl+F y ponen ]]></b:skin>
ponen atras de ]]></b:skin> el siguiente codigo
(para copiar el codigo ,selecciona todo el codigo y Presionas Ctrl+C y ya lo tienes copiado y lo pegas donde te indique )



.comment-content{
background:#FFE2E2;/*Color de Fondo del contenido de comentario*/
padding:13px;
border-radius:30px;/*Border redondeado*/color:#666;/*Color de la letra del contenido de comentario*/
}
h4{
background:#F9D7FF;/*Color de Fondo de Titulo de comentarios*/
text-align:center;
color:#FDBADB;
text-shadow:2px 2px 3px #888;
font:30px tutan ;/*Tamaño de la letra 30 y su font tutan*/
}
@font-face{
font-family:tutan;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}
.comment-block{background:#FEF3F3;/*Color de Fondo de Afuera del contenido de comentario*/
padding:10px;
border-radius:30px;/*Border redondeado*/border:3px dashed #FEE8E8;/*Border 3 Tamaño dashed Tipo FEE8E8 color */}
.avatar-image-container{
background:#FFE2E2;/*Color de Fondo del avatar*/padding:5px;
border-radius:50%;
}
.avatar-image-container img{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
border-radius:50%;}
.avatar-image-container img:hover{
border-radius:50%;
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}
.datetime{
background:#fff;
padding:8px;
float:right;
border-radius:30px;
font:10px arial;
margin-top:10px;}
.secondary-text{
padding:8px;
background:#fff;/*Color de Fondo del Tiempo y responder*/border-radius:30px;/*Border redonderados*/float:right;
border:2px solid #FEE8E8;/2 Tamaño del border solid Tipo FEE8E8 Color */}


y lo remplazas por el otro color que di en los otros codigos.
                               listo , lo guardan y lo cambian ustedes los colores a su gusto





No hay comentarios:

Publicar un comentario

hola pequeño gatito! espero que comentes con respeto AriGAto!