En este artículo, veremos la variedad de caminos con los cuales podemos hacer formularios atractivos para nuestros sitios y servicios web usando sencillamente CSS.
Los formularios son parte importantes, pero poco elegantes, de muchos sitios. CSS hace más fácil la creación de formularios atractivos rápidamente, porque una vez que se ha desarrollado un diseño lo podemos reproducir en cada formulario del sitio...
En un artículo anterior aprendimos como se pueden cambiar los CSS dinámicamente con PHP. Aunque algo limitado, nos sirvió para introducirnos en una aplicación más compleja conocida como PHP Styleswitcher. En este artículo usted aprenderá como dar a sus usuarios el control sobre la apariencia de su sitio Web.
Es normal encontrar preguntas acerca de la reutilización de CSS con PHP (CSS Dinámico). Algo que siempre me interesó.
El CSS tiene como concepción el diseño, la presentación o la disposición de una página web. Mostramos páginas HTML diferenciando la apariencia del contenido. Por lo que se hizo indispensable el manejo de XHTML.
PHP por su parte, es código abierto (gratuito), fácil de aprender y actualmente uno de los estándares mundiales de programación.
Vamos a unir estos dos lenguajes de programación para crear una estructura a nuestro sitio web usando CSS. La estructura básica y más usada: el header, el menú lateral y el contenido. A estos le asignamos los colores usando PHP, mostrando como cambiarlos fácilmente.
Hace unos días vimos como a partir de una lista creamos un Menú desplegable vertical, ahora veamos como crear un menú horizontal, muy fácil de entender y personalizar, con unas pocas líneas de código css y javascript.
El efecto que buscamos, con un código muy ligero, es que el background de cada submenú sea transparente, por cierto funciona tanto en Internet Explorer como en Firefox y otros navegadores.
CommunityMX hace un par de semanas ha publicado un tutorial sobre como rotar imagenes con un Select List/Menu, sin embargo estan cobrando una modica cantidad por leerlo. Pues aquí, nosotros también vamos a mostrar el mismo resultado, aunque tal vés no con el mismo procedimiento.
Siguiendo el ejemplo de esa web, vamos a publicar dos artículos referente a este tema, el primero, en donde haremos uso de una página estática, es decir, una página html en donde el diseño y la información no necesitan de ninguna interacción con alguna base de datos.
Y el segundo en donde si consideraremos el dinamismo de una página PHP y la base de datos MySQL para permitir el intercambio de imágenes de una manera mucho más dinámica.
Y el segundo en donde si consideraremos el dinamismo de una página PHP y la base de datos MySQL para permitir el intercambio de imágenes de una manera mucho más dinámica.
Para obtener este efecto vamos a utilizar html, css, y javascript que cree la animación, este menú funciona tanto en Internet Explorer como en Firefox.
