Arredondar a borda da categoria

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Arredondar a borda da categoria

Mensagem por Zoinhòón 10.06.11 22:32

Qual é sua questão:
Quero arredondar a borda das categorias do forum. Ou melhor, gostaria de fazer isso sem mudar nada nos foruns abaixo das categorias. ._.
Todos os quatro lados >_>

Se poderem me ajudar >.<'

Que medidas você tomou para corrigir o problema:
Eu tentei usar o código :

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

Até foi, porém, saiu de forma um pouco. >_>

Apresente-nos imagens do problema (se necessário):



Qual o endereço de seu fórum:
http://www.rpgwizengamot.com

Qual a versão de seu fórum (Punbb, Phpbb2, Phpbb3 ou Invision)?:
Phpbb2


Última edição por Zoinhòón em 10.06.11 23:24, editado 1 vez(es)
Zoinhòón

Zoinhòón
Novo Membro

Membro desde : 17/11/2010
Mensagens : 17
Pontos : 28

http://manifestation.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar a borda da categoria

Mensagem por BlueAngel 10.06.11 22:48

Olá meu querido, Zoinhòón

Modifique o conteúdo em sua folha css por este :


.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #CORHEXA;
}

Para colocar o código vá em :
Painel de controle Seta Visualização Seta Cores Seta "Aba" Folha CSS.
Vermelho : Código da cor hexadecimal.

Seta Atenciosamente,
Infanta Margarida.
BlueAngel

BlueAngel
Super Membro

Membro desde : 14/09/2009
Mensagens : 1128
Pontos : 1606

http://finite.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar a borda da categoria

Mensagem por Zoinhòón 10.06.11 23:19

É. Esse funciona. ;D
Porém, eu quero um que arredonde as CATEGORIAS do RPG s.s' :

https://i.servimg.com/u/f25/15/65/31/89/cats10.jpg

Todas elas D;
Zoinhòón

Zoinhòón
Novo Membro

Membro desde : 17/11/2010
Mensagens : 17
Pontos : 28

http://manifestation.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar a borda da categoria

Mensagem por BlueAngel 10.06.11 23:28

Olá meu querido, Zoinhòón

Coloque o conteúdo abaixo em sua folha CSS :

Código :

.forumbg, .forabg {
-moz-border-radius: 10px 0 10px 0;
-webkit-border-radius: 10px 0 10px 0;
}
.forumbg .corners-top, .forumbg .corners-bottom, .forabg .corners-top, .forabg .corners-bottom {
display: none;
}
.forumbg, .forabg {
padding-bottom: 6px;
}

Em vermelho o valor do arredondamento.
Seta Atenciosamente,
Infanta.
BlueAngel

BlueAngel
Super Membro

Membro desde : 14/09/2009
Mensagens : 1128
Pontos : 1606

http://finite.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar a borda da categoria

Mensagem por Zoinhòón 10.06.11 23:36

Não aconteceu nada. i.i
Zoinhòón

Zoinhòón
Novo Membro

Membro desde : 17/11/2010
Mensagens : 17
Pontos : 28

http://manifestation.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar a borda da categoria

Mensagem por Zoinhòón 10.06.11 23:45

Aê, se der para desenvolver um código para arredondar também a img. D;
Ou sei lá. >.<'
Zoinhòón

Zoinhòón
Novo Membro

Membro desde : 17/11/2010
Mensagens : 17
Pontos : 28

http://manifestation.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar a borda da categoria

Mensagem por Cream 10.06.11 23:57

Olá,

Qual a versão do seu fórum?
Caso seja PhpBB 2 use este código em sua folha de estilo CSS:
Código:
/*Inicio do codigo das bordas*/
#categoria.forumline {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumline {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
/*Fim do codigo das bordas*/
Caso seja PhpBB 3 use este código em sua folha de estilo CSS:
Código:
/*Inicio do codigo das bordas*/
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
/*Fim do codigo das bordas*/
Caso seja Invision use este código em sua folha de estilo CSS:
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*/

Cordialmente,
Profile.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar a borda da categoria

Mensagem por Zoinhòón 11.06.11 0:09

Bem, não era o que eu queria. *u*
Mas ficou bem melhor do quê eu imaginava. xD
Vlw, vocês são ótimos. *-*
Acho que já pode bloq o tópico, sei lá =P
Zoinhòón

Zoinhòón
Novo Membro

Membro desde : 17/11/2010
Mensagens : 17
Pontos : 28

http://manifestation.forumeiros.com/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos