Imagen de fondo estirada en tu perfil de MySpace

Imagen de fondo estirada en tu perfil de MySpace

Domingo 8 de marzo de 2009

Muchas personas pasan mucho tiempo personalizando su perfil de MySpace. Puede ser muy divertido. Una de las preguntas frecuentes recurrentes es cómo lograr una imagen de fondo estirada en el perfil. He investigado esto un poco y he encontrado algunas soluciones. Desafortunadamente, ninguno de ellos es completamente perfecto, pero es posible que lo suficientemente perfecto para usted.

Tenga en cuenta que el problema de fondo ampliado no se limita a las páginas de MySpace. Es un problema general para todas las páginas web. No hay una solución realmente buena para esto hoy (primavera de 2009). Tendremos que esperar a que la propiedad de tamaño de fondo CSS3 sea compatible. Si usted mismo tiene el control total de la página web (que no está en los perfiles de MySpace), entonces hay soluciones alternativas, consulte p. ej. About.com.

Todas las siguientes descripciones de instrucciones asumen que estás usando el perfil de MySpace 2.0.

Solución 1: Use una imagen de fondo grande

Use una imagen de fondo lo suficientemente grande como para llenar todo el fondo en la mayoría de los monitores.

Ventajas

• Bastante fácil

Desventajas

• Nunca nunca sabrá qué tan grande es el monitor de los espectadores, por lo que la imagen puede no ser lo suficientemente grande de todos modos. Si elige 1920×1200, al menos cubrirá los monitores de pantalla ancha grandes actuales.
• Otro problema es que realmente desea que partes específicas del fondo sean visibles, así que asegúrese de que estén en el área superior izquierda de la imagen.
• Debido a que la resolución de la imagen de fondo por lo general es bastante grande, no se puede alojar en muchos sitios de alojamiento de imágenes populares (esto incluye el propio myspace y, por ejemplo, flickr), porque tienen un límite máximo de resolución, generalmente alrededor de 1027×768. Por lo tanto, tendrá que alojar la imagen en otro lugar donde la resolución pueda ser mayor.
  Haga una búsqueda en Google en «alojamiento de imágenes de gran tamaño» para encontrar sitios web de alojamiento.

Cómo

1. Cargar una imagen de fondo suficientemente grande (por ejemplo, 1920×1200) en un sitio de alojamiento de imágenes donde se permiten imágenes grandes.
2. En tu perfil de MySpace activa el Perfil > Personalizar perfil.
3. Activar Apariencia > Edición Avanzada > Fondo.
   • Introduzca la Url de la ubicación de la imagen alojada, por ejemplo, http://www.yoururl.com/images/myspacebg.jpg
   • Asegúrese de que Desplazarse con página esté configurado en No y
   • Repetir esté configurado en No repetir.
4. Active el botón de vista previa para ver el resultado. Si está satisfecho, active el botón Publicar.

Solución 2: Compatibilidad preliminar con CSS3

La mayoría de los navegadores actuales (primavera de 2009) no admiten la propiedad de tamaño de fondo CSS3. Si lo hicieran, todos los problemas con fondos estirados se habrían resuelto. Sin embargo, la mayoría de los navegadores que usan el motor webkit tienen soporte preliminar para la propiedad. Esto cubre, por ejemplo, los navegadores Safari y Chrome.

Ventajas

• Bastante fácil
• Puede usar cualquier tamaño de imagen, por ejemplo, algunas de sus propias fotos de perfil.
• Haga un estiramiento de tamaño adecuado en el fondo. Pero no necesariamente se ve bien en un monitor ultra ancho.

Desventajas

• No funciona en Internet Explorer ni en muchos otros navegadores. Esto cubre los navegadores más utilizados, por lo que es una gran desventaja.

Cómo

1. En su perfil de MySpace active el Perfil > Personalizar perfil.
2. Activar apariencia > CSS
3. Ingrese el siguiente código CSS: reemplace la url con la ubicación de su imagen:

body { background-image: url(http://www.yoururl.com/images/myspacebg.jpg); x-webkit-background-size:100% 100%;}

4. Active el botón de vista previa para ver el resultado. Si está satisfecho, active el botón Publicar.

Solución 3: Inyectar elemento Img

La última solución, que de nuevo no es perfecta, consiste en inyectar un elemento Img HTML en su perfil y luego controlar su posición en la página para que se ajuste a la ventana del navegador.

Ventajas

• Puede funcionar con cualquier tamaño de resolución de imagen, por ejemplo, una imagen de sus álbumes de perfil de MySpace.

Desventajas

• La imagen se desplaza con la página, por lo que el fondo no es fijo. Esta es una gran desventaja.
• Un poco complejo para introducir en tu perfil.

Cómo

1. En su perfil de MySpace active Perfil > Editar perfil
2. En la página Editar perfil active Acerca de mí.
3. En la sección Acerca de mí, ingrese los siguientes códigos HTML para inyectar el elemento Img que se refiere a su imagen de fondo. El atributo src debe referirse a la imagen.

<img width="100%" src="http://www.yoururl.com/images/myspacebg.jpg"/>

1. Active el botón Guardar cambios para guardar los cambios.
2. Activar perfil > Personalizar perfil
3. Activar Apariencia > CSS
4. Ingrese (agregue) el siguiente código CSS, que esencialmente posicionará la imagen inyectada (identificada por) para que quepa en el fondo como estirada:

#back{ width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: -1;} 

5. Active el botón de vista previa para ver el resultado. Si está satisfecho, active el botón Publicar.