10 jul. 2014

Comentarios Personalizados #2

Hola ! Mis Hermosas Personitas Como Están Espero Muy Bien Un SALUDITO A THAIS y que se le pase el empacho! :')  Bueno Otra Cositas es que les traigo una Personalización de comments Nueva !! Bueno Aqui les dejo el tutito !! 

Plantilla Blogger :
Plantilla >> Edicion HTML >> CTRL+F  o F3  Y Buscas /* Comments  o CommentsY Remplazas todo eso y pones esto :

/* Comments De Chinnix M.C.A
----------------------------------------------- */
.comments{ /* Texto do comentario */
margin-bottom:0;
clear:both;margin-top:10px;
line-height:18px;
font-size:11px; font-family: Verdana;
color: #D0A9F5;}
.comments .comments-content{
margin-bottom:16px;
font-weight:normal;
text-align:left}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 0 5px 3px;
padding:0 2px;
color: #fff;
background: #ffffff;
text-shadow: 1px 1px 0px #D0A9F5;
box-shadow: 2px 2px 0px #D0A9F5;
text-align:center;
text-decoration:none;
border-radius:2px;
color: #9F81F7;
background: #ECCEF5;
text-shadow: 1px 1px 0px #ff98a6;
box-shadow: inset 0px 0px 5px #ffb2bc;
height:18px;
line-height:18px;
font-weight:normal;
font-family: pf arma five;
font-size: 8px;
-webkit-transition-duration: .30s;text-decoration:none;
}
#comments h4, /* Letra do XX comentários */
#comments .comment-author a,
#comments .comment-timestamp a {
text-align: center;
font-family: Fontdinerdotcom luvable;
font-weight: normal;
font-size: 30px;
color: #D0A9F5;
}
.comments .comments-content .comment-thread ol{
list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:40px;}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative;
}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{font-weight:normal;text-decoration:none;}
.comments .comments-content .icon.blog-author{
position:absolute;
top: 8px;
right: 30px;
margin:0;
background-image: url('http://1.bp.blogspot.com/-Xv5KNc5l4lI/UiPVmUVPqkI/AAAAAAAACJI/4tbN4SGf9ZQ/s1600/konnichiwa2.png');
width:19px;height:9px
}
.comments .comments-content .datetime a{
font-size:0px;
text-decoration:none; color: tranparent;
}
.comment-content{margin:0 0 8px;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
position:relative;
background:#FFF;
border:1px solid #9F81F7;
border-radius:1px;
}
.comment-header { /* Area onde fica o nome do autor */
padding: 4px;
font-size:14px;
font-style: normal;
font-weight: normal;
color: #9F81F7;
font-family:Verdana;
text-transform:uppercase;
background: #D0A9F5;
border: 1px solid #D0A9F5;
}
.comment-header a{
color: #fff;
}

.avatar-image-container{ /* avatar do comentario */
float:right;
vertical-align:middle;
overflow:hidden;
width:65px !important;
height:51px !important;
max-width:65px !important;
max-height:51px !important}
.comments .avatar-image-container img{
padding0px;
width:45px !important;
height:45px !important;
;max-width:45px !important;
max-height:45px !important;
border-radius: 0px;
-webkit-transition-duration: .50s;
-webkit-animation-name: flipInX;
border: 3px Double #F5A9F2 ;
}
.comments .avatar-image-container img:hover{
border-radius: 0px;
-webkit-animation-name: flipInX;
-webkit-animation-duration: .90s;
border-radius: 7px;
border:3px Dauble #F5A9F2;
}

E D I T A M O S

TODO LO QUE ESTA EN ROSITA !!

ROSITAAA XD 

VISUALIZACIÓN






espero que les aya gustado el tuto !! 

NO RE-BLOGGEAR 

Los creditos estan en creditos ya y aqui ! 

                                                                                                   







4 comentarios:

  1. ¡Qué chulo! Iría que ni pintado a mi blog, lo único que probablemente acabe poniendo un punto de más y fastidie todo :'D

    Cuando sepa más sobre el código HTML, ¿Podría ponerlo en mi blog?
    Bsos & Salu2

    ResponderEliminar
  2. si lo pueden ocupar todos siempre dando credits pero lo de NO REBLOGGEAR es que no lo publiquen en su blog solamente puede estar en mi blog ! xD !

    ResponderEliminar
    Respuestas
    1. excelente tuto tal vez algun dia me anime ha utilizarlo

      Eliminar

Hola Konichiwa Espero Que Comentes Algo Lindo o3o Lind@ Bueno Espero Que Te Guste este Post Y Todos Los Post Bueno Sigueme Para Saber Cuando Actualizo .. Saludines \(o3o)/