Como arredondar as bordas do fórum?

[Felipe H2]

Qual é minha questão:
Olá Todo o Pessoal, eu queria saber como Arredondar as Bordas do Meu Fórum, mas Sem que fique um espaço Branco na Arredondação, não sei se me entenderam, quero as bordas como o Fórum Abaixo:

http://smwtech.forum-livre.com/

Medidas que eu tomei para corrigir o problema:
Tentei Colocar As Bordas, mas elas ficam Brancas no Espaço Vazio.

Links e imagens do meu problema:


Endereço do meu fórum:
http://superhacks.forum-livre.com/

Versão do meu fórum:
PHPBB3

[Convidad]

Olá,

Vá em: Painel de controle ->> Visualização ->> Cores ->> Folha CSS.

No conteúdo, adicione:

Código:

.forabg,.forumbg{-moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px}.forums,li.row{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
ul.topiclist dd.dterm, ul.topiclist dt {
display: block;
font-size: 1.1em;
padding-left: 10px;
padding-right: 100px;
width: 50%;
}

Atenciosamente.

[BlackDow]

Não deu '-'

[Sennior]

Olá e bom dia!
Tentaste este Código:

-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;

Em negrito modifique pela cor da Borda em questão.

Melhores Cumprimentos!

[Felipe H2]

Ficou uma Linha Estranha Quando coloquei o Arredondamento no Meu Fórum, uma Estranha Linha na Esquerda. O que seria?

E: Algumas Imagens Ficaram Ruins quando Adcionei isso ao Meu CSS, Como eu posso Consertar Isso?

[Convidad]

Olá senhor Felipe!

Cpainel > Visualização > Imagens e cores > Cores > Folha de estilo CSS > e cole o seguinte código:

Código:

#wrap{-moz-border-radius:7px;-moz-box-shadow:0 0 10px #AAA;-webkit-border-radius:7px;-webkit-box-shadow:0 0 10px #AAA;border:3px solid #fff;border-radius:7px;box-shadow:0 0 10px #AAA;filter:progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=3);padding:7px}

Atenciosamente,
Shek

[Felipe H2]

Ainda não Funcionou, deem uma olhada no Forum como está, ainda com um monte de dúvidas minhas.

[Convidad]

Olá,

Tente com esse código:

Código:

.forabg,.forumbg{-moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px}.forums,li.row{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}

Atenciosamente,
Shek

[Felipe H2]

Esses Codes dão umas linhas estranhas nas categorias e nos tópicos do Meu Fórum, o que seria isso?

[Convidad]

Olá Felipe!

Poderia tirar-me uma imagem de representação?

Atenciosamente,
Shek

[Felipe H2]

Bom, aqui está uma Imagem de como fica.

[Sennior]

Olá desculpe a demora Amigão!

Procure em seu CSS por este Código:

ul.forums dd {
border-color: white;
border-left-style: solid;
border-left-width: 1px;
}

E Retire, se não encontrar mande-me seu CSS para eu retirar.

Melhores Cumprimentos!

[Felipe H2]

Não achei, mas aqui está o CSS que estou usando.

Código:

a.mainmenu[href="/calendar"]{
display: none !important;
}a[href="/u1"] {
text-shadow: 0px 0px 5px #a68a00;
}a[href="/u2"] {
text-shadow: 0px 0px 5px #a68a00;
}.module,.navbar,.h3, h3 {background: transparent;}    .forabg,.forumbg{-moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px}.forums,li.row{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}

[Sennior]

Olá desculpe a demora!
Entenda o Código:

ul.forums dd {
border-color: white;
border-left-style: solid;
border-left-width: 1px;
}

Negrito e a cor daquela borda, modifique o nome da cor para qual desejares.

Até mais!

[Felipe H2]

A borda que eu quero, simplismente é um Transparente.

[Sennior]

Adicione em seu CSS:

Código:

ul.forums dd {
border-color: transparent;
border-left-style: solid;
border-left-width: 1px;
}

Cordialmente.

[Felipe H2]

Resolveu muitas coisas, mas ainda há tópicos e categorias que estão com o mesmo defeito, e quando passo o mouse em cima dos consertados, aparece a linha de novo.

[Convidad]

Olá Felipe!

Isso é normal querido. Se o senhor aumentar a quantidade de descrição em um sub-fórum creio eu que essa linha não vai aparecer.

Atenciosamente,
Shek

[Sennior]

Olá e boa noite!
Vamos tentar este, adicionando em seu CSS tá:

Código:

dl.icon dd.dterm, dl.icon dt {
background-position: 5px 50%;
background-repeat: no-repeat;
}
ul.topiclist dd.dterm, ul.topiclist dt {
display: block;
float: left;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;
width: 60%;
}
ul.forums dd {
border-color: transparent;
rgba(199, 1, 1, 0);
border-left-style: solid;
border-left-width: 1px;
}
ul.forums dd {
border-color: transparent;
border-left-style: solid;
border-left-width: 1px;
}
ul.topiclist dd {
border-left: 1px solid
transparent;
display: block;
float: left;
padding: 4px 0;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheetdd {
display: block;
-webkit-margin-start: 40px;
}

Resulta?

[Felipe H2]

Esse Code CSS tabém não vai, e olha que selecionei ele inteiro.

[MateusV.]

Boa tarde.

Adicione este código em seu CSS

li.row:hover {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:
#CCC;
border-radius: 10px;
}

Abraço.

[Felipe H2]

Ainda não resolveu, mas adcionou um efeito no Fórum, e os ícones de anúncio e ect estão estranhos.

[Convidad]

Olá,

Adicione este código em sua folha css:

Código:

ul.topiclist dd{border-left:0px solid ;display:block;float:left;padding:4px 0}

Salve e visualize seu fórum.
Atenciosamente.

[Felipe H2]

Resolveu algumas coisas, mas ainda não resolveu isso.

[MateusV.]

Boa tarde.

Juntamente aos outros códigos adicione este:

.dterm {
margin-left: 24px;
}

Abraço.

[Felipe H2]

Bem, ainda aparecia os nomes em cima dos Tópicos Fixos, mas consertei, tem que mudar de 24px para 31px. Valeu Gente!