Menu Despeagable

Ayuda Para Tu Web

DanGrecks ~ ¡Ayuda WebMaster!

Como crear un diseño css

Hola amigos, primeramente un cordial saludo.

Cómo nosotros sabemos que todo comienzo es difícil, éste es un tutorial para llegar a su propio estilo CSS. Tomará un poco de tiempo hasta que se comprenda la estructura y la configuración. En éste tutorial mostraremos los conceptos básicos y esperemos y al final tenga su propia plantilla lo que hará a su sitio web único.

PASO 1: Configuración del CSS.


Primeramente vamos a la sección "Diseño" de nuestro panel de control de PWG y escogemos "Css-Desgin" guardamos y nos vamos a configuraciones avanzadas. Hay podrás ver los campos con los que trabajaremos más tarde. Principalmente trabajaremos con "Css-Code Sin Style Tags". Para comenzar un código CSS siempre es el caso de:



La etiqueta "Style" define el tipo de lenguaje que estamos usando. Solamente necesitamos ir definiendo el código css dentro de la etiqueta. A continuación al código se le conseguirán más y más formatos mientras el diseño adquiere personalidad.

PASO 2: Background.


Si guardamos el diseño se miraria así:


Como podremos observar, el diseño tiene un aspecto horrible, para eso empezaremos con la primera etiqueta del Style-Tag. En este caso solo cambiaremos el color de fondo con "Background".

Ahora insertamos el siguiente código en "Css-Code Sin Style Tags":

Ahora pulsamos guardar y veremos que el color de fondo es el siguiente:


Todavía no se ve excelente que digamos, sino que hemos cambiado el color de nuestro fondo. Por supuesto, hay muchos más colores. El color que tenemos con background-color: #2a84b8. En los colores se utiliza el código hexadecimal que consiste en 6 dígitos desde 0 (más oscuro) a F (más claro), siempre se comienza escribiendo el símbolo de numeral obteniendo así una mezcla de los colores.

Por supuesto, también se puede utilizar una imagen de fondo. Necesitamos este código (Lo incluiremos en vez del anterior):



Entre paréntesis, simplemente inserta el URL de la imagen. Por ejemplo, " http://oi58.tinypic.com/1ggopw.jpg ". Esta imagen aparecerá ahora en el fondo.




Copyright © 2009-2013| DanGrecks | by AnGrecK

En DanGrecks nos encargamos de que todos los usuarios puedan encontrar lo que están buscando fácilmente.





DanGrecks esta Hostiado en Paginawebgratis.es. Lo Recomendamos para registrar su sitio web Totalmente Grátis.





Todos los Derechos reservados a sus respectivos Dueños. Página creada y editada por AnGrecK.





Volver Arriba ↑

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=