Bordas do fórum arredondadas/sombreadas

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

Resolvido Bordas do fórum arredondadas/sombreadas

Mensagem por Kolseuvis em 09/11/13, 11:47 pm

Qual é minha questão:
Olá turma, tudo bom?

Faz algum tempo que não uso o painel de controle, então não me lembro como faz. Gostaria que me ajudassem a deixar a borda (contorno) do fórum arredondada, e com um sombreado para dentro, como mostra a imagem abaixo que estou pegando como exemplo;

->  http://i55.servimg.com/u/f55/18/32/03/36/borda10.png

Agradeço a atenção desde já. 

Endereço do meu fórum:
http://internetando.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

Ver perfil do usuário http://www.formigaeletrica.com.br

Resolvido Re: Bordas do fórum arredondadas/sombreadas

Mensagem por Sleep em 09/11/13, 11:53 pm

Olá,

Aceda à "Folha de Estilos CSS":

Painel de Controle -> Visualização  -> Imagens e Cores -> Cores  ->  Folha de Estilos CSS
Código:
.post {
 border: 1px solid black;
  border-radius: 7px 7px 7px 7px;
  background: #E8E8E8;
  color: white;
}

-> No código acima procure por 7px 7px 7px 7px, quanto mais aumentar, mais arredondado a borda vai ficar.
-> No código acima procure por white, substitua pelo nome em inglês da cor do texto.
-> No código acima procure por #E8E8E8, troque pelo nome em inglês ou em código hexadecimal da cor de fundo.
-> No código acima procure por black, troque pelo nome em inglês da cor da borda.

Valide.


Atenciosamente,
Sleep.


Última edição por Sleep em 10/11/13, 07:55 am, editado 1 vez(es)
avatar

Sleep
Usuário avançado

Masculino
Inscrito dia : 10/08/2012
Mensagens : 424
Pontos Ativos : 596

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

Resolvido Re: Bordas do fórum arredondadas/sombreadas

Mensagem por Kolseuvis em 10/11/13, 12:14 am

Olá Sleep, obrigado pela resposta rápida.

Infelizmente o código não surtiu efeito algum.
avatar

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

Ver perfil do usuário http://www.formigaeletrica.com.br

Resolvido Re: Bordas do fórum arredondadas/sombreadas

Mensagem por Lincoln em 10/11/13, 01:14 am

Tente este código:

Código:
#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
avatar

Lincoln
Usuário avançado

Masculino
Inscrito dia : 24/09/2011
Mensagens : 393
Pontos Ativos : 656

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

Resolvido Re: Bordas do fórum arredondadas/sombreadas

Mensagem por [F]lames em 10/11/13, 10:56 am

Olá,

Utilize este CSS:
Código:
#wrap {
border: 2px solid #FFF !important;
border-radius: 15px;
box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.2);
}
#page-header .headerbar {
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}
Passar bem. Muito feliz
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Bordas do fórum arredondadas/sombreadas

Mensagem por Kolseuvis em 10/11/13, 10:30 pm

Deu certinho [F]lames, obrigado!
avatar

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

Ver perfil do usuário http://www.formigaeletrica.com.br

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