Personalização de Layout

O ClubVicio 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.


Estando logado no Club, acesse o menu Configurações e depois clique em Personalizar layout do perfil. O formulário é divido em duas áreas.

1. Fundo da página: Personalizar o fundo externo e as cores gerais de link e texto
2. Caixas de informação: Perosnalizar as caixas como Sobre mim, GamerTag, ??ltimas Fotos, etc

Existem duas maneiras de se definir uma cor

1. Pelo nome: Utilize o nome em inglês para a sua cor, exemplo: red, green, blue
2. Pelo código RGB: Forneça a cor no formato RGB (vermelho, verde azul) precedido pelo #, exemplo: #FF0000, #CCCCCC, #5500FF

Visite http://www.w3schools.com/css/css_colornames.asp para obter uma ampla de lista cores e seus respectivos valores.
No caso das caixas de informações, você pode definir o valor como transparent para omitir a exibição do fundo.


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:

1. Repetir em ambos os eixos
2. Repetir apenas no eixo X
3. Repetir apenas no eixo Y
4. 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:

1. Rolar:Conforme você rola a página, a imagem acompanha
2. 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

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.

1. Evite imagens grandes demais para serem usadas como fundo
2. 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.
3. 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.