As cores |
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
Gestão das cores
1º - 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 ->
2º - 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)
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. |
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. |
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. |
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. |
Cor do fonte citação - Cor da fonte que será exibida dentro da tag quote, no texto citado: (carregue na imagem para aumentar) |
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) |
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. |
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)
(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 |
Vermelho | Cor do plano de fundo |
Verde | Cor do fundo do quadro do fórum |
Azul | Cor de fundo 1 |
Amarelo | Cor de fundo 2 |
Rosa escuro | Cor de fundo 3 |
Azul água | Cor das citações, códigos e botões |
Verde escuro | Cor das zonas de dígito, menus desfilantes, quadro do cabeçalho |
Azul escuro | Cor das zonas de dígito, menus desfilantes, quadro do cabeçalho |
Laranja | Cor do campo hover |
Azul claro | Cor 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)
Os contornos
(carregue na imagem para aumentar)
Cor do quadro do fórum - Cor da borda que envolve a área preenchida pela "Cor do quadro intermediário do fórum". |
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) |
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) |
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. |
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. |
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)
(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)
© Fórum dos Fóruns