CSS
En una pequeña búsqueda (google y yahoo) de personalizar los select menú con CSS, no encontré nada de información al respecto.
En este pequeño artÃculo vemos como utilizar CSS para combinar colores en nuestros select menú de una manera muy fácil y sencilla.
Si deseas ver un ejemplo, pulsa aquÃ.
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.
El objetivo de esto es permitir que nuestros visitantes cambien una imagen que se muestra basada sobre las opciones de una lista, por ejemplo, tenemos una lista de productos y cuando uno selecciona alguno de ellos se muestre su FotografÃa. Por lo que damos la alternativa al clásico thumbnails que muestre todos los productos.
