Borda entre as categorias

Qual é minha questão:
Então eu queria adicionar uma borda assim (Imagem Foi Feita No Paint :c) com cor preta para combinar com a da categoria .
https://i.imgur.com/fWqNeOe.png

Endereço do meu fórum:
http://insaneteamsite.forumeiros.com

Versão do fórum:
PUNBB

Olá,

Adicione este código CSS:

Código:

.pun .main-content {border-left: 2px solid #000;border-right: 2px solid #000;margin-top: -3px;margin-bottom: -2px;border-top: none;border-bottom: none;}

CPainel ->> Visualizações ->> Imagens e Cores ->> Cores ->> Folha de Estilo CSS

Até mais.

Tem como deixar mais grosso ?

@Edit https://i.imgur.com/4xEB7vT.png ali em baixo ficou faltando o risco tem como por ?

Olá,

Substitua o código por este:

Código:

.pun .main-content {border-left: 3px solid #000;border-right: 3px solid #000;margin-top: -3px;margin-bottom: -2px;border-top: none;border-bottom: 3px solid #000;}

Até mais.

Agora ficou bugado :c https://i.imgur.com/wACmBRV.png e tem como tirar isso do portal ._.

Up ;c

Olá,

Substitua o código passado acima por este:

Código:


.pun .main-content {
border-left: 5px solid #000;
border-right: 5px solid #000;
margin-top: -4px;
margin-bottom: 5px;
border-top: none;
border-bottom: 5px solid #000000;


Cordiais Saudações;
Alex!

Unico problema é que fica no portal tem como tirar :c ? https://i.imgur.com/HLazKKp.png

Olá,

Em meu ponto de vista, acho difícil deixa diferente por ser as mesma classes isso pode impedir a transformação desigual das duas áreas, mais aguarde alguém da equipe com mais experiência para dar a resposta ao senhor

Cordiais Saudações;
Alex!

Ok vou esperar alguem .

Olá,

Tem sim meu querido! NÃO altere nada no código CSS que lhe passei. Apenas crie um Widget no portal com as seguintes informações:

Nome do widget : Coloque o nome que desejar.
Utilizar um table type : Marque a opção Não.
Título do widget : Deixe em branco, não coloque nada!

Código:

 <style type="text/css">.pun .main-content {border-left: none!important;border-right: none!important;margin-top: -3px;margin-bottom: -2px;border-top: none!important;border-bottom: none!important;}</style>

Até mais.

O do portal foi bruno , agora tem uma parte no forum que fica assim https://i.imgur.com/z48oh5N.png ,

Up

Olá cavalheiro,

Adicione em sua folha CSS:

Código:


#pun-info .main-content {
border:none!important; 
}
.main .main-content.frm {
 border: none !important;
}


Cordiais Saudações;
Alex!

Pode fechar ficou perfeito :]