Generador: Plantillas CSS-Design Básica

Notas:
-Las medidas de altura y anchura son medidos en pixeles.
-En las imágenes de ejemplo, lo largo es ancho y lo ancho es alto. Es un tipo ed contradicción de las imágenes, debido a que el verdadero creador del generador se equivocó con los nombres de las partes.

Color de Link:


Color de Link al pasar el mouse:


Fondo: [Ver Imagen de Ejemplo]



Encabezado: [Ver Imagen de Ejemplo]


Anchura del Encabezado:


Altura del Encabezado:


Color del texto del Encabezao:


Boton:

Primera vista del botón: [Ver Imagen de Ejemplo]


Anchura del Botón:


Altura del Botón:


Color del texto del Botón:


Segunda vista del boton: [Ver Imagen de Ejemplo]


Anchura del Botón:


Altura del Botón:


Color del texto del Botón:


Fondo del menú: [Ver Imagen de Ejemplo]


Anchura del Menú:


Altura del Menú:


Color del texto del Menú:


Fondo del contenido: [Ver Imagende Ejemplo]


Anchura del Contenido:


Altura del Contenido:


Color del texto del Contenido:


Fondo del Box de la Derecha: [Ver Imagen de Ejemplo]


Anchura del Box:


Altura del Box:


Color del texto del Box:


Pie de página: [Ver Imagen de Ejemplo]


Anchura del Pie de Página:


Altura del Pie de Página:


Color del texto del Pie de Página:

Agrega este Generador a tu Sitio Web:

<form action="http://bloghost.webcindario.com/gen/css.php" method="post"><strong><span style="font-weight: normal; font-style: italic;">Notas:<br />-Las medidas de altura y anchura son medidos en pixeles.<br />-En las imágenes de ejemplo, lo <span style="font-weight: bold;">largo es ancho</span> y lo <span style="font-weight: bold;">ancho es alto</span>. Es un tipo ed contradicción de las imágenes, debido a que el verdadero creador del generador se equivocó con los nombres de las partes.<br /></span><br />Color de Link</strong>:<br /><input name="a" value="#ffffff" size="10" type="text"><br /><br /><strong>Color de Link al pasar el mouse:</strong><br /><input name="hover" value="#ffffff" type="text" style="font-size:10;"><br /><br /><strong><span style="color: rgb(255, 0, 0);font-size:180%;">Fondo:</span></strong> <a href="http://img122.imageshack.us/img122/5034/haloooooooooookp1.jpg" rel="lightbox">[Ver Imagen de Ejemplo]</a><br /><input name="fondo" value=" url de fondo de la pagina" type="text" style="font-size:35;"><br /><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><b>Encabezado:</b></span> <a href="http://www.generadores.webcindario.com/css/images/header.jpg" rel="lightbox">[Ver Imagen de Ejemplo]</a><br /><input name="encabezado" value="url del encabezado" size="35" type="text"><br /><br /><b>Anchura del Encabezado:</b><br /><input name="largo1" value="980" size="10" type="text"><br /><br /><b>Altura del Encabezado:</b><br /><input name="ancho1" value="291" size="10" type="text"><br /><br /><b>Color del texto del Encabezao:</b><br /><input name="texto1" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><span style="font-weight: bold;">Boton:</span></span><br /><br /><strong><span style="color: rgb(255, 0, 0);font-size:180%;"><span style="color: rgb(51, 51, 255);font-size:130%;">Primera vista del botón: </span></span></strong><a href="http://www.generadores.webcindario.com/css/images/boton.jpg" rel="lightbox">[Ver Imagen de Ejemplo]</a><br /><input name="boton1" value="url primer vista del boton" size="35" type="text"><br /><br /><b>Anchura del Botón:</b><br /><input name="largo2" value="150" size="10" type="text"><br /><br /><b>Altura del Botón:</b><br /><input name="ancho2" value="25" size="10" type="text"><br /><br /><b>Color del texto del Botón:</b><br /><input name="texto2" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(51, 51, 255);font-size:130%;"><b>Segunda vista del boton:</b></span> <a href="http://www.generadores.webcindario.com/css/images/boton.jpg" rel="lightbox">[Ver Imagen de Ejemplo]</a><br /><input name="boton2" value="url segunda vista del boton" size="35" type="text"><br /><br /><b>Anchura del Botón:</b><br /><input name="largo3" value="150" size="10" type="text"><br /><br /><b>Altura del Botón:</b><br /><input name="ancho3" value="25" size="10" type="text"><br /><br /><b>Color del texto del Botón:</b><br /><input name="texto3" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><strong>Fondo del menú: </strong></span><a href="http://www.generadores.webcindario.com/css/images/fondmenu.jpg" rel="lightbox">[Ver Imagen de Ejemplo]</a><br /><input name="fmenu" value="url fondo debajo del menu" size="35" type="text"><br /><br /><b>Anchura del Menú:</b><br /><input name="largo4" value="155" size="10" type="text"><br /><br /><span style="font-weight: bold;">Altura del Menú</span><b>:</b><br /><input name="ancho4" value="1000" size="10" type="text"><br /><br /><b>Color del texto del Menú:</b><br /><input name="texto4" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><b>Fondo del contenido: </b></span><a href="http://www.generadores.webcindario.com/css/images/contenido.jpg" rel="lightbox">[Ver Imagende Ejemplo]</a><br /><input name="fcontenido" value="url fondo del contenido" size="35" type="text"><br /><br /><b>Anchura del Contenido:</b><br /><input name="largo5" value="570" size="10" type="text"><br /><br /><b>Altura del Contenido:</b><br /><input name="ancho5" value="1500" size="10" type="text"><br /><br /><b>Color del texto</b><span style="font-weight: bold;"> del Contenido:</span><br /><input name="texto5" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><strong>Fondo del Box de la Derecha: </strong></span><a href="http://www.generadores.webcindario.com/css/images/fondbox.jpg" rel="lightbox">[Ver Imagen de Ejemplo]</a><br /><input name="fbox" value="url fondo del box" size="35" type="text"><br /><b><br />Anchura del Box:</b><br /><input name="largo6" value="189" size="10" type="text"><br /><b><br />Altura del Box:</b><br /><input name="ancho6" value="1500" size="10" type="text"><br /><br /><b>Color del texto del Box:</b><br /><input name="texto6" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><b>Pie de página:</b></span> <a href="http://www.generadores.webcindario.com/css/images/piepagina.jpg%20rel=" lightbox="">[Ver Imagen de Ejemplo]</a><br /><input name="piepagina" value="url de la parte inferior" size="35" type="text"><br /><b><br />Anchura del Pie de Página:</b><br /><input name="largo7" value="950" size="10" type="text"><br /><br /><b>Altura del </b><b>Pie de Página</b><b>:</b><br /><input name="ancho7" value="10" size="10" type="text"><br /><br /><b>Color del texto del </b><b>Pie de Página:</b><br /><input name="texto7" value="#ffffff" size="10" type="text"><br /><br /><input name="set" value="Crear" type="submit"><input value="Borrar Todo" type="reset"></form><p></p>