Como alterar e personalizar um tema

4 participantes

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

Tópico resolvido Como alterar e personalizar um tema

Mensagem por LoCoPoKo 11.11.21 2:53

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.


Última edição por LoCoPoKo em 14.11.21 5:45, editado 1 vez(es) (Motivo da edição : pediram pra add endereço do forum)
LoCoPoKo

LoCoPoKo
Nível 1

Masculino
Membro desde : 04/12/2013
Mensagens : 4
Pontos ativos : 8

http://netflix.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Como alterar e personalizar um tema

Mensagem por pedxz 11.11.21 11:27

Olá @LoCoPoKo,

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


(Aguardo uma resposta sua)
Atenciosamente,
pedxz.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7067
Pontos ativos : 8295

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar e personalizar um tema

Mensagem por LoCoPoKo 14.11.21 5:50

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

LoCoPoKo
Nível 1

Masculino
Membro desde : 04/12/2013
Mensagens : 4
Pontos ativos : 8

http://netflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar e personalizar um tema

Mensagem por Lobs 15.11.21 16:36

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):

Como alterar e personalizar um tema GKljwu1

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 zen
Lobs

Lobs
Membro avançado

Masculino
Membro desde : 02/06/2013
Mensagens : 324
Pontos ativos : 373

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar e personalizar um tema

Mensagem por LoCoPoKo 16.11.21 4:45

@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 ?
LoCoPoKo

LoCoPoKo
Nível 1

Masculino
Membro desde : 04/12/2013
Mensagens : 4
Pontos ativos : 8

http://netflix.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar e personalizar um tema

Mensagem por Musashi 16.11.21 18:07

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. Muito feliz

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. Muito feliz
Musashi

Musashi
Membro avançado

Masculino
Membro desde : 17/02/2021
Mensagens : 401
Pontos ativos : 480

https://lucasthemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar e personalizar um tema

Mensagem por Musashi 21.11.21 20:41

Tópico resolvido


Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.
Musashi

Musashi
Membro avançado

Masculino
Membro desde : 17/02/2021
Mensagens : 401
Pontos ativos : 480

https://lucasthemes.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos