FANDOM


Você está pensando em personalizar o design da sua comunidade via CSS? Aqui estão alguns guias para lhe ajudar.

Guias

Use o Designer de Temas!

Theme designer

O Designer de Temas em ação

O jeito mais fácil de personalizar a sua wiki é pelo Designer de Temas.

  • Com o Designer de Temas, você tem a habilidade de personalizar a sua comunidade rapidamente, como mudar o seu logo, cores e pano-de-fundo da sua wiki.
  • Leia mais sobre o Ajuda:Designer de Temas, e visite Especial:ThemeDesigner na sua wiki.

Evite cores gritantes

Isso se aplica especialmente à area de conteúdo.

  • Telas diferentes se comportam diferentemente - as cores que você talvez não funcionem em outra tela.

E claro, isso não é fácil de ver quando você está trabalhando no seu tema, então algumas idéias a seguir são:

  • Tente usar contraste entre o texto e o fundo - como texto escuro e um fundo claro.
  • Imagens de fundo são legais - mas não se você não puder ler o texto sobre elas! Note que o Designer de Temas tem uma opção para transparência se você quiser que o fundo apareça mais.
  • Tente não tornar nada muito pequeno, especialmente na área principal do texto.

Mantenha o design simples

Talvez você esteja tentado a cobrir a sua comunidade com ícones, animações e cores - entretanto, isso pode ser uma distração quando alguém visita a sua wiki.

Além disso, lembre-se que o Fandom tem uma largura fluida - o que você vê não é exatamente o que os outros usuários vêem em telas de tamanhos diferentes.

Por exemplo, inclua as larguras com porcentagens ao invés de valores absolutos - isso irá reduzir prováveis "buracos" ou elementos se sobrepondo sobre outros.

Escreva códigos fáceis de ler

Não esqueça, você não é a única pessoa que personaliza a comunidade - então escreva um código que possa ser lido e entendido por todos. Espaçamento e nomes claros são ótimas maneiras de manter o código claro.

Além disso, adicione comentários aos códigos para que seja fácil de identificar a função deles - você também pode fazer isso com textos explicativos entre os marcadores /* e */ acima do CSS relevante. Por exemplo:

/*Isto é um comentário */

Links Úteis

Interferência de bloqueador de anúncios detectada!


A Wikia é um site grátis que ganha dinheiro com publicidade. Nós temos uma experiência modificada para leitores usando bloqueadores de anúncios

A Wikia não é acessível se você fez outras modificações. Remova o bloqueador de anúncios personalizado para que a página carregue como esperado.