CSS

Estás viendo los artículos de ZonaMasters - Recursos para webmasters correspondientes a la categoría CSS.

Videobox, es el Lightbox para videos

videobox.jpg

Si te gusta el Lightbox, lo chulo que quedan las galerías de fotos con esta librería, pues ahora tienes la versión para videos, con ella podrás crear una galeria de videos con efecto identico al Lightbox y con un pes de tan soo 6 kb ;).

Visita Videobox

Escrito por Niko el 2 de Febrero de 2008 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y CSS y Herramientas Webmasters.

Libros gratuitos sobre desarrollo web

Libros WEb

Librosweb.es es una pagina la cuál ofrece libros de desarrollo web totalmente gratuitos, son de gran utilidad para las personas que apenas comienzan con el diseño web y desean o tienen el interes por conocer como se crea un pagina web hasta como se genera una gestión de un sitio web mas dinamico.

La pagina web tambien permite la posibilidad de descargar los libros aunque solamente estan disponibles para la descarga dos de los cinco, el de CSS y el de XHTML.

Como lo mencione anteriormente cuentan con cinco libros los cuales son:

  1. Introducción a XHTML
  2. Introducción a CSS
  3. Introducción a Javascript
  4. Introducción a Ajax
  5. Symfony la guía definitiva

Enlace|LibrosWeb.es

Escrito por Tom el 15 de Noviembre de 2007 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y Diseño Web y Herramientas Webmasters y Recursos Webmasters.

CSS Flash, surtido de buenos diseños webs con CSS

cssflash.gif

Estás espeso y no se te ocurre ninguna idea para tu diseño web, pues puedes ayudarte desde esta fantática web en la que encontraras cantidad de páginas con un diseño muy cuidado, sin duda un lugar estupendo para inspirarte en tu próximo diseño.

Visita CSS Flash

Visto en Intenta

Escrito por Niko el 31 de Octubre de 2007 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y Diseño Web.

Scrollovers, un efecto para los enlaces

Un gran efecto que sorprenderá,  Scrollovers es un simple script javascript que hará q destaquen tus enlaces.

El efecto es tipo scroll, q al pasar el mouse, logra un efecto que baja el mismo texto, realmente bonito.

Lo único que necesitas es descargar este script.

Si deseas ver paso a paso como lograrlo, checate este enlace hacia xyberneticos

Enlace: www.scrollovers.com

Escrito por AlmiuX el 6 de Agosto de 2007 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y Herramientas Webmasters.

Agregar icono de fecha en el título de tus post

Muchos blogs usan un icono para mostrar la fecha de publicación del post. Aqui te menciono como poder lograr esto:

  • Subiremos la imagen que queremos que sea nuestro fondo para la fecha, la deberás subir al theme dentro de la carpeta images, ahora copiamos el siguiente código:

CSS:

  1. .the_date {
  2. display:block;
  3. text-align: center;
  4. float:left;
  5. font-family: Arial, Helvetica, sans-serif;
  6. background: url(images/green.jpg) no-repeat;
  7. width:60px;
  8. }
  9. .date_m {
  10. display:block;
  11. font-size: .9em;
  12. margin:0;
  13. padding:0;
  14. font-weight: bold;
  15. text-align:center;
  16. }
  17. .date_d {
  18. display:block;
  19. font-size:1.4em;
  20. margin:0;
  21. padding:0.7em 0 1.3em 0;
  22. text-align: center;
  23. }

 Como puedes ver la parte donde se encuentra images/green.jpg  es donde cambiaremos el nombre de nuestra imagen, en este ejemplo se llama green.jpg ahi es donde lleva el nombre de nuestra imagen.

En la página principal index.php colocaremos este código:

PHP:

codigo php index

Si quieres que se encuentre de lado izquierdo del título pondríamos:

perman.JPG

y pegarlo antes de todo ello.

Ahora si requieres de estas imagenes aquí dejo un link para descargar algunas.

