SPONSOR

Tutorial| Crear plantillas con CSS

7 de agosto de 2007 por Multimedius

Chicuelos, facil y rápido, vamos crear una plantilla de una página con CSS. Anteriormente vimos hicimos una reseña de un generador de contenedores en div pero ahora lo vamos a hacer nosotros mismos. Para empezar, crearemos un div contenedor, que será el contenedor de todos los divs secundarios para poder crear la página (Ignoren los ";" en las etiquetas <;div):


<;div style=”width:100%" align="center">;


Una vez creado el div contenedor, empezaremos por crear la cabecera:


<;div style="width:750px;background:yellow;">;Multimedius


Ahora crearemos el menú de la izquierda:


<;div style="width:200px;float:left;backGround:blue;">;Menu Izquierda<;/div>;


Gracias al float left logramos que el siguiente div se monte, si tiene espacio, a la derecha.

<;div style="width:550px;float:left;backGround:purple;" align="left">;Contenedor<;/div>;

Y por ultimo, crearemos el pie de página:

<;div style="width:750px;background:yellow;">;Pie de página<;/div>;<;/div>;<;/div>;


* Si alguien encuentra la manera de mostrar el código html sin que me lo tome, avisenme.

Archivado en con  

2 comentarios:

Proyeccion Digital dijo...

justamente ayer buscando cosas para los blog encontre esto.. quizas te sirva:

http://www.trucosblogger.com/2007/07/cuadro-de-codigo-para-tu-blog.html
http://www.trucosblogger.com/2007/07/como-poner-codigo-dentro-de-posts.html

saludos.

Proyeccion Digital dijo...

mmm.. haber...

http://www.trucosblogger.com/
2007/07/como-poner-
codigo-dentro-de-posts.html

(pone todo junto es una sola direccion...)

____

http://www.trucosblogger.com/
2007/07/cuadro-de-codigo-para
-tu-blog.html

(este es otro link)