[FAQ] Gestão das cores

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[FAQ] Gestão das cores

Mensagem por Solkis em 29/11/09, 08:13 pm

As cores
Todas as cores dos fóruns Forumeiros são personalizáveis. Com elas poderá criar um tema que seja do seu gosto e sem ter conhecimentos sobre o assunto. Somente deve ter cautela pois existem algumas modificações que podem não ser válidas, mas iremos a estudar!



--> Perguntas e respostas frequentes <--
Gestão das cores




- Algumas considerações sobre as cores:
Para que possamos estudar por completo as cores, teremos de saber quais são suas limitações e casos especiais nas quais estas não são aplicadas. Estes são:
  • A gestão das cores é submissa à Foha de Estilos CSS, ou seja, se uma área for personalizada com códigos CSS e por cores, a que terá valor será a modificação feita com a folha de estilos.
  • Algumas cores são aplicadas à mais de um local, para personalizações mais específicas é necessário o uso da Folha de estilos CSS.
  • Algumas cores são ocultadas por imagens (como pode ocorrer com a cor do plano de fundo).
  • Os nomes dos campos de perfil contidos nas mensagens e no perfil dos membros não são alterados pelas cores. Para fazer a alteração destes é necessário que se aceda à:
    Painel de controle -> Usuários & grupos -> Usuários -> Perfis ->



- Modificar as cores:
Dividido em grupos, iremos explicar o que cada cor modifica e quais os principais locais onde atuam. Para que seja possível modificar as cores terá de aceder à:
Painel de controle -> Visualização -> Imagens e cores -> Cores

(carregue na imagem para aumentar)


Cores e tamanho do texto

(carregue na imagem para aumentar)
Seta Cor do texto - Esta cor será exibida em praticamente todo o fórum. Será a cor do texto presente da mensagem da homepage, os widgets, cor do texto das mensagens, cor do texto da assinatura, datas, horas. A cor do texto que nã possui formatação, em geral.
Seta Cor dos links - São as cores que irão ser exibidas em todos os links existentes no fórum. O primeiro e o terceiro valor referem-se à todos os links, suas cores normais, o segundo refere-se à cor dos links que já foram visitados (por exemplo, abro uma página e depois clico novamente em um hiperlink que me levará à página que estava, nesta página o link que acabei de sair estará nesta cor) e o quarto representa a cor do link qunado o mouse passar sobre ele.
Seta Fontes - A primeira representa a fonte que será aplicada no título do fórum, que fica ao lado ou abaixo do logo, quando ativado. O segundo representa a fonte geral da página, que será aplicado a tudo, como a cor do texto. O terceiro representa somente a fonte que será aplicada dentro da tag code.
Seta Tamanho da fonte principal - Tamanho da fonte que será usada nas mensagens, descrições dos fóruns, no fórum em geral. Este tamanho serve de base para a proporção dos outros tamanhos de fonte.
Seta Cor do fonte citação - Cor da fonte que será exibida dentro da tag quote, no texto citado:
(carregue na imagem para aumentar)
Seta Cor da fonte (administrador e moderador) - Somente será visível quando a opção Aplicar"Colorir nomes dos usuários?" em Painel de controle -> Usuários e Grupos -> Usuários -> Opções dos usuários estiver desativada. Estas cores representarão dos administradores e os moderadores na parte de quem está conectado. Caso o grupo dos administradores esteja invisível, os administradores receberão a cor dos moderadores.
(carregue na imagem para aumentar)
Seta Cor do título do fórum - Cor que será aplicada ao título do fórum que pode ou não ser exibido. Este localiza-se no topo ao lado ou abaixo do logo. O mesmo pode não aparecer caso seja alterado na gestão do cabeçalho.
Seta Cor do cabeçalho das colunas - Cor que será plicada no cabeçalho das categorias e nos tópicos. veja (em vermelho):
(carregue na imagem para aumentar)

Cores de fundo


(carregue na imagem para aumentar)

/!\ Como nesta seção cada versão possui uma aplicabilidade diferente das cores, teremos de mostrar de um outro modo, para isso iremos utilizar uma imagem de cada versão, usando como legenda as seguintes cores, que correspondem à cada campo:

Legenda de cores
Cor
Campo no Painel de Controle
VermelhoCor do plano de fundo
VerdeCor do fundo do quadro do fórum
AzulCor de fundo 1
AmareloCor de fundo 2
Rosa escuroCor de fundo 3
Azul águaCor das citações, códigos e botões
Verde escuroCor das zonas de dígito, menus desfilantes, quadro do cabeçalho
Azul escuroCor das zonas de dígito, menus desfilantes, quadro do cabeçalho
LaranjaCor do campo hover
Azul claroCor do fundo de uma mensagem agradecida

(carregue na imagem da versão para ver a legenda de cores)



Os contornos

(carregue na imagem para aumentar)
Seta Cor do quadro do fórum - Cor da borda que envolve a área preenchida pela "Cor do quadro intermediário do fórum".
Seta Cor do quadro das tabelas - Cor do contorno que envolve as categorias e fóruns. Veja a imagem (cor destacada em vermelho):
(carregue na imagem para aumentar)
Seta Cor do quadro das celulas - Cor da linha que separa os dados em uma categoria ou lista de tópicos. Veja o exemplo (campo destacado na cor vermelha):
(carregue na imagem para aumentar)
Seta Cor Fundo Menu de Navegação - Cor dos títulos secundários na versão PhpBB 3 e representa parte das categorias na versão PhpBB 2.
Seta Cor Fundo Categoria - Cor do fundo das categorias, ela é coberta pela imagem do fundo das categorias. Caso esta não exista, esta cor será colocada no lugar. Na versão PhpBB 3, se houver uma imagem e esta for curta demais para toda a categoria, assim que esta termine, será colocada esta cor até terminar a categoria.
Seta Cor da borda da categoria - Cor que complementa parte das categorias na versão PhpBB 2. representa a parte direita da mesma, não sendo visível em todos os modos de hierarquia.

Barra de rolamento

(carregue na imagem para aumentar)

Veja a seguinte imagem com os campos correspondentes à cada parte da barra de rolagem. Esta se encontra do lado direito (ou esquerdo para o idioma árabe) da página. Podemos modificá-la para que combine mais com o tema do fórum. Somente lembre-se que esta não é visível em todos os navegadores (como o Firefox, por exemplo).

(carregue na imagem para aumentar)



Álbum

Para mais informações sobre as cores do álbum você poderá consultar nosso tutorial específico para esta função através do endereço:
Gerir a galeria do fórum
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

Ver perfil do usuário http://ajuda.forumeiros.com

Re: [FAQ] Gestão das cores

Mensagem por Shek em 14/06/16, 11:01 am

- As cores da versão Moderna (Mobile):

Seta Cor de fundo das Categorias e Fóruns- Responsável por colorir a cor de fundo das categorias na versão moderna. Ou seja, ao definir uma cor, você estará escolhendo a cor de fundo das categorias na versão móvel, no estilo moderno:
Seta Cor da barra de ferramentas no Android- Define a cor de fundo da barra de navegação do fórum. A barra em questão, corresponde aos links de acesso ao seu fórum, acima das categorias.




--> Perguntas e respostas frequentes <--
Gestão das cores





© Fórum dos Fóruns



Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Gestão das cores
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum