Problema com CSS em tabela BBCode

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

Resolvido Problema com CSS em tabela BBCode

Mensagem por Mr.Gordinho em 25/04/18, 04:08 pm

Detalhes da questão


Endereço do fórum: http://bgaming.com.br
Versão do fórum: ModernBB

Descrição


Estou personalizando minhas tabelas BBCode com códigos CSS, porém, deve ter algum conflito com o CSS do fórum, pois quando eu posto, algumas alterações feitas na tabela não são executadas.
Imagem do erro: https://i.imgur.com/jF5YdLg.png
Mesmo código sendo utilizado no fórum de vocês: https://i.imgur.com/NNk1yBc.png

O que pode ser? Já modifiquei alguns CSS do fórum para resolver o problema mas não obtive sucesso.
Já tentei também utilizar o código CSS desse post para remover as bordas e não funcionou.

Edit: É um assunto que trata de CSS e BBcode, não sei se está na seção certa.
Agradeço desde já.
avatar

Mr.Gordinho
Nível 1

Masculino
Inscrito dia : 25/04/2018
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://www.b-gaming.forumeiros.com/

Resolvido Re: Problema com CSS em tabela BBCode

Mensagem por virus em 25/04/18, 05:49 pm

Bem-vindo ao Fórum dos Fóruns!


Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:


Boa tarde, qual é o código utilizado para as mensagens?

Ajudeiro,
Virus.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Problema com CSS em tabela BBCode

Mensagem por Mr.Gordinho em 25/04/18, 05:58 pm

Código:
[table bgcolor="#e3f3d8" style="border-radius: 15px; border: solid #52872c"][tr style="border: none; padding-top: 10px"][td style="border: none"][img]https://i.imgur.com/r7IDtLB.png[/img][/td][td style="border: none"][b][color=#274e13][size=18]INSCRIÇÃO ACEITA
[/size][/color][/b]Estamos alterando seu cadastro no fórum para ter acesso a todo conteúdo disponibilizado nele.
Leia atentamente as regras, apresente-se ao grupo e participe do nosso Discord.
[b]Seja bem vindo![/b][/td][/tr][/table]

Achei o problema, está no CSS dessa imagem: https://i.imgur.com/rsJZ4aP.png
Se eu desabilitar ele, fica formatado certinho. O problema é que não estou conseguindo desabilitar ele no fórum. Já tentei alguns códigos e nada. Não sou suficientemente bom para isso. Hehe
avatar

Mr.Gordinho
Nível 1

Masculino
Inscrito dia : 25/04/2018
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://www.b-gaming.forumeiros.com/

Resolvido Re: Problema com CSS em tabela BBCode

Mensagem por virus em 25/04/18, 06:06 pm

Olá, Forneça a sua folha de estilo CSS
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
E por favor coloque o código entre as tag code no lugar da palavra conteúdo.

Código:
[code]conteúdo[/code]

Ajudeiro,
Virus.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Problema com CSS em tabela BBCode

Mensagem por Mr.Gordinho em 25/04/18, 06:50 pm

Estou usando o CSS base do fórum. Modifiquei poucas coisas, foi mais questão de cores mesmo.
Acredito que o CSS base do ModernBB você já tem acesso, então, conforme solicitado, segue abaixo:

Código:
.headerbar {
 background-image: url("http://i66.tinypic.com/3038yf5.jpg");
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 padding: 0;
 overflow: hidden;
 margin: 0;
 height: 380x;
 position: relative;
 background-color: #1D262C;
 }
.module .h3 {
 border-radius: 3px 3px 0 0;
 color: inherit;
 font-size: 1.3rem;
 text-transform: none;
 font-weight: 400;
 font-family: inherit;
 margin: -18px -18px 18px;
 padding: 12px 18px 12px;
 background-color: #3793FF;
 color: #FFF;
 border-bottom: none;
 }
.module-table i {
 font-size: 1.4rem;
 margin-right: 9px;
 vertical-align: -4px;
 }
a.forumtitle:hover {
 color: #d31141;
 text-decoration: none;
 }

Abaixo o trecho do CSS que está causando o "problema":

Código:
div[class*='post--'] .postbody table,div[class*='post--'] .postbody td,#preview .postbody  table,#preview .postbody td{
 border: 1px solid #444!important;
 }

Esse !important define que ele tem prioridade sobre os demais né? Como faço para "cancelar" ele.
Estou procurando tutoriais na web nesse exato momento.

Obrigado novamente pela atenção.
avatar

Mr.Gordinho
Nível 1

Masculino
Inscrito dia : 25/04/2018
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://www.b-gaming.forumeiros.com/

Resolvido Re: Problema com CSS em tabela BBCode

Mensagem por virus em 25/04/18, 07:49 pm

Bem, se está no css base não tem muito o que fazer. Quando uma regra dessas important é colocado no código impede que declarações normais sejam executadas por isso deve também utilizar o important assim pela ordem de  última importância seja o seu código a ser executado.

Código:
[table style="border-radius: 15px; border: solid #52872c!important" bgcolor="#e3f3d8"]
[tr style="padding-top: 10px; border: none !important;"][td style="border: none!important"][img]https://i.imgur.com/r7IDtLB.png[/img][/td]
[td style="border: none!important"][b][color=#274e13][size=18]INSCRIÇÃO ACEITA
[/size][/color][/b]Estamos alterando seu cadastro no fórum para ter acesso a todo conteúdo disponibilizado nele.
Leia atentamente as regras, apresente-se ao grupo e participe do nosso Discord.
[b]Seja bem vindo![/b][/td]
[/tr]
[/table]

Provável que esta parte do código não deveria ter o important, como o Modernbb é BETA, pode haver problemas, porém pode utilizar o código passado acima que tem as partes necessárias como important.

Irei verificar e se possível reportar para os superiores.
Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Problema com CSS em tabela BBCode

Mensagem por Mr.Gordinho em 26/04/18, 09:38 am

Olá, seu código funcionou perfeitamente e agora sei também como o !important funciona.

Problema/dúvida sanada, pode fechar o tópico.
Obrigado pelo suporte e atenção.
avatar

Mr.Gordinho
Nível 1

Masculino
Inscrito dia : 25/04/2018
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://www.b-gaming.forumeiros.com/

Resolvido Re: Problema com CSS em tabela BBCode

Mensagem por Alex em 26/04/18, 09:51 am

Tópico resolvido


Movido para "Questões resolvidas".
avatar

Alex
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 09/09/2016
Mensagens : 630
Pontos Ativos : 839

Ver perfil do usuário https://mundogoph.org/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum