Arredondar bordas do fórum

[paulodududuedu]

Qual é minha questão:
Gostaria de arredondar todas as bordas do forum.

Medidas que eu tomei para corrigir o problema:
Apesar de tentar diversos codigos nos topicos ja abertos, não consegui nenhum que funcionasse

Imagens do meu problema:


Endereço do meu fórum:
http://pes6ps2.foruns.com.pt/

Versão do meu fórum:
INVISION

[Cream]

Olá amigo,

Tente este código:

Código:

div.maintitle {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

[paulodududuedu]

Não mudo nada no meu internet explorer 8


Já no meu mozila ele mudo fico arredondado porem com uma imagem de fundo branca quadrada
.

Alem disso ele mudo apenas as formas arredondadas das categorias seria intenressante em todo o forum.

[paulodududuedu]

Ola eu coloquei os fundos transparentes e com isso vem a mesma duvida pois nem no mozila nem no internet explore funciona a borda arredondada das linha do forum

aguardando resposta.

[webpixel]

Cream não mudou nada -

[Konai]

Olá,

Utilize este código;

Código:


Código:
/*Inicio do codigo das bordas*/
div.borderwrap {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
div.maintitle {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-webkit-border-radius-topleft: 7px;
-webkit-border-radius-topright: 7px;
}
table.ipbtable tfoot td {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
}
.module .box-content, element.style {
-moz-border-radius:7px;
-webkit-border-radius: 7px;
}
/*Fim do codigo das bordas*/


Painel de Controle ->> Visualização ->> Aba " Imagens & Cores " ->> Cores ->> Folha de Estilo CSS

[paulodududuedu]

Mudo sim no mozila mas no internet explorer continua a mesma coisa pode me explicar pq

[Convidad]

Olá!

Realmente, a borda só funciona nos navegadores : Google Chrome e Mozilla Firefox.

O navegador Internet Explorer, não suporta a tag: border-radius, digamos que o internet explorer não é atualizado (na versão 9 do internet explorer o função da borda será suportada).

Espero que tenha compreendido.
Atenciosamente.

[Victor Vaz]

Olá!

Realmente, a borda só funciona nos navegadores : Google Chrome e Mozilla Firefox.

O navegador Internet Explorer, não suporta a tag: border-radius, digamos que o internet explorer não é atualizado (na versão 9 do internet explorer o função da borda será suportada).

Espero que tenha compreendido.
Atenciosamente.

Não, a versão 9 não suporta.

[Convidad]

Olá!

Funciona sim, é só você chamar a propriedade ".htc".
Então, você deveria adicionar a propriedade assim:

tag {
border-radius: 10px;
behavior:url(border-radius.htc);
}

Você deve adicionar o border-radius e depois adicionar o campo abaixo("behavior:url(border-radius.htc) para o funcionamento.

Atenciosamente.

[paulodududuedu]

aqui não funciono.

detalhe apenas adicionei o ultimo codigo fornecido

[Convidad]

Olá!

Não não meu caro! Eu só estava explicando para o Victor Vaz o código que funciona no Internet Explorer (V.9). Copie o código que o Owner colocou, e use aquele se possível...

Espero que tenha compreendido.
Atenciosamente.

[paulodududuedu]

a ok !
topico resolvido.
Obrigado.