Desde el escritorio vamos a diseño
Realicen una copia de seguridad, por si no queda como querían.
Es importante, pues luego queda fatal.
Poner una imagen.
Primeramente, se identifica la parte que dice body,
he aquí la imagen:
>background:$bgcolor;...}
>body {background:$bgcolor url(http://Aquí la dirección de la imagen) fixed no-repeat top left;
>background:$bgcolor url(http://www.tuswallpapersgratis.com/images/wallpapers/Black_cat_head_1024x768-236981.jpeg) fixed no-repeat top left;
Notas: No debe haber doble punto y coma (;;) ni tampoco debe faltar el punto y como al final, a excepción de la parte de "background:$bgcolor" que va junta, lo demás esta separado por un espasio. La dirección debe estar entre paréntesis.
La imagen se mueve bajo el texto, (debido a la aplicasion de fixed
pero de ella hablaremos mas adelante.)
Vea la imagen siguiente:
Como en las imagenes anteriores
Repetir Horizontal y verticalmente.
Horizontalmente sera repeat- x.
Es decir quitaremos, el no-repeat, por repeat-x
Vea la imagen siguiente:
He aquí la siguiente imagen como ejemplo:
Repetir verticalmente, sera sustituido
Y así quedara:
Solo Repetir
Modificando el no-repeat por repeat,
Asi que daría la imagen:
Aunque igual para que no existan problemas es mejor que coloquen una imagen grande de las del tipo wallpaper, (como para fondo de pantalla) el cual tienen un ancho de 1024 pixeles (px) y un alto de 685 px aproximadamente.
En el próximo post hablaremos del valor fixed y del top left, seguido de poner su propia imagen personalizada.
- El valor fixed, la imagen se desplazará con el contenido o será fija.
- El valor top left, la posición de la imagen.
Y cualquier duda aquí estamos para servirleo visitenos a nuestros blogs.