Archive for the ‘CSS’ Category
Tuesday, August 26th, 2008
En Developer Fox nos acercan una buena lista de 13 menú desarrollados en CSS por completo que podemos agregar a nuestro sitio. Mas de una vez escucho preguntas de gente que desea agregar un menú a su blog, y no sabe como por no tener conocimientos sobre código. Este sitio va a solucionar esto.
El artículo se divide en dos partes: la primera con tutoriales y trozos de código que te enseñaran como crear diferentes menús horizontales o verticales, y la segunda, con menús de ambos tipos disponibles simplemente para descargar y pegar en nuestro sitio para solo tener que modificar los links. Todos se ven muy bien, algunos mas simples que otros, lo que hace mas fácil encontrar uno acorde a nuestro diseño.
Posted in CSS | No Comments »
Wednesday, July 30th, 2008
Las comillas, mas conocidas en este mundo como “Quotes”, son necesarias a la hora de citar parte del texto de otra persona, sitio, o lo que fuere. Es una forma de destacar esas líneas, y de paso darle mas vida a un post. Muchos le dan algún toque original a las comillas, como ser configurarlas para que se vean en otros colores y tamaños. Pero en Css Newbie fueron un poco mas allá y nos muestran seis formas de destacar tus blockquotes de forma artística y original.
Aprenderemos como mostrarlos con un fondo, con un fondo y algún que otro borde, con unas comillas mas grandes, otras tipografías, etc. Si tienes ganas de que cuando cites algo de otro sitio en tu blog, esto se vea destacado y al mismo tiempo con estilo y no tan “simple”, deberías darte una vuelta, ya que se trata solo de copiar y pegar, porque nos brindan el código correspondiente a cada ejemplo mostrado.
Fuente: Knowtebook
Posted in CSS, Creatividad, Tutorial | No Comments »
Tuesday, July 29th, 2008
En el sitio HelpDeveloper tuvieron la excelente idea de enseñarnos a crear una galería para mostrar nuestras imágenes con una descripción cada una utilizando solo el código CSS. ¿Una de las buenas cosas de utilizar CSS y no Java? no necesitas aprender JavaScript, ni encontrar un script de calidad (lo cual puede llevar horas), y tienes la seguridad de que lo puedan ver todos, incluidos aquellos que tengan JavaScript desactivado. Veremos como resultado una galería de fotos con miniaturas como adelanto en la parte izquierda del sitio, con las descripciones apareciendo en modo “hover”, o sea al posar el mouse sobre una de ellas.
Necesitaremos para empezar seis imágenes, tres miniaturas y tres en tamaño normal. Las miniaturas deberán ser del mismo tamaño que en el ejemplo (150×100), y sería útil que las grandes también estén en 400×300. Por supuesto esto es fácil de cambiar gracias a las propiedades del CSS, junto con el resto del sitio. Una vez que comiences, verás lo fácil que es dejar la galería como mas te guste.
Posted in CSS, Tutorial | No Comments »
Saturday, July 5th, 2008
Las hojas de estilo CSS nos ayudan a organizar mejor los estilos que estamos utilizando en los textos, además de ayudarnos a eliminar las tablas.
Si eres de aquellos diseñadores que se la pasa diseñando sitios web muy grandes, y te la pasas haciendo cambios manualmente. Te recomiendo aprender CSS. En el siguiente video tutorial veremos lo básico de CSS en Dreamweaver. Aunque el video nos muestra Dreamweaver 8, sigue siendo útil (en esencia) para Dreamweaver CS3.
Posted in CSS, Dreamweaver | 2 Comments »
Friday, July 4th, 2008
Muchos subestiman al código Css. Pero la realidad es que con este se pueden crear gran cantidad de cosas y así utilizar menos imágenes en nuestro diseño, lo cual ayuda, y mucho, en el tiempo de carga de nuestro sitio. El problema es que muchos no saben como crear estas cosas, y para eso está Noupe ,que armó una nueva lista con 50 técnicas para utilizar y crear diferentes efectos con solo unas líneas de código. Aprenderemos a hacer un menú, listas ordenadas de forma diferente, formularios, cajas de búsqueda, bordes y galerías, entre otras cosas.
Si con esto no te basta, o no encontraste justamente lo que necesitabas, puedes visitar sus dos listas anteriores, de 101 técnicas cada una. Realmente recomendable para todos los que quieran aprender algo mas sobre diseño web, ya que es importante conocer el código Css con el fin de poder darle estilo a nuestros sitios fácilmente.
Obviamente, cada técnica viene con su código listo para copiar o descargar y poder implementar en nuestro proyecto.
Posted in CSS | 2 Comments »
