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.
