...Insertar imagen de fondo...

Pasele marhanta:

Doña viciosa del blog me debería de decir, pero la verdad es que el asesino y yo, después de conocernos en mi blog compartido, y que platicamos por msn (ash! bueno y eso a ustedes que les importa) jaja no se crean, ya me conocen, estoy medio loca, pero bueno, aquí están los sencillos pasos para poner una imagen de fondo de pantalla, sin quebrarse, la cabeza, por que el asesino y yo (un poquito mas el, bueno un poco mas que yo jaja) encontramos el punto clave, así que para los que no saben aquí se los dejamos.

Empecemos desde abajo, bueno desde el principio!!!

Denle click a las imagenes para agrandarlas n.n

----------------------------------------------------------

Desde el escritorio vamos a diseño

Después abrimos la opción de edición de HTML

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:

1.Identifica la sección siguiente:

>body {


>background:$bgcolor;...}

2. Tendrás que agregar después de background:$bgcolor lo siguiente, copea y pega (lo que está de color verde):

>body {background:$bgcolor url(http://Aquí la dirección de la imagen) fixed no-repeat top left;

3. Se debe poner la dirección de la imagen deseada por ejemplo en el caso de nuestra imagen del gato quedo así:

>body {

>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.

Al final la imagen queda así:

La imagen se mueve bajo el texto, (debido a la aplicasion de fixed

pero de ella hablaremos mas adelante.)

Vea la imagen siguiente:

Repetición de imagen.

En la repetición o no repetición de la imagen, (este caso aplica, cuando la imagen es pequeña, como la que estamos mostrando). se dan varias opciones

El no-repeat

Con el no-repeat, la imagen no se repite.
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

el no-repeat por repeat-y

Y así quedara:

Solo Repetir

Modificando el no-repeat por repeat,

se repetira la imagen en toda la pagina.

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.

Atipica

Asesino