Avatares de los comentarios redondeados

viernes, 21 de septiembre de 2012

Hola chicas como estan?? ... espero que biien! les traigo un tuto de como poner redondeados los bordes de los avatares de los comentarios de las entradas....
Osea asiii como pueden ver en la siguiente imagen guia


Ok, empecemos ^^  

Ve a la Edición HTML de tu blog

Luego con f3 buscas: ]]></b:skin> 

Ahora justo despues de el codigo anteriormente buscado pegas lo siguiente:


<b:if cond='data:blog.pageType == &quot;item&quot;'> <style
type='text/css'> .comments .comments-content .comment-content{text-align:left;} .comments .comments-content .inline-thread {background: #eef2f2; border:1px solid #cedadc;}.comments .comments-content .comment {border-bottom: 1px solid #b2d1d6 !important;} .comments .avatar-image-container {border:3px solid #cedadc;} .comments .avatar-image-container, .comments .avatar-image-container img { -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; } </style> </b:if>


Ahora Tecnicismos!

.comments .comments-content .inline-thread: puse el color del borde (border) y fondo (background) de las respuestas de los comentarios, por eso se ven en "cajitas".


.comments .comments-content .comment: puse el borde (border) que se aplica al fondo de cada comentario, independientemente que sea repuesta o no.

.comments .avatar-image-container, puse la imagen que aparece debajo de cada avatar, si alguien usa imagen transparente en su avatar, se verá ésta como fondo, o bien cuando no haya ningún avatar, por ejemplo en comentarios de usuarios que comenten como anónimos. 

Si prefieres el texto justificado en los comentarios, quita todo lo que resalté de naranja .comments .comments-content .comment-content{text-align:left;} esa regla ya la envía Blogger.


Y ya.... eso es todo ^^
Asi ya tendras tus comentarios mas boniitos

Bueno eso es todo ... bay, hasta la proxima y que la pasen super, yo no la pasare super mañana tengo brigada D:



No se Olviden comentar ^^


Como colocar doble cursor en tu blog + mini cursores kawaii

lunes, 17 de septiembre de 2012

 hola mis chic@s como estan?? ahh espero que biien y con buenos animos para arreglar su bloguis un poco mas ^^!

hace un tiempo tuve problemas porque queria que mi blog tuviera dos cursores!

sii dos cursores!~~  osea ..... uno mientras navegas por el blog y el otro diferente al colocar el mouse sobre algun link del blog, y fue aun mucho peor cuando quise tener cursores pequeñitos comoo el que tengo ahora!! fue super dificil encontrarlos!... pero ahora les ahorrare eso a ustedes ~~ como??

pss les dejo tutorial y algunos cursores pequeñiitos :)

para hacer esto es super facil:

Vas a Escritorio.......

  Diseño  Elementos de pagina  Añadir gadget Html/Javacripts.

Copias el siguiente codigo y lo pegas:

<style type="text/css">body, a, a:link{cursor:url(URL DEL CURSOR 1), default;} a:hover {cursor:url( URL DEL CURSOR 2),wait;}</style>




bueno y como dije les dejo algunos minis cursores!! que en lo personal a mi me encantan ^^ , lo unico que deben hacer es :

clic derecho copiar URL reemplazar url del cursor 1/2

Cursores de navegacion Noormal:

                                                  
           

Cursores que aparecen cuando se coloca el mouse sobre el link:


                            
                                                                                                    

              
                



bueno eso fue todo por hoy diria yooo :P psss bay! espero que tengan un buen inicio de semana y que les vaya super bien!!y que tengan exito en todo lo que se propongan! y NO olviden dejarme un comentario okii? 


ahhh ya les habia dicho que mi grupo favoriito es SHINee?? noo?? ahhhh pss si lo es :P

crediitOs: 
Para mi! 
me ah costado mucho
 encontrar cada uno >.<!!~~