Como alterar e personalizar um tema

Detalhes da questão

Endereço do fórum: https://mir4br.forumeiros.com/
Versão do fórum: phpBB3

Descrição

https://guiapw.forumbrasil.net/
é possivel usar o tema dessa fórum não o tema pela cor, me refiro ao modelo so fórum. se sim como faço pra personalizar ?


OBS: esta conta que estou utilizando não se refere ao endereço de administrador do fórum se for preciso faço a pergunta com o e-mail admin do fórum.

Olá @LoCoPoKo,

Pode editar a primeira mensagem adicionando o link correto do seu fórum, por favor?


(Aguardo uma resposta sua)
Atenciosamente,
pedxz.

@pedxz  está editado. obrigado ansioso por mais informações.

Existem diversas formas de você personalizar seu fórum. A mais comum (e recomendável) é alterar a Folha de CSS do seu fórum.

Você pode encontrar essa opção em "Cores" na aba de "Visualização" do seu Painel administrativo.

Para isso, existe uma linguagem chamada CSS, que é bem fácil de aprender e utilizar. Um método pra você conseguir alterar sem entender muito de CSS é você abrir o seu fórum, clicar com o botão direito na parte que você quer mudar, e clicar em "Inspecionar elemento". Vou te dar uma explicação bem grosseira.

Vai abrir o código-fonte do seu fórum e, logo embaixo, haverá os atributos CSS dele. Assim (Microsoft Edge):



Se você colocar o mouse em cima de alguma parte do seu código-fonte, ele mostrará na sua tela qual parte do seu fórum aquele código diz respeito.

Os atributos em CSS estão logo embaixo, de acordo com onde você clicou. Se você clicar em alguma parte do código-fonte, mostrará quais atributos CSS estão modificando ele. Existe várias declarações que você pode usar ou modificar, os mais comuns são:

"color", "background-color", "margin-top", "margin-bottom", "margin-left", "margin-right", "padding", "border", "display", "font-family", "background-image".

Na imagem, há um background-color: #0a0808" modificando a parte do código-fonte que tem "forabg" (nesse caso, é chamado de classe). Ele está mudando a cor de fundo para a cor "#0a0808". Se você clicar em cima da cor (aquele quadrado preto do lado do código da cor), você vai poder escolher outra cor em uma paleta e ver diretamente no seu navegador como está ficando o resultado.

Assim, você pode mudar e testar várias modificações no seu fórum. Não se esqueça de copiar o novo código CSS que você modificou! Não precisa copiar tudo. Por exemplo, no exemplo que eu acabei de dar, se eu mudasse a cor para #FFFFFF, eu teria que colocar assim na folha de CSS:

Código:

.forabg {
    background-color: #ffffff;
}

Como eu mudei só essa cor, dessa classe "forabg", eu não preciso ficar copiando mais nada. Capisce?

Se alguma modificação não funcionar ao adicionar na folha de CSS, na maioria das vezes a solução imediata é só adicionar um !important do lado da declaração e antes do sinal ";". Desse jeito aqui:

Código:

.forabg {
    background-color: #ffffff!important;
}

É isso... esse é o básico do básico, mas que já te permite fazer bastante coisa em relação a modificar o layout do seu fórum. Se você precisar de alguma modificação específica que você pensou, você sempre pode vir aqui no fórum de ajuda e perguntar a gente sobre ela. Na esmagadora maioria das vezes, um ajudeiro irá te dar o código que você precisa colocar, simples e fácil.

Espero que isso te ajude a entender melhor como os temas são personalizados.

Atenciosamente,
Lobs

@Lobs é possível fazer a alteração de uma só vez copiando Layout e as cores ? peço desculpa mas sou bem leigo com essa questão de CCS, vi algumas coisas aqui e não parece ser tão simples assim. como seria melhor ?

Olá @LoCoPoKo!

Andei vendo sua dúvida, realmente é bastante interessante sua questão e interesse sobre personalização de um tema. Em relação sobre sua questão supracitado, o layout é codificado por variáveis em específicos em templates no qual cada um é determinado com uma classe dentro da Folha de estilo (CSS), sendo assim, caso tente realizar uma cópia e/ou modificação de uma determinada classe, veja se seu valor já esteja especificado no CSS.

Caso haja alguma dúvida, reforço o que anteriormente, o ajudante @Lobs citou ao mesmo: Caso necessite de alguma modificação em específico de uma determinada área, venha ao nosso site e retire sua dúvida, na maioria das vezes um ajudante irá responder você em 24 horas e fornecer ao mesmo uma solução mais breve.

Caso queira verificar melhor sobre tal conteúdo, veja o seguinte tópico para uma melhor interpretação e explicação de forma bastante simples: https://ajuda.forumeiros.com/t16183-tutorial-elaborar-um-codigo-css

Atenciosamente,
Wusthy.