Bordas do fórum arredondadas/sombreadas

4 participantes

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

Tópico resolvido Bordas do fórum arredondadas/sombreadas

Mensagem por Kolseuvis 10.11.13 1:47

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;

->  https://i.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
Kolseuvis

Kolseuvis
Super Membro

Membro desde : 25/04/2009
Mensagens : 1099
Pontos : 2122

http://www.formigaeletrica.com.br

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Bordas do fórum arredondadas/sombreadas

Mensagem por Sleep 10.11.13 1:53

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 9:55, editado 1 vez(es)
Sleep

Sleep
Ajudeiro
Ajudeiro

Membro desde : 10/08/2012
Mensagens : 1117
Pontos : 1352

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas do fórum arredondadas/sombreadas

Mensagem por Kolseuvis 10.11.13 2:14

Olá Sleep, obrigado pela resposta rápida.

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

Kolseuvis
Super Membro

Membro desde : 25/04/2009
Mensagens : 1099
Pontos : 2122

http://www.formigaeletrica.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas do fórum arredondadas/sombreadas

Mensagem por Lincoln 10.11.13 3:14

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;
}
Lincoln

Lincoln
*****

Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas do fórum arredondadas/sombreadas

Mensagem por [F]lames 10.11.13 12:56

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
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas do fórum arredondadas/sombreadas

Mensagem por Kolseuvis 11.11.13 0:30

Deu certinho [F]lames, obrigado!
Kolseuvis

Kolseuvis
Super Membro

Membro desde : 25/04/2009
Mensagens : 1099
Pontos : 2122

http://www.formigaeletrica.com.br

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