Como arredondar as bordas do fórum?

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

Resolvido Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 26/05/12, 11:56 am

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


Última edição por Felipe H2 em 28/05/12, 03:57 pm, editado 1 vez(es)
avatar

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Convidad em 26/05/12, 12:06 pm

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

Convidad
Convidado


Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por BlackDow em 26/05/12, 12:32 pm

Não deu '-'
avatar

BlackDow
Nível 3

Masculino
Inscrito dia : 04/05/2012
Mensagens : 19
Pontos Ativos : 33

Ver perfil do usuário http://forumajuda.ativoforum.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Sennior em 26/05/12, 12:44 pm

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! Muito feliz
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 26/05/12, 12:47 pm

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

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Convidad em 26/05/12, 01:58 pm

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

Convidad
Convidado


Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 26/05/12, 02:07 pm

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

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Convidad em 26/05/12, 02:55 pm

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

Convidad
Convidado


Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 26/05/12, 04:07 pm

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

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Convidad em 26/05/12, 04:08 pm

Olá Felipe!

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

Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 26/05/12, 07:06 pm

Bom, aqui está uma Imagem de como fica.

avatar

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Sennior em 26/05/12, 07:12 pm

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! Muito feliz
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 26/05/12, 07:23 pm

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

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Sennior em 26/05/12, 07:34 pm

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! Muito feliz
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 26/05/12, 07:38 pm

A borda que eu quero, simplismente é um Transparente.
avatar

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Sennior em 26/05/12, 07:47 pm

Adicione em seu CSS:

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

Cordialmente.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 26/05/12, 07:51 pm

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

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Convidad em 26/05/12, 07:54 pm

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

Convidad
Convidado


Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Sennior em 26/05/12, 08:02 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 27/05/12, 10:02 am

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

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por MateusV. em 27/05/12, 04:38 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 27/05/12, 05:28 pm

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

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Convidad em 28/05/12, 01:08 am

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.

Convidad
Convidado


Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 28/05/12, 08:53 am

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

avatar

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por MateusV. em 28/05/12, 01:50 pm

Boa tarde.

Juntamente aos outros códigos adicione este:
.dterm {
margin-left: 24px;
}

Abraço. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como arredondar as bordas do fórum?

Mensagem por Felipe H2 em 28/05/12, 03:53 pm

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

Felipe H2
Nível 5

Masculino
Inscrito dia : 25/05/2012
Mensagens : 39
Pontos Ativos : 65

Ver perfil do usuário http://superhacks.forum-livre.com/

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