Arredondar a borda da categoria

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

Resolvido Arredondar a borda da categoria

Mensagem por Zoinhòón em 10/06/11, 06:32 pm

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, 07:24 pm, editado 1 vez(es)
avatar

Zoinhòón
Nível 3

Masculino
Inscrito dia : 17/11/2010
Mensagens : 17
Pontos Ativos : 28

Ver perfil do usuário http://manifestation.forumeiros.com/forum

Resolvido Re: Arredondar a borda da categoria

Mensagem por #Frank! em 10/06/11, 06:48 pm

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.
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

Ver perfil do usuário http://finite.forumeiros.com

Resolvido Re: Arredondar a borda da categoria

Mensagem por Zoinhòón em 10/06/11, 07:19 pm

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

http://i25.servimg.com/u/f25/15/65/31/89/cats10.jpg

Todas elas D;
avatar

Zoinhòón
Nível 3

Masculino
Inscrito dia : 17/11/2010
Mensagens : 17
Pontos Ativos : 28

Ver perfil do usuário http://manifestation.forumeiros.com/forum

Resolvido Re: Arredondar a borda da categoria

Mensagem por #Frank! em 10/06/11, 07:28 pm

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.
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

Ver perfil do usuário http://finite.forumeiros.com

Resolvido Re: Arredondar a borda da categoria

Mensagem por Zoinhòón em 10/06/11, 07:36 pm

Não aconteceu nada. i.i
avatar

Zoinhòón
Nível 3

Masculino
Inscrito dia : 17/11/2010
Mensagens : 17
Pontos Ativos : 28

Ver perfil do usuário http://manifestation.forumeiros.com/forum

Resolvido Re: Arredondar a borda da categoria

Mensagem por Zoinhòón em 10/06/11, 07:45 pm

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

Zoinhòón
Nível 3

Masculino
Inscrito dia : 17/11/2010
Mensagens : 17
Pontos Ativos : 28

Ver perfil do usuário http://manifestation.forumeiros.com/forum

Resolvido Re: Arredondar a borda da categoria

Mensagem por Cream em 10/06/11, 07:57 pm

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.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Arredondar a borda da categoria

Mensagem por Zoinhòón em 10/06/11, 08:09 pm

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
avatar

Zoinhòón
Nível 3

Masculino
Inscrito dia : 17/11/2010
Mensagens : 17
Pontos Ativos : 28

Ver perfil do usuário http://manifestation.forumeiros.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum