Efectos impresionantes para blogs de Tumblr

Un efecto "asombroso" está en el ojo del espectador - lo que encuentres de mal gusto puede ser el efecto más genial para otro usuario de Tumblr. Pero una vez que decida sus propios efectos personalizados, debe editar el código fuente de su tema, así que lea cuidadosamente los tutoriales incluidos para todos los efectos antes de saltar. Puede que sean necesarios varios intentos para encontrar el equilibrio adecuado para su blog, pero el resultado final será un tema de blog exclusivo para ti.

Efectos de texto

Si desea agregar algo un poco caprichoso a su blog, podría considerar usar el Generador de texto arcoíris para crear enlaces en una paleta de arcoíris clásica. Sin embargo, un cambio más dramático y sutil es usar una fuente personalizada que se adapte al estado de ánimo de tu blog. Google Fonts ofrece más de 600 fuentes listas para la web que puede aplicar a su blog de Tumblr con una mínima modificación, que van desde simples fuentes sans serif hasta fuentes decorativas de escritura a mano. CSS también le permite aplicar degradados y filtros al texto. (Vínculos en Recursos).

Efectos de imagen

Las imágenes son una gran parte de la experiencia de Tumblr, y CSS3 facilita el cambio de la forma en que aparecen las imágenes en la página. Por ejemplo, use la pseudoclase hover en CSS para cambiar la forma en que se muestran las imágenes cuando los visitantes se desplazan sobre ellas. El siguiente ejemplo usa un filtro CSS Webkit para hacer que todas las imágenes aparezcan en escala de grises hasta que pase el mouse sobre ellas:

img {-webkit-filter: escala de grises (100%);} img: hover {-webkit-filter: escala de grises (0%);}

CSS3 ofrece varios filtros, como tono sepia, desenfoques, gestión del contraste y otros efectos básicos de edición de imágenes. El artículo "Saluda a los filtros de Webkit" de Tuts + analiza estos filtros y cómo usarlos. (Enlace en Recursos).

Efectos de cursor

Otro método de personalización es cambiar el cursor de su visitante, creando interés visual en el punto focal del usuario. Por ejemplo, considere el efecto Rainbow Fireworks que crea una pequeña explosión similar a los fuegos artificiales cada vez que el visitante hace clic en su página. Otra opción es el cursor brillante, que hace que caigan destellos de colores del cursor del visitante. Un tercero es el cursor personalizado, que le permite cargar cualquier imagen que desee para reemplazar el cursor del mouse predeterminado del visitante. (Vínculos en Recursos).

Efectos de página completa

El sitio web Snazzyspace ofrece varios efectos para Tumblr, incluidos los que afectan a todo tu blog. Un ejemplo es un mensaje que aparece cuando los visitantes cargan su página por primera vez. Esto es útil si tiene alguna advertencia (como contenido no seguro para el trabajo). Otra opción es la animación de nieve cayendo, que deja caer copos de nieve sobre la página para invocar una sensación invernal. Snazzyspace también ofrece un contador para su blog que muestra tanto su recuento de visitantes actual como el recuento de visitantes más alto de su historia. (Vínculos en Recursos).