En esta ocasión paso a mostrarles una manera muy sencilla de crear un efecto loading o carga de imágenes mediante CSS, el cual nos puede ser muy útil para la presentación de ciertas imágenes dentro de nuestra web.
- Debemos conseguir una imagen en formato GIF para usarla como animación para la carga. Recomiendo generar una que se ajuste a nuestro estilo mediante: Ajaxload
- Crearemos una nueva clase de estilo en nuestra hoja de estilos, en mi caso la llamare loadimg, y agregamos un código similar a este:
1: .loadimg {
2: background-image: url(imagenanimadadefondo.gif);
3: background-repeat: no-repeat;
4: background-position: center center;
5: }
- Simple, cierto? Ahora para implementar este estilo en nuestras imágenes simplemente hacemos esto dentro de nuestro código html:
1: <img src="tuimagen.jpg" border="0" class="loadimg" />
En esta ocasión he preparado una chuleta de Dreamweaver CS4, espero que les agrade y colaboren con sus comentarios para poder mejorar. Pueden hacer la descarga en formato PDF desde Scribd.
Para aquellos que hemos usado Dreamweaver desde hace ya algún tiempo, podemos saber que es un potente programa para desarrollar sitios web en modo Diseñador como Desarrollador de código, claro que a veces nos parecía que debía integrar algunas nuevas funciones y tener un poco más de severidad con la aplicación de hojas de estilos y la creación de nuevas clases.
Ahora es grato saber que Adobe para la nueva versión llamada Dreamweaver CS4 trae excelentes novedades.
Novedades que hacen que Dreamweaver CS4 siga siendo una de las herramientas perfectas para diseñadores y desarrolladores avanzados como para novatos, ya que después de algo de práctica su uso se hace muchísimo más sencillo pues su uso es muy intuitivo.
A continuación conozca algunas novedades que incluye Adobe Dreamweaver CS4.
Para los fanáticos de Adobe Dreamweaver llega esta espectacular extensión que permite diseñar y desarrollar temas de WordPress sin necesidad de contar con conexión a un servidor, pudiendo ver y probar todo lo que vamos haciendo en tiempo real.
Realmente quedé impresionado con Theme Dreamer, creo que muchos estaban buscando algo así. La única contra es que cuesta 30 dólares, pero si planeas desarrollar varios temas creo que lo vale. Además, desde el sitio de Theme Dreamer podemos acceder a la documentación y soporte para asistirnos ante cualquier duda. Sin duda será una buena inversión.
