Tutoriales CSS

Crear menu horizontal simple desde 0

0

En esta guía muestro como hacer un menu horizontal simple desde 0. Explico los códigos detalladamente para que no queden dudas y espero que les sirva.
Comenzemos! Por favor tomen asiento.

Vista previa final del menú:

 

Algo que creo que muchos no se dan cuenta es que un menú comienza con lo que en HTML se llama lista y se define así:

<ul>
<li><a title=”Enlace genérico” href=”#”>Elemento 1</a></li>
<li><a title=”Enlace genérico” href=”#”>Elemento 2</a></li>
<li><a title=”Enlace genérico” href=”#”>Elemento 3</a></li>
<li><a title=”Enlace genérico” href=”#”>Elemento 4</a></li>
<li><a title=”Enlace genérico” href=”#”>Elemento 5</a></li>
<li><a title=”Enlace genérico” href=”#”>Elemento 6</a></li>
</ul>

(más…)

¿Cómo empezar con un diseño CSS?

0

Uno puede pensar que diseñar una plantilla puede ser sencillo pero en realidad no lo es. Se requiere tener una cabeza capas de organizar todo lo que va a ir en el design y además que tenga memorizada todas las propiedades CSS. La idea de esta guía es orientar en cómo comenzar con un desing.

Lo primero que se tiene que hacer es crear el diseño en la cabeza de uno. Para empezar a diseñar primero hay que saber que cosa vamos a diseñar.

De ese “todo” del design tenés que sacar sólo la estructura. Imágenes, colores, propiedades avanzadas, etc no lo tenés que poner por ahora. Así lo podremos trabajar más rápido y más fácilmente.

(más…)

Estructura CSS sencilla y sus partes

0

En este tutorial creamos otra estructura más avanzada, explico detalladamente el CSS y las propiedades usadas

Ir al tutorial

 

El tutorial esta en el foro de PWG

Tu primer diseño CSS

0

En este tutorial creamos un desing, analizamos sus partes y cada regla CSS

Ir al tutorial

 

El tutorial esta en el foro de PWG.

Ir arriba