BloggAyuda .:: Tecnologia diaria para la vida ::.

Como sabemos la mayoría que gustamos por el diseño, el fondo de una web es uno de los elementos importantes, ya que siempre lo vemos presente. vamos a mostrar como manejar nuestro fondo de la web o de nuestro blog con una imagen.

Una de las maneras de colocar nuestra imagen de fondo es por medio de nuestras hojas de estilos CSS, solamente modificando la etiqueta <body> dentro de nuestra etiqueta CSS ubicamos "Background" que es el (FONDO).

Ejemplo:

body {background:#ffffff url(http://www.tu-sitio.com/fondo-web.jpg) top left no-repeat fixed;}

Background:
Es el color de fondo el cual es #fffff, que seria el codigo de color, este lo podemos modificar con el que sea mas conveniente para nuestro sitio, tambien si colocamos una imagen no fija este codigo rellenara el espacio sobrante de la imagen.

Ruta:
La ruta o direccion, es la ubicación a la imagen de nuestro fondo que estara ubicada dentro de los parentesis "Url()".

Ubicación:
La ubicacion es a nuestra imagen que colocaremos como fondo y toma en cuenta ciertos valores como lo pueden ser: top,right,bottom,left y center.

Frecuencia:
La frecuencia nos indica si la imagen se puede repetir o no.
no-repeat : nos indica que nuestra imagen no se repetira.
repeat : este valor siempre por default lo encontramos siempre en las plantillas, si no le damos especificacion alguna, nuestra imagen sera la misma.
repeat-x : repite de forma horizontal nuestra imagen del fondo.
repeat-y : repite de forma vertical nuestro fondo.

Visualizacion:
La visualizacion es también importante ya que nos indica si la imagen es fija o se puede mover.
fixed: nos indica sie l fondo lo mantendremos fijo.
scroll: la imagen se nos movera junto a texto en caso contrario podemos especificar para que no suceda.

Recordar que en blogger estas propiedades las podemos encontrar antes de:

></b:skin>

o solo ubiac el siguiente código:

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: $bodybgColor;
font-family: arial,verdana,helvetica,tahoma;
font-size: 100%;
width: 100%;
}