O URLQ2x1YlZpY2lvLS07Oy0taHR0cDovL3d3dy5jbHVidmljaW8uY29tLmJy agora permite que você personalize seu perfil (ainda em versão beta), com isso é possível trocar as cores dos textos, blocos de texto, além de adicionar imagem de plano de fundo.
Como acesso as configurações?
Estando logado no Club, acesse o menu Configurações e depois clique em Personalizar layout do perfil. O formulário é divido em duas áreas.
- Fundo da página: Personalizar o fundo externo e as cores gerais de link e texto
- Caixas de informação: Perosnalizar as caixas como Sobre mim, GamerTag, ??ltimas Fotos, etc
Cores
Existem duas maneiras de se definir uma cor
- Pelo nome: Utilize o nome em inglês para a sua cor, exemplo: red, green, blue
- Pelo código RGB: Forneça a cor no formato RGB (vermelho, verde azul) precedido pelo #, exemplo: #FF0000, #CCCCCC, #5500FF
No caso das caixas de informações, você pode definir o valor como transparent para omitir a exibição do fundo.
Imagem
Você pode definir uma imagem de fundo tanto para a página, quanto para as caixas de informações. A imagem precisa estar hospedada em algum lugar e você deve fornecer o endereço completo (incluindo o http).
Evite imagens grandes demais para seu perfil não demorar para carregar. Enquanto sua imagem não carrega, o navegador exibirá a cor de fundo que você definiu.
Repetição da imagem
Por padrão, uma imagem só repete se o seu tamanho for menor do que a resolução da tela e neste caso ela repete tanto no eixo X (horizontal) quanto no eixo Y (vertical). Você pode escolher as seguintes opções:
- Repetir em ambos os eixos
- Repetir apenas no eixo X
- Repetir apenas no eixo Y
- Não repetir
Rolagem da imagem
Se a altura da página for maior que a altura da imagem de fundo, esta opção é ativada. Você escolhe dentre as seguintes opções:
- Rolar:Conforme você rola a página, a imagem acompanha
- Fixar:Mesmo rolando a página, a imagem de fundo permanece parada
Posição da imagem
Se você tem uma imagem e optou por não permitir repetição, às vezes é interessante definir a posição. Segue as opções disponíveis:
Opção | Efeito |
top left | Posiciona no canto superior esquerdo |
top center | Posiciona no topo e centraliza horizontalmente |
top right | Posiciona no canto superior direito |
center left | Centraliza verticalmente e alinha à esquerda |
center center | Centraliza vertical e horizontalmente |
center right | Centraliza verticalalmente e alinha à direita |
bottom left | Posiciona no canto inferior esquerdo |
bottom center | Posiciona na base e centraliza horizontalmente |
bottom right | Posiciona no canto inferior direito |
x% y% | Posiciona baseado em valores percentuais do eixo X e Y respectivamente |
xpos ypos | Posiciona baseado em valores de pixel do eixo X e Y respectivamente |
Opacidade
Por padrão, a opacidade é 100%, isto é, nenhuma transparência. Você pode definir um valor entre 50% a 100% de opacidade, porém certifique-se de não estar dificultando a leitura.
Dicas para um bom layout
- Evite imagens grandes demais para serem usadas como fundo
- Certifique-se que a visualização do seu layout esteja acessível em resoluções maiores como (1280x1024 ou superiores). Exceto em algumas vezes, é sempre bom centralizar a imagem horizontalmente.
- Se a cor da fonte for clara, defina uma imagem escura e também uma cor de fundo escura também. Lembre-se que a cor de fundo é ativada enquanto a imagem é carregada (ou der erro) e preenche o restante da tela caso haja sobras.