Descargar Pack de Imagenes

Visto en: Xyberneticos

Escrito por AlmiuX el 18 de Mayo de 2007 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y Diseño Web y Herramientas Webmasters y PHP y Recursos Webmasters.

CSSFly es un editor de webs online

editor de webs en lineaTe gustaría editar desde tu navegador cualquier archivo css y ver los cambios en el instante sin necesidad de descargarte ningún programa y realmente rápido. Pues gracias a CSSFly esto es posible, simplemente introducele una url de tu web o una de tus webs favoritas para poder cambiarle (solo en tu navegador) la hoja de estilos. Es muy sencillo de usar, una vez introduccida la url, te lleva a una página similar a la imagen de abajo, en el que como puedes ver, te muestra el código fuente una frame y tienes una pestaña por cada hoja de estilo, y en el frame de abajo puedes ver los cambios que realizaste en el código tanto del HTML como del CSS.

CSSFly
Visita CSSFly

Escrito por rankhispano el 8 de Diciembre de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y Herramientas Webmasters.

Genera tus estilos css online

estilos css online

Si no cuentas con algún programa para crear tus archivos css, Css Generator es tu solución. Ya que no solo te permite crear tu archivo .css si no que al instante ver como va quedando. Es rápido y cuenta con casi todos los atributos necesarios para crear un excelente diseño.

Enlace: Css Generator

Escrito por rankhispano el 21 de Noviembre de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS.

Crossfading de CSS

En la web mikeomatic.net podemos ver un simple ejemplo de las transiciones de un texto a otro gracias a la mezcla de la tecnologia Javascript con CSS, ver ejemplo.
Crossfading de CSS
Via | Fundidos con CSS y Javascript - Crossfading

Escrito por rankhispano el 25 de Septiembre de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y JavaScript.

Redondea bordes con Nifty Corners Cube

nifty.gif

Redondea las esquinas de los bordes gracias a Nifty Corners Cube, que con dos simples archivos, uno en javascript”niftycornerscube.js” y otro en CSS “niftycorners.css”, te da la posibilidad de redonder los bordes con muchas opciones y muy fácil de usar. Nifty Corners Cube.
Via | Intenta

Escrito por rankhispano el 25 de Marzo de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y Diseño Web y JavaScript.

Colorea el select menu con CSS

colorear_menu_select.jpg

Colocar la parte del CSS dentro de las etiquetas de ....

CSS:
  1. <style type="text/css">
  2. body{
  3. color:#FFFFFF;
  4. text-align:center;
  5. }
  6. /*Recuerda: para definir las clases se coloca un punto delante del nombre*/
  7. .azul {
  8. background-color: #0000FF;
  9. color: #ffffff;
  10. }
  11. .rojo {
  12. background-color: #FF0000;
  13. color: #ffffff;
  14. }
  15. .verde {
  16. background-color: #009900;
  17. color: #ffffff;
  18. }
  19. .amarillo{
  20. background-color: #FFFF00;
  21. color: #000000;
  22. }
  23. </style>

Y dentro de las etiquetas ...colocas el código correspondiente al slect menu (menu desplegable).

HTML:
  1. <form action="post.php" method="post"> <label for="color" /><form method="post" action="post.php">
  2. <label for="color">Selecciona tu color favorito:</label>
  3.  
  4. <select name="color" id="color">
  5. <option value="">Selecciona</option>
  6. <option value="amarillo" class="amarillo">amarillo</option>
  7. <option value="rojo" class="rojo">rojo</option>
  8. <option value="verde" class="verde">verde</option>
  9. <option value="azul" class="azul">azul</option>
  10. </select>
  11.  
  12.  
  13. <input type="submit" name="submit" id="submit"
  14. value="Enviar" />
  15.  
  16. </form>
  17. </form>

Ver ejemplo

Via | BaluART

Escrito por rankhispano el 25 de Marzo de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y Diseño Web y Tutoriales.

Artículos más antiguos »