Detalhes da questão

Endereço do fórum: http://www.brasilplayforever.com/forum
Versão do fórum: ModernBB

Descrição

Olá,

No CSS base do meu fórum existe este código:

Código:

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

E isso é um problema pois se uso tags BBCode table, fica com borda #444 bem ridículo: https://i.imgur.com/1lIZN4r.png

Eu tentei usar o display: none na borda no CSS, só que aí fica sem nenhuma borda, mesmo eu estabelecendo uma no código no tópico... só aparece se eu usar declaração !important, mas é um saco ter que usar sempre.

Então, teria algum jeito de tirar esse CSS base do fórum?

Olá!

Eu acessei o fórum e não encontrei essa falha citada. Você poderia verificar se a URL do fórum está correta?

Até mais.

Estava com o display:none, mas agora tirei.
Acesse esse tópico e verás: http://www.brasilplayforever.com/t166624-

o/


Ps: Pode ser que dê um erro ao acessar o tópico, mas é só recarregar a página que abrirá normalmente.

Olá!

Poderia colar o seu código CSS aqui por favor? O código informado está incluso no CSS, e não no base do fórum (pelo que diz meu console).

No meu console mostra ser o CSS base... e também é só olhar aqui: http://www.brasilplayforever.com/56-ltr.css?pop=1 e procurar por border: 1px solid #444!important

Único código que eu coloquei foi esse para não ficar mostrando essas bordas

Código:

#preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
  border: none !important
}

o/

Olá!

Você tentou usar a borda contra ela mesma? Tente adicionar este código acima de todo o seu CSS, por favor:

Código:

#preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
    border: transparent !important;
}

Atenciosamente,
Shek

Deixa eu tentar explicar de novo, pode ter ficado meio confuso.

Assim, este tópico utiliza esse código:

Código:

[table style="border: 1px solid #4080FF; padding: 10px 10px 10px 10px; width: 90%; margin-left: 5%; margin-right: 5%; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 5px #A0A0A0; -moz-border-radius: 10px 10px 5px #A0A0A0; -webkit-border-radius: 10px 10px 5px #A0A0A0;"]
[tr style=][td]→ [url=http://www.brasilplayforever.com/t269606-regras-servidor-parte-geral]Parte Geral[/url][/td]
[/tr]
[/table]

E teria que dar esse resultado: https://i.imgur.com/tpDzhtR.png mas não dá pois no CSS base do próprio fórum possui esse código que está com a declaração !important e impossibilitando que eu formate o meu código no próprio post, só se eu também usar a mesma declaração, mas iria ficar bem chato ter que usar toda vez.
Este código:

Código:

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

Este código base faz com que fique assim o meu outro código: https://i.imgur.com/OIiu9wM.png. Já tentei fazer o que você disse, colocar o display: transparent !important, mas aí esse ficará com vantagem no código por estar usando a declaração !important, ou seja, irá ficar sem borda mesmo eu especificando uma borda no código do tópico.

O que eu quero dizer sobre isso tudo, esse código que está no CSS base, além de não ser útil, está dificultando a formatação de códigos no fórum, como esse do tópico, por exemplo.

Só queria tirar esse código, não quero ele, não serve pra nada, mas creio que não temos como editar o CSS base do fórum, ou temos? I don't know.

Bom dia!

Entendi... Mas, mesmo declarando o transparent sem o important na folha de estilos CSS, você pode usar o important dentro do style da sua tabela:

Código:

style="border: 1px solid #4080FF !important; padding: 10px 10px 10px 10px; width: 90%; margin-left: 5%; margin-right: 5%; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 5px #A0A0A0; -moz-border-radius: 10px 10px 5px #A0A0A0; -webkit-border-radius: 10px 10px 5px #A0A0A0;"

Tente declarar o transparent no código que mencionei e depois, use o !important no seu style dentro da tabela após a propriedade border.

Até mais.

Já tinha feito isso, só queria saber se tinha algum jeito de retirar esse código do CSS base do fórum, mas acho que não.


Obrigado, Shek.