Recursos: Estilos de comentarios para tu blog.

Hola, little dragons :3

Como ayer prometí, aquí os dejo varios estilos de comentarios para blogs. Todos hechos por mí, así que si utilizáis alguno, dadle créditos al blog.

Estilo de comentarios dotted:

/* Caja del comentario */ .comment-content{ background:#FFFFFF; padding:13px; border-radius:10px; color:#DD83FF; } /* Titulo "No hay comentarios/nro Cometarios" */ h4{ border-radius: 10px; background:#EAB2FF; text-align:center; color:#fff; text-shadow: 0px 0px 3px #ffffff; } /* Nombre del usuario */ .user { background: #FFFFFF; padding: 7px; margin-left: 10px; border-radius: 10px 10px 0 0; } .icon { background: transparent; } /* Caja de color */ .comment-block{ background:#fff url(http://img545.imageshack.us/img545/8475/dotted.jpg); padding:10px; border: 1px solid #DD83FF; border-radius: 15px 15px 15px 15px; } /* Links de la caja de color */ .comment-block a{ font-weight: normal; } /* Contorno de los avatares */ .avatar-image-container{ background:#EAB2FF; padding:5px; border-radius:50% 50% 0% 50%; } /* Avatares de comentarios */ .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%; } /* Avatares de comentarios "HOVER" */ .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) ; } /* Links Fecha/Responder/Eliminar */ .secondary-text a{ color: #EAB2FF; padding: 3px; background:#FFFFFF; float: center; border-radius:5px; text-shadow: none; }

Recursos: Fondos para blog.

Hola, little dragons :3

Este es mi segundo pack que hago en MediaFire y la verdad es que me está gustando esto de hacer packs^^ Hoy he querido regalaros unos fondos que tenía con telarañas en una carpeta escondida en mi escritorio que nunca he usado, y todos son preciosos :3

Tutorial: Cómo cambiar el favicon del blog {+ favicons}.

Hola, little dragons^^

Nos han pedido un tutorial sobre cómo cambiar el favicon del blog. Lo primero de todo: 

¿Qué es un favicon?

Originalmente, el favicon era la imagen que se utilizaba para poner al lado de sitio web o blog en caso de que se agregara a favoritos. Más tarde, los navegadores más actualizados, comenzaron a usar el favicon en la barra de pestañas junto al nombre del sitio web. Estos son dos ejemplos de favicon:

El favicon no hay que confundirle con el "logo" del blog. Es simplemente decorativo, nada más. Se puede cambiar a menudo, no tiene por qué ser siempre el mismo.

Pero esta es la pregunta que muchos se hacen:

Recursos: Cursores de sagas literarias.

Hola ^^

A petición, hoy os traigo unos cursores de distintas sagas literarias.

Recordad que cuando elijáis uno, debéis poner este código en un gadget cualquiera tipo HTML/Javascript y reemplazar el texto de color rojo por la URL del cursor.

<style type="text/css">body {cursor:url("URL O DIRECCION DEL CURSOR"),default}</style>

Para copiar la URL sólo tenéis que clickar con el botón derecho encima de la imagen y después darle a "Copiar URL de imagen".

Harry Potter

Gafas de Harry.

Varita mágica

Snitch dorada.

Emblema de Hogwarts.

Escoba Nimbus.

Búho.

Los Juegos del Hambre.
Katniss Everdeen.

Effie Trinket.

En Llamas.

Recursos: Caja de texto "Up/Down".

Holis^^

Pues nada, hoy os traigo unos recursos. Esta vez cajitas de texto. Se suelen usar para dar la bienvenida al blog o para noticias aunque puedes poner lo que quieras en ellas.
Créditos por el código y las cajitas a Mell.

Si quieréis ver una vista previa, click aquí para ver el resultado en mi blog de pruebas.

Recursos: Cursores.

Holis^^

Bueno, pues finalmente me decidí por hacer unos recursos para vuestros blogs. Para empezar, os traigo unos cursores (por pedido de Selene), que he encontrado en varios blogs. También os enseñaré cómo colocar un cursor en vuestro blog. Los créditos estarán puestos al final :)