HOME TITLE TITLE TITLE TITLE

viernes, 22 de diciembre de 2017

Tutorial: Personaliza los comentarios



Hola a todos , hoy les traigo un tutorial se trata de personalizar los comentarios .
es muy facil y no tarda mucho ademas queda muy bonito :)
Empecemos , solo sigan los pasos es muy facil no tardara mas de 1  minutos



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

.comment-content{background:#FFE2E2;padding:13px;border-radius:30px;color:#666;}
h4{background:#F9D7FF;text-align:center;color:#FDBADB;text-shadow:2px 2px 3px #888;font:30px ttn !important;}

@font-face{font-family:ttn;src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);}
.comment-block{background:#FEF3F3;padding:10px;border-radius:30px;border:3px dashed #FEE8E8}
.avatar-image-container{background:#FFE2E2;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;border-radius:30px;float:right;border:2px solid #FEE8E8;}
Y bueno eso solo es , es muy facil tenes que probarlo :)


No hay comentarios:

Publicar un comentario