Tecnología

Inicio

Cómo diseñar su propio fondo

Cómo diseñar su propio fondo


Seamos realistas: la mayoría de las imágenes de fondo por defecto son aburridos. No hay necesidad de conformarse con los girasoles y las formas geométricas cuando usted puede hacer sus propios fondos que ofrecen las cosas que más le gustan, ya sean sus hijos, sus mascotas o sus estrellas favoritas del pop. La creación de un fondo original para su computadora de escritorio o sitio web tarda sólo unos minutos, y es seguro que te hacen sonreír cada vez que encienda el ordenador o navegar por su sitio.

Instrucciones

Encontrar o crear la imagen

1 Busca la imagen que desea utilizar como su escritorio, y tomar nota de su ubicación en el equipo.

2 Alternativamente, descarga la imagen deseada de su cámara digital, y guardarlo en su computadora.

3 O descargar una foto fuera de Internet haciendo clic derecho sobre la imagen y selecciona "Guardar imagen como". Vaya a una carpeta fácil de encontrar en su ordenador, como el escritorio y haga clic en "Guardar".

4 Añadir colores, pegatinas virtuales y de texto a una imagen existente mediante el uso de Microsoft Paint, que se incluye con Microsoft Windows o Picnik, un editor gratuito de fotos basado en web. Puede ser tan creativo como quiera con este paso, hacer una imagen completamente nueva mediante la adición de características especiales o efectos de alicatado.

Establecer el fondo del escritorio

5 Haga clic en cualquier lugar del escritorio. Seleccione la opción "Propiedades" (Windows XP) o "personalice" (Windows Vista o 7).

6 Haga clic en "Escritorio" (Windows XP) o "fondo de escritorio" (Windows Vista o 7).

7 Haga clic en el botón "Examinar". Elija la carpeta en la que guardó la imagen de fondo. Haga clic en la imagen o nombre de archivo de la imagen.

8 Seleccione una "posición de la imagen", como centro, azulejo o estiramiento, dependiendo de cómo su imagen se ve mejor. Haga clic en "Guardar cambios" para establecer la imagen como fondo.

Establecer el fondo de la Página Web

9 Sube el archivo de imagen a una ubicación accesible desde la web. Regístrese para obtener una imagen de servicio de alojamiento gratuito si usted no tiene un lugar para cargar la imagen. Iniciar sesión en el servicio y haga clic en el botón "Subir". (Los usuarios de Box.net: Crear una carpeta haciendo clic en "Crear carpeta", y luego subir la imagen.)

10 Inserte la imagen de fondo usando HTML insertando la siguiente en la etiqueta <body> cerca de la parte superior del código HTML:

ANTECEDENTES = "http://www.domain.com/yourimage.jpg"

Por ejemplo:

<ANTECEDENTES DEL CUERPO = "http://www.domain.com/yourimage.jpg">

Reemplazar "www.domain.com/yourimage.jpg" por la ruta específica para el archivo de imagen, dejando intactas las comillas. La imagen debe ser subido a Internet para ser visible a los demás.

11 Inserte la imagen de fondo con CSS insertando el siguiente código en la hoja de estilos:

cuerpo {
Imagen de fondo: url ( 'http://www.domain.com/yourimage.jpg');
}

Reemplazar "www.domain.com/yourimage.jpg" por la ruta específica para el archivo de imagen, dejando la comilla simple marca intacta. La imagen debe ser subido a la Internet con el fin de ser visible para los demás.

Haga su fondo de azulejos añadiendo el "background-repeat: repeat" parámetro, como esto:

cuerpo {
Imagen de fondo: url ( 'http://www.domain.com/yourimage.jpg');
background-repeat: repeat;
}

Haga su imagen de fondo sólo se repita horizontalmente mediante la adición del "background-repeat: repeat-x" parámetro, como esto:

cuerpo {
Imagen de fondo: url ( 'http://www.domain.com/yourimage.jpg');
background-repeat: repeat-x;
}

Haga su imagen de fondo sólo se repite verticalmente mediante la adición del "background-repeat: repeat-y" parámetro, como esto:

cuerpo {
Imagen de fondo: url ( 'http://www.domain.com/yourimage.jpg');
background-repeat: repeat-y;
}

Mantenga la imagen de fondo en su lugar mientras los rollos de los visitantes arriba y hacia abajo mediante la adición del "background-attachment: fixed" parámetro, como esto:

cuerpo {
Imagen de fondo: url ( 'http://www.domain.com/yourimage.jpg');
background-attachment: fija;
}

Consejos y advertencias

  • El archivo de imagen de fondo de una página web más grande, cuanto más tiempo se tardará en cargar. Mantener el tamaño del archivo a un mínimo.
  • A veces, todo un sitio web puede ser visualmente atractivo suficiente como para querer convertir una imagen de fondo. Tome una captura de pantalla pulsando la tecla "Imprimir pantalla" con el teléfono descolgado. Abrir un archivo en blanco en otro programa de edición gráfica Microsoft Paint o, y pulse la tecla "Ctrl + V" para pegar la imagen. Seleccione la opción "Guardar" en el menú "Archivo" para guardar la captura.
  • Debe tener el permiso del propietario de los derechos de usar imágenes de otras personas como el fondo de su sitio web.