Añadir "scroll to top" en el blog.

Una guía fácil para añadir el botón con la flecha ("scroll to top").

1. Nos vamos a "Diseño".
2. Añadimos un gadget nuevo "html/javascript".

3. Nos vamos a la página "http://www.scrolltotop.com/"
4. Copiamos el botón que queramos.

5. Pegamos el código copiado dentro del nuevo gadget y guardamos. (No hace falta poner nombre ni nada).

* En mi caso cuando lo hice, se me quedaban los bordes del gadget porque estaba añadido pero estaba vacío, entonces lo que hice fue pegar el código de la flecha en otro gadget "html/javascript". No descoloca nada, ni sale nada molesto.

Suerte!

Validar email con Javascript

Código JavaScript:

<script>
function validarEmail(valor) {
if (/^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/.test(valor)){
alert("La dirección de email " + valor + " es correcta.")
return (true)
} else {
alert("La dirección de email es incorrecta.");

Leer más...

Dando forma al input type file

Un día haciendo una página web al registarse, al usuario quería darle la opción de subir imágen. Previamente tenía el input de texto estilizado con css, pero no se aplicaba al input file. Ya que este viene con el botón añadido y trás unas horas de fallidos intentos, estilizarlo, quitar el botón y dejar solo a parte de text decidí buscarlo en internet y ver que ideas existen sobre como hacerlo. Mucha gente lo esconde y por encima pone un botón que llamará a nuestro input file através de un pequeño javascript. Es una solución bastante lógica y sencilla pero no conseguí hacerlo funcionar y encontre otra solución utilizando capas y es la que voy a comentar a continuación.

Ejemplo sencillo, consiste en crear un input file y un botón, el input file lo hacemos invisible y lo ponemos encima de nuestro botón, con lo

Leer más...

Diseñador de imagenes de carga

Una página muy buena para crear imagenes de carga en formato gif. Tiene una gran variedad de imágenes además de opciones de cambio de color, con fondo o sin fondo, tamaño de la imágen, etc...

http://preloaders.net/

WebDeveloper

Otra herramienta muy útil para los desarrolladores de paginas web, llamada WebDeveloper es un complemento de Mozilla creado por Chrispederick. Es una herramienta con multitud de opciones, la mayoría de ellas es mostrar y ocultar, es decir, mostrar las marcas div, ó mostrar los enlaces, ó ocultar css además de validación de codigos. Cualquier desarrollador web debería probarla e incluso tenerla a mano.