[TUTORIALES]Edita tus comentarios.{2}

~!Let it go~!!let it go~~~...ohhh no~~!
Hola?Como estan pollitos hermosos~>??Por que son hermosos>????Saben me deben una explicacion,quiero saber por que son tan lindos~!!!jejje Bueno fuero de todo{quiero que me digan?}Aqui estoy feliz,pase un buen fin de semana con mi hermana,me quedo todo el fin de semana en su casa, y la pase muy muy bien~!!jejej Aunque creo que no es bueno,por que como mucho jajajaja Bueno hoy lees traigo una tutorial,es como editar tus comentarios{2} si te gusta.ve verifica la primera parte en las tutoriales...Bueno empezemos:

|click a la imagen|
1.Buscamos /* Comments  y abajo de este codigo hay unos codigos html que vamos a eliminar.[vista previa]
2.Despues que hayas borrado el codigo,sustituyelo por el este:
.comments{
clear:both;
background-color: none;
margin-top: -5px;
margin-bottom:0;
line-height:18px;
font-size: 11px;
}
.comments .comments-content{
margin-bottom: 6px;
font-weight:normal;
text-align: justify;
background: transparent;
}
.comments .comment .comment-actions a,.comments .comment .continue a{
background: #e8e8e8;
border:1px solid #C0C0C0;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
margin-bottom: 3px;
margin-left: 2px;
margin-right: 2px;
display:inline-block;
text-align:center;
text-decoration:none;
width: 54px;
line-height: 17px;
font-weight: normal;
cursor: pointer;
font-family: "Calibri";
font-size: 11px;
color: #999;
}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {
text-decoration: none;
background:#fff;
border:1px solid #999;
}
.comments .comments-content .datetime a{
font-size: 11px;
text-decoration:none;
color: #A9A9F5;
text-align: right;
float: right;
}
.comment-content{
margin: 4px;
padding: 0 4px;
}
.comment-header{ /* fondo de los autores */
background-color: #E6E0F8;
font-size:18px;
border-bottom:1px solid #E6E0F8;
padding:5px;
}
.comment-header a{ /* nombre de los autores) */
color: #A9A9F5;
}
.comments .thread-toggle .thread-arrow{
display:inline-block;
height:6px;
width:7px;
overflow:visible;
margin:0.3em;
padding-right:4px;
}
.comments .comment-block{
margin-left: 46px;
margin-top: 2px;
background: #fff; /* fondo de los comentarios */
border: 1px solid #D8CEF6; /* borde de la caja */
}
.avatar-image-container{
width:50px !important;
height:50px !important;
max-width:58px !important;
max-height:58px !important;
}
.comments .avatar-image-container img{ /* foto del comentarista */
padding:1px;
border:1px solid #D8CEF6;
background: #fff;
-moz-opacity: 0.73;
-khtml-opacity: 0.73;
opacity: 0.73;
filter:alpha(opacity=73);
-webkit-transition-duration: .10s;
}
.comments .avatar-image-container img:hover{
-moz-opacity: 0.98;
-khtml-opacity: 0.98;
opacity: 0.98;
filter:alpha(opacity=98);
-webkit-transition-duration: .50s;
}
.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;
}
3.Edita a gusto y luego guarda~.

Espero que les guste mucho esta tutorial~!!!Bueno...tambien queria decirles que cambiere el diseno del blog.Sera lindo y colorido.La firma que voy a dejar al final sera la represetante del nuevo diseno que estare haciendo.Eso es todo~!!Ohhh no olviden pasar por la iniciativa "CLICK AQUI".
Deja tu comentario~
Les dejo besos de cherryT.O.P
Att:Lee rae mi{dayi}



11 comentarios:

  1. Lindo tutorial!♥ gracias :3 ya mismo me paso por la iniciativa ♥

    ResponderEliminar
  2. oh gracias tal vez lo use para mi nuevo diseño!!

    ResponderEliminar
  3. que boniitaa gracias por el tuto tal vez lo ste usando cuando desee hacer cambio de plantilla

    ResponderEliminar
  4. Gracias por el tutorial.
    Ay se ve que va a quedar hermoso el nuevo diseño.
    Besos

    ResponderEliminar
  5. Pdt: Lo voy a usar en mi blog :)
    Besos

    ResponderEliminar
  6. gracias por el tutorial! está muy lindo *w*!
    saludos

    ResponderEliminar
  7. muy bueno el tuto .. :D saludos que andes bien c:!

    ResponderEliminar
  8. Soy un pollito hermoso! jeje
    Gracias por el tuto! Lo usaré ^^
    Besos Dayi ^^

    Larita

    ResponderEliminar
  9. Está muy lindo pero tengo un problema, y es que al ponerlo en mi plantilla se queda una especia de fondo negro que queda feo :c

    ResponderEliminar
    Respuestas
    1. recuerda borrar todo el codigo anterior, o si no verifica que en "personalizar" tu seccion de los comentarios todo este en modo transparente.
      saludos

      Eliminar

Puedes dejar cualquier tipo de comentario(*≧m≦*)Pero si el comentario no es de gusto del blog sera borrado..
No insultes.
No spam(;¬_¬)
Si tienes algo que decirme privado:
dayi123466@gmail.com