Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Como alterar e personalizar um tema
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
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.
Ú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)
Re: Como alterar e personalizar um tema
Olá @LoCoPoKo,
Pode editar a primeira mensagem adicionando o link correto do seu fórum, por favor?
(Aguardo uma resposta sua)
Atenciosamente,
pedxz.
Pode editar a primeira mensagem adicionando o link correto do seu fórum, por favor?
(Aguardo uma resposta sua)
Atenciosamente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Como alterar e personalizar um tema
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:
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:
É 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
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
Re: Como alterar e personalizar um tema
@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 ?
Re: Como alterar e personalizar um tema
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.
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.
Re: Como alterar e personalizar um tema
Tópico resolvidoTópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão. |
Tópicos semelhantes
» Como personalizar esse tema
» Alterar versão do tema sem o mudar completamente
» Ae tem como eu personalizar a pagina do portal veja como o menu é
» Como faço para que meu amigo use o mesmo tema que o meu sem eu precisa de hospeda o tema na hitskin ?
» Personalizar tema do fórum
» Alterar versão do tema sem o mudar completamente
» Ae tem como eu personalizar a pagina do portal veja como o menu é
» Como faço para que meu amigo use o mesmo tema que o meu sem eu precisa de hospeda o tema na hitskin ?
» Personalizar tema do fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos