Nueva Sección – Temas gratis!

0 comments

Posted on 4th Febrero 2010 by jluisfg in HTML |News |freebies |themes

El dia de hoy liberamos una nueva sección con el animo de apoyar y brindar algo a ustedes que nos siguen. En esta nueva sección de HTML Templates estaremos posteando de manera semanal uno o dos templates para ustedes. CSSEstos temas son libres, pero los hemos hecho con la intención de que los puedan descargar y ver las técnicas que hemos utilizado, de cualquier manera los pueden utilizar comercialmente únicamente respetando los créditos respectivos. Esperamos ser de gran ayuda y esperamos que nos comenten lo que vayan pensando por aqui o por el twitter @yadahcl.

Tambien pueden mandarnos su lista de deseos, esto quiere decir si tienen alguna sugerencia de template que realizar (negocio, despacho creativo, deportes, etc). Ustedes digan.

Seguiremos buscando la manera de liberar mas y mejores freebies para ustedes. Gracias!

Menu Horizontal en HTML con listas y CSS

0 comments

Posted on 28th Diciembre 2009 by jluisfg in CSS |Dreamweaver |HTML

Existen diferentes maneras de crear un menu en HTML con o sin ayuda de Hojas de estilo. En este caso abarcaremos como hacer un menu horizontal con listas.

lista

Utilizando estilos CSS podemos remover la imagen que indica la lista y podemos ubicar de manera horizontal cada elemento de la lista, para asi tener como resultado un menu. Los estilos que usaremos son:

  • float – permite sacar a un elemento del flujo del documento, y posicionarlo a la izquierda o derecha de otros elementos. En el caso de la lista ubicara cada inciso de la lista a la derecha del anterior.
  • padding - permite agregar un relleno a cada elemento de manera que no queden encimados los elementos.
  • list-style-type - esta propiedad nos permite cambiar la imagen de la lista o en este caso para el menu, removerla.

(más…)