Esticada imagem de fundo no seu perfil do MySpace

Esticada imagem de fundo no seu perfil do MySpace

domingo, 8 de Março de 2009

Muitas pessoas gasta um monte de tempo para personalizar o seu perfil do MySpace. Pode ser muito divertido. Uma das perguntas frequentes recorrentes é como obter uma imagem de fundo esticada no perfil. Eu investiguei isso um pouco e encontrei algumas soluções. Infelizmente, nenhum deles é totalmente perfeito, mas pode ser perfeito o suficiente para você.

observe que o problema de fundo esticado não está restrito às páginas do MySpace. É um problema geral para todas as páginas da web. Não há uma solução realmente boa para isso hoje (Primavera de 2009). Teremos que esperar pelo suporte à propriedade de tamanho de fundo do CSS3. Se você está no controle total da página da web( que não está nos perfis do MySpace), existem soluções alternativas, consulte, por exemplo. About.com.

todos os seguintes como descrições está assumindo que você está usando o MySpace Profile 2.0.

solução 1: Use uma imagem de fundo grande

Use uma imagem de fundo grande o suficiente para preencher todo o fundo na maioria dos monitores.

> Vantagens

• Bastante Fácil

Desvantagens

• Você nunca vai nunca como grande espectadores monitor é, portanto, a imagem pode não ser grande o suficiente de qualquer maneira. Se você optar por 1920×1200, pelo menos cobrirá os grandes monitores widescreen atuais.
• outro problema é que você realmente deseja que partes específicas do fundo sejam visíveis, portanto, certifique-se de que elas estejam na área superior esquerda da imagem.
• como sua resolução da imagem de fundo geralmente é bastante grande, ela não pode ser hospedada em muitos sites populares de hospedagem de imagens (Isso inclui o próprio myspace e, por exemplo, o flickr), porque eles têm um limite máximo de resolução, geralmente cerca de 1027×768. Portanto, você terá que hospedar a imagem em outro lugar onde a resolução possa ser maior.
  Faça uma pesquisa no Google em “image hosting large size” para encontrar sites de hospedagem.

como

1. carregue uma imagem de fundo grande o suficiente (por exemplo, 1920×1200) em um site de hospedagem de imagens onde imagens grandes são permitidas.
2. em seu perfil MySpace ativar o perfil > Personalizar perfil.
3. Ativar Aparência > Edição Avançada > Fundo.
   • insira o Url para o local da imagem hospedada, por exemplo, http://www.yoururl.com/images/myspacebg.jpg
   • certifique-se de que a rolagem com a página esteja definida como não e
   • a repetição está definida como não repetir.
4. ative o botão de visualização para visualizar o resultado. Se satisfeito, ative o botão Publicar.

Solução 2: Suporte preliminar CSS3

a maioria dos navegadores hoje (primavera de 2009) não suporta a propriedade de tamanho de fundo CSS3. Se eles fizessem todos os problemas com fundos esticados teria sido resolvido. No entanto, a maioria dos navegadores que usam o mecanismo webkit tem suporte preliminar para a propriedade. Isso cobre, por exemplo, os navegadores Safari e Chrome.

> Vantagens

• Bastante fácil
• Pode usar qualquer tamanho de imagem, por exemplo, algumas de suas fotos de perfil.
• faça o redimensionamento adequado do alongamento no fundo. Mas pode não necessariamente ficar bem em um monitor ultra amplo.

Desvantagens

• não funciona no Internet Explorer e em muitos outros navegadores. Isso cobre os navegadores mais usados, por isso é uma grande desvantagem.

como

1. em seu perfil MySpace ativar o perfil > Personalizar perfil.
2. ativar aparência > CSS
3. digite o seguinte código CSS-substitua o url pelo local da sua imagem:

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

4. ative o botão de visualização para visualizar o resultado. Se satisfeito, ative o botão Publicar.

Solução 3: injetar elemento Img

a última solução, que novamente não é perfeita, é injetar um elemento HTML Img em seu perfil e, em seguida, controlar sua posição na página para caber na janela do navegador.

vantagens

• pode trabalhar com qualquer tamanho de resolução de imagem, por exemplo, uma imagem de seus álbuns de perfil do MySpace.

desvantagens

• a imagem rola com a página, para que o plano de fundo não seja corrigido. Esta é uma enorme desvantagem.
• um pouco complexo para introduzir em seu perfil.

como

1. no seu perfil MySpace ativar perfil > Editar Perfil
2. na página Editar Perfil ativar sobre mim.
3. na seção sobre mim, insira os seguintes códigos HTML para injetar o elemento Img que se refere à sua imagem de fundo. O atributo src deve referir a imagem.

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

1. ative o botão Salvar alterações para salvar suas alterações.
2. Activar Perfil > Personalizar Perfil
3. Activar Aparência > CSS
4. Enter (adicionar) o seguinte código CSS – o que, essencialmente, um posicionamento injetado imagem (identificado por) para caber em plano de fundo como esticada:

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

5. Activar o botão de pré-Visualização para ver o resultado. Se satisfeito, ative o botão Publicar.