GameVicioFórumClubVicio
GameVicioFórumClubVicio

Personalização de Layout

Fórum GameVicio » ClubVicio » Personalização de Layout
Personalização de Layout
GameVicio
GameVicio arrow_drop_down
    starsstarsstarsstarsstarsstarsstars
    Administrador
    Associado GameViciado
    Só valorizamos o que nos é privado
    ID: #570364
    Membro desde
    Masculino, 34 anos, Solteiro
    # Personalização de Layout
    Resposta de GameVicio.
    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.
    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


    Cores

    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 URLaHR0cDovL3d3dy53M3NjaG9vbHMuY29tL2Nzcy9jc3NfY29sb3JuYW1lcy5hc3AtLTs7LS1odHRwOi8vd3d3Lnczc2Nob29scy5jb20vY3NzL2Nzc19jb2xvcm5hbWVzLmFzcA== 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.

    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:
    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çãoEfeito
    top leftPosiciona no canto superior esquerdo
    top centerPosiciona no topo e centraliza horizontalmente
    top rightPosiciona no canto superior direito
    center leftCentraliza verticalmente e alinha à esquerda
    center centerCentraliza vertical e horizontalmente
    center rightCentraliza verticalalmente e alinha à direita
    bottom leftPosiciona no canto inferior esquerdo
    bottom centerPosiciona na base e centraliza horizontalmente
    bottom rightPosiciona no canto inferior direito
    x% y%Posiciona baseado em valores percentuais do eixo X e Y respectivamente
    xpos yposPosiciona 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

    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.
    Fórum GameVicio » ClubVicio » Personalização de Layout