Redonda á borda do forum

[julinha]

Qual é minha questão:
Olá, Bom dia !!

A minha dúvida é, como deixar redonda á borda principal do fórum, como esse fórum : http://pokemonrevenge.forumeiros.com/ -------- ; espero que de para entender !

Endereço do meu fórum:
http://pokemonsupremo.forumbrasil.com:80

Versão do fórum:
PHPBB2

[First]

Olá,

Senhorita, se a versão do seu fórum for PHPBB2 peço que adicione este código em sua folha de estilo CSS. Caso não for poderia me fornecer o endereço do seu fórum verdadeiro?

Código:

#page-body {
-htm-border-radius: 100px;
-htm-box-shadow: 0 0 10px #515151;
-moz-border-radius: 100px;
-moz-box-shadow: 0 0 10px #515151;
-o-border-radius: 100px;
-o-box-shadow: 0 0 10px #515151;
-webkit-border-radius: 100px;
-webkit-box-shadow: 0 0 10px #515151;
background: url(http://img11.imageshack.us/img11/7117/48962061.png) top center no-repeat #eee;
border: 2px solid #eb0c0c;
border-radius: 100px;
box-shadow: 0 0 10px #515151;
margin: auto;
padding-bottom: 20px;
padding-top: 250px;
width: 900px;
}

Até mais,
Passar bem.  

[julinha]

Olá!
o endereço do meu fórum é esse : http://pokemonsupremo.forumbrasil.net/forum

o resultado não saiu...

[Jpjupa]

Amigo, completando o pedido de ajuda, adicione mais esse código no CSS:

Código:


.bodyline {
-moz-border-radius: 220px !important;
-webkit-border-radius: 220px !important;
overflow: hidden !important;
}


Abraço.
Jpjupa.

[First]

Olá,

Senhorita, substitua o código por este:

Código:

.bodyline {
-htm-border-radius: 100px!important;
-htm-box-shadow: 0 0 10px #515151!important;
-moz-border-radius: 100px!important;
-moz-box-shadow: 0 0 10px #515151!important;
-o-border-radius: 100px!important;
-o-box-shadow: 0 0 10px #515151!important;
-webkit-border-radius: 100px!important;
-webkit-box-shadow: 0 0 10px #515151!important;
background: url(http://img11.imageshack.us/img11/7117/48962061.png) top center no-repeat #eee!important;
border: 2px solid #eb0c0c!important;
border-radius: 100px!important;
box-shadow: 0 0 10px #515151!important;
margin: auto!important;
padding-bottom: 20px!important;
padding-top: 250px!important;
width: 900px!important;
}

Até mais,
Passar bem.  

[julinha]

ainda não foi,
inclusive modifiquei a cor, para ver se conseguia visualizar o resultado.

[First]

Olá,

Senhorita, substitua o código por este:

Código:

.bodyline {
-htm-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
border: 2px solid #eb0c0c;
}

Até mais,
Passar bem.  

[julinha]

First, o código funcionou na parte de fora do fórum, no caso a borda externa.
tem como fazer isso na borda interna aonde se encontra as categorias do fórum ?

[Shek]

Boa tarde!

Use este código:

Código:

.forumline {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

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

Atenciosamente,
Shek

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

[First]

Olá,

Senhorita, caso o código do nosso amigo 'Shek' não funcionar peço que remova o código do Shek e adiciona este:

Código:

.forumline {
-htm-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid #eb0c0c;
}

Até mais,
Passar bem.  

[julinha]

Ambos os códigos não funcionaram,
obrigada pela ajuda,

[First]

Olá,

Senhor, substitua o código por este. Caso não resultar deixe este código ativo em vosso fórum.

Código:

.forumline {
-htm-border-radius: 10px!important;
-moz-border-radius: 10px!important;
-o-border-radius: 10px!important;
-webkit-border-radius: 10px!important;
border-radius: 10px!important;
border: 2px solid #eb0c0c!important;
}

Até mais,
Passar bem.  

[julinha]

bem, obrigado!
deixa pra lá, obrigada pela ajuda!