•  
     

Como fazer estilos PhpBB

Instruções


Acesse o painel de administração do phpBB a partir de seu navegador e clique em "Styles" (Estilos). Dê um nome para seu novo estilo no campo "Create new style" (Criar novo estilo), localizado no canto inferior direito. Selecione um tema-base, como o "prosilver", e clique em "Submit" (Enviar). Confirme ambas as opções e clique novamente em "Submit". Clique "Return to the previous page" (Retornar à página anterior) para recarregar a aba "Styles".

Clique em "Themes" (Temas) e depois em "Edit" (Editar) ao lado do tema que você escolheu para criar seu novo estilo. A planilha de estilo do tema aparecerá no painel de edição. Este documento guarda o corpo principal de estilos, que afeta como seu tema se parece. Mude o valor do "Style name:" (Nome do estilo) para seu nome de tema desejado e escreva seu nome ao lado de "Modified by" (Modificado por). Por exemplo: Style name: MeuTema Based on style: proSilver (Este é o estilo padrão do phpBB 3) Original author: subBlue ( http://www.subBlue.com/ ) Modified by: "Seu Nome"

Personalize os estilos mudando os valores para parâmetros como "font-family", "color," "background-color," ou "border" (família da fonte, cor, cor do plano de fundo e borda) enquanto visualiza seu fórum em outra aba do navegador. Para mudar a cor padrão dos links de cinza para vermelho, por exemplo, edite o valor "color" para o seletor "a:link". a:link { color: #ff0000; text-decoration: none; } Se desejado, edite parâmetros avançados de estilo, como largura de elementos e margens, para mudar o layout. Clique em "Submit" para salvar quaisquer mudanças feitas. Se você não tem certeza sobre quais estilos deve mudar, abra uma nova aba do navegador e vá até seu painel de administração.

Clique em "Styles" e "Templates". Clique em "Edit" ao lado do seu tema escolhido e escolha um arquivo de modelo como "overall_header.html". Há mais de 100 modelos, cada um contendo ganchos de HTML e modelos que controlam partes específicas de seu fórum. É possível usar estes arquivos de modelo para referenciar a estrutura e classes de estilo CSS de seu tema ou mesmo abrir o index do fórum em uma nova aba de navegador e clicar na área com o botão direito, selecionando "Inspecionar Elemento". Esta ferramenta está disponível no Chrome, no Firefox e no Opera e permite que você visualize o HTML e os estilos CSS para a parte da página web em que clicou. Use o método que deixa as coisas mais fáceis para visualizar como suas mudanças de estilo mudarão o visual geral.

Faça o download de uma cópia do diretório "imagesets" para o tema que você está usando se quiser personalizar a parte gráfica do fórum. O diretório está localizado em seu servidor Web dentro de "styles", dentro do diretório do tema escolhido. Use seu programa preferido de edição de imagens para abrir cada imagem no "imageset" enquanto visualiza o fórum no navegador para referenciar onde cada imagem aparecerá no modelo. Salve cada imagem após personalizá-la, usando um novo nome de arquivo.

Retorne ao painel do administrador phpBB e clique em "Imagesets" na aba Styles. Clique em "Editar" ao lado de seu tema escolhido e em seguida faça o link de cada imagem que desejar personalizar com seu arquivo editado usando os menus de cascata. Clique em "Submit" para salvar as mudanças e então visualize o Index do fórum para ver o novo estilo em ação.

 
"Errar E Humano,
 
Bom Topico ira ajudar muitas pessoas que estao com duvida bom trabalho novinhoO