No es para nada difícil buscar el código de un menú en Css listo para copiar y pegar en nuestro sitio y que obtengamos el resultado casi instantáneamente. Pero también sería interesante aprender por una vez aunque sea, a realizarlo desde cero, para tener algo mas de idea de lo que puede llegar a hacerse mediante el famoso CSS, que es mucho.
En Sitepoint nos explican paso a paso, como crear un menú de navegación (con submenús), utilizando solamente el código Css. El tutorial, que se extiende a lo largo de cuatro páginas, es uno de los mas detallados que pude ver dando vueltas por la web, y lo recomiendo si estas intentando aprender a utilizar este tipo de código, ya que repasa gran parte de los comandos mas importantes que se suelen utilizar cuando damos estilo a nuestros sitios web, además de ser una buena forma de tener un menú en nuestro blog, creado por nosotros mismos.
Help Developer ha creado los cuatro menús que puedes ver más abajo. Los mismos han sido creados en CSS, y los puedes utilizar tanto en tus proyectos personales como en los comerciales.
En el blog Help Developer podrás apreciar un demo de cada uno y descargar en un .zip los menús.
Saber sobre CSS es algo necesario si uno pretende personalizar un template, o darle estilos definidos. Pero además ayuda a crear de sencillas formas desde menús desplegables hasta cuadros con bordes redondeados. Y aunque en un comienzo se vea como algo difícil de entender, es mucho mas fácil de lo que muchos piensan.
Si quieres ayuda, nada mejor que pasar por CSSPlay, un sitio creado especialmente sobre CSS, en el cual vamos a encontrar infinidad de ayuda y códigos listos para realizar, incluso simplemente copiando y pegando el código brindado ya en el sitio, y que puedes modificar de a poco luego.
Todo se encuentra dividido en menús, layouts, cuadros, Javascript y otras categorías, cada ejemplo puede verse y viene con su código Html y Css listo para que si te encuentras conforme simplemente cortes y pegues en tu plantilla.
El CSS es lo que marcará los estilos de nuestro diseño, y a pesar de no ser para nada complicado, para alguien que recién comienza puede resultar tedioso, o confuso.
Para sacar ese miedo inicial, y terminar comprobando que no es para nada complicado obtener los estilos que realmente deseamos, los invito a visitar el sitio Manual de CSS, en el cual nos explican claramente y paso por paso todas las técnicas relacionadas con las famosas hojas de estilo.
Entre gran cantidad de cosas, aprenderemos sobre Clasificación de elementos, Alineación, Espacios en blanco, y decoración de texto. Además, nos brindan siete formas de practicar en línea los conocimientos adquiridos durante el aprendizaje, y una lista de los códigos para consultar.
Si seguimos con ganas de aprender, en el mismo sitio vamos a encontrar otros manuales, sobre HTML, Java, JavaScript, ASP y PHP.
1 Conseguir un tamaño de fuente básico consistente.
2 Conseguir márgenes consistentes (”resetear” las etiquetas).
3 Especificar un “float” para limpiar otro.
4 Reemplazo de imágenes.
5 Falsas columnas.
6 Sprites en CSS
No es para nada difícil buscar el código de un menú en Css listo para copiar y pegar en nuestro sitio y que obtengamos el resultado casi instantáneamente. Pero también sería interesante aprender por una vez aunque sea, a realizarlo desde cero, para tener algo mas de idea de lo que puede llegar a hacerse mediante el famoso CSS, que es mucho.
Saber sobre CSS es algo necesario si uno pretende personalizar un template, o darle estilos definidos. Pero además ayuda a crear de sencillas formas desde menús desplegables hasta cuadros con bordes redondeados. Y aunque en un comienzo se vea como algo difícil de entender, es mucho mas fácil de lo que muchos piensan.
El CSS es lo que marcará los estilos de nuestro diseño, y a pesar de no ser para nada complicado, para alguien que recién comienza puede resultar tedioso, o confuso.
