Cuando crea su propio sitio web, naturalmente desea que se muestre de la manera más atractiva posible, independientemente de la versión del navegador del usuario. En particular, para que la imagen de fondo se estire y se ajuste a la resolución del monitor de la computadora.
Es necesario
Habilidades para trabajar con html, css, java-script
Instrucciones
Paso 1
Abra el código de su sitio en cualquier editor, como el Bloc de notas o un programa de diseño web dedicado, Dreamweaver. Pegue las siguientes líneas en el código para estirar el fondo del sitio. Agregar fondo: url ("Insertar un vínculo a la imagen").
Paso 2
Para cambiar el tamaño de la imagen horizontalmente, use el siguiente código: Fondo: url ("Insertar un vínculo a la imagen" repetir-x), verticalmente: al final del código, reemplace x por y. Si el sitio tiene un estilo en un archivo css, pegue el código en él. De esta manera, podrá poner un fondo gomoso en su sitio.
Paso 3
Utilice el siguiente ejemplo de código para colocar una imagen de fondo en una página y estirarla automáticamente para que se ajuste a la resolución del monitor en el que se está viendo la página. Código de ejemplo: cuerpo {fondo: "Insertar un enlace a la imagen de fondo" () centro izquierdo fijo sin repetición; luego background-size: […].
Paso 4
Para estirar la imagen de fondo, simplemente inserte una imagen como fondo y establezca su ancho al 100%. Por ejemplo, inserte el siguiente texto en el código de la página: imagen de fondo "alt =" Ingrese el nombre de la imagen "/>. Por lo tanto, se utilizará para ajustar el ancho de la imagen, pero se violarán sus proporciones.
Paso 5
De manera similar, puede configurar la imagen para que se estire en altura, use la altura en lugar del atributo de ancho. O use el siguiente ejemplo de código para css: imagen de fondo del sitio) "> y luego agregue el 100% de ancho de la imagen como en el ejemplo anterior. También puede usar el script para averiguar la resolución de pantalla del usuario y editar el tamaño de tu mesa para ello.
