Problema com CSS em tabela BBCode

3 participantes

Ir para baixo

Tópico resolvido Problema com CSS em tabela BBCode

Mensagem por Mr.Gordinho 25.04.18 20:08

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á.
Mr.Gordinho
Mr.Gordinho
Novo Membro

Membro desde : 25/04/2018
Mensagens : 4
Pontos : 6

http://www.b-gaming.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com CSS em tabela BBCode

Mensagem por virus 25.04.18 21:49

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.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com CSS em tabela BBCode

Mensagem por Mr.Gordinho 25.04.18 21:58

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
Mr.Gordinho
Mr.Gordinho
Novo Membro

Membro desde : 25/04/2018
Mensagens : 4
Pontos : 6

http://www.b-gaming.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com CSS em tabela BBCode

Mensagem por virus 25.04.18 22:06

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.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com CSS em tabela BBCode

Mensagem por Mr.Gordinho 25.04.18 22:50

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.
Mr.Gordinho
Mr.Gordinho
Novo Membro

Membro desde : 25/04/2018
Mensagens : 4
Pontos : 6

http://www.b-gaming.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com CSS em tabela BBCode

Mensagem por virus 25.04.18 23:49

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'
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com CSS em tabela BBCode

Mensagem por Mr.Gordinho 26.04.18 13:38

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.
Mr.Gordinho
Mr.Gordinho
Novo Membro

Membro desde : 25/04/2018
Mensagens : 4
Pontos : 6

http://www.b-gaming.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com CSS em tabela BBCode

Mensagem por Alex 26.04.18 13:51

Tópico resolvido


Movido para "Questões resolvidas".
Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Ir para o topo


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