Colocar essas sombras nos posts e widgets

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

Resolvido Colocar essas sombras nos posts e widgets

Mensagem por ShupUP em 02/11/12, 06:00 pm

Qual é minha questão:
Como colocar essas sombras que ficam fora dos posts e dos widgets?
Podem reparar que é uma pequena sombra.

Reparem tb que fica na parte de baixo e do lado direito

Links e imagens do meu problema:


Endereço do meu fórum:
http://www.nacaodospassaros.com/

Versão do meu fórum:
PHPBB3


Última edição por ShupUP em 02/11/12, 06:30 pm, editado 2 vez(es)
avatar

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

Resolvido Re: Colocar essas sombras nos posts e widgets

Mensagem por BrunoH. em 02/11/12, 06:10 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
div.post {
background-image: url("http://illiweb.com/fa/optimisation_fdf/fr/bg_post.png") !important;
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
padding-top: 4px;
padding-bottom: 8px;
box-shadow: 1px 1px 1px;
margin: 8px 1px;
}
.panel.introduction, #left .module, .panel.loginPanel, .portal .module, .panel#postingbox, #profile-advanced-right .module {
background-image: url("http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
padding-top: 4px;
padding-bottom: 8px;
box-shadow: 1px 1px 1px;
margin: 3px 1px;
}
.module {
background-color: #E5F1F9;
color: #666;
margin-bottom: 4px;
overflow: hidden;
padding: 0 10px;
}
e Valide!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Atenciosamente,
BrunoH. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Colocar essas sombras nos posts e widgets

Mensagem por ShupUP em 02/11/12, 06:14 pm

Amigo, muito obrigado, mas só apareceu o efeito nos widgets, tem como arrumar pra aparecer nos posts tb?
avatar

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

Resolvido Re: Colocar essas sombras nos posts e widgets

Mensagem por Consolado em 02/11/12, 06:19 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

#left .module, #profile-advanced-right .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module { -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png); background-position: center bottom; background-repeat: repeat-x; border: 1px solid #C3E0F1; border-radius: 4px; box-shadow: 1px 1px 1px; margin: 3px 1px; padding-bottom: 8px; padding-top: 4px; }
Valide.

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Colocar essas sombras nos posts e widgets

Mensagem por BrunoH. em 02/11/12, 06:21 pm

Olá!
Substitua o código por este:
Código:
.panel, .module, #preview, .post {
background-image: url("http://illiweb.com/fa/optimisation_fdf/fr/bg_post.png") !important;
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
padding-top: 4px;
padding-bottom: 8px;
box-shadow: 1px 1px 1px;
margin: 8px 1px;
}
.panel.introduction, #left .module, .panel.loginPanel, .portal .module, .panel#postingbox, #profile-advanced-right .module {
background-image: url("http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
padding-top: 4px;
padding-bottom: 8px;
box-shadow: 1px 1px 1px;
margin: 3px 1px;
}
.module {
background-color: #E5F1F9;
color: #666;
margin-bottom: 4px;
overflow: hidden;
padding: 0 10px;
}

Atenciosamente,
BrunoH. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Colocar essas sombras nos posts e widgets

Mensagem por ShupUP em 02/11/12, 06:30 pm

Deu certo, muito obrigado Feliz

Usei o primeiro código que o BrunoH passou e o primeiro que o Today passou, obrigado.

Spoiler:
#left .module, #profile-advanced-right .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module { -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png); background-position: center bottom; background-repeat: repeat-x; border: 1px solid #C3E0F1; border-radius: 4px; box-shadow: 1px 1px 1px; margin: 3px 1px; padding-bottom: 8px; padding-top: 4px; }
div.post {
background-image: url("http://illiweb.com/fa/optimisation_fdf/fr/bg_post.png") !important;
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
padding-top: 4px;
padding-bottom: 8px;
box-shadow: 1px 1px 1px;
margin: 8px 1px;
}
.panel.introduction, #left .module, .panel.loginPanel, .portal .module, .panel#postingbox, #profile-advanced-right .module {
background-image: url("http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
padding-top: 4px;
padding-bottom: 8px;
box-shadow: 1px 1px 1px;
margin: 3px 1px;
}
.module {
background-color: #E5F1F9;
color: #666;
margin-bottom: 4px;
overflow: hidden;
padding: 0 10px;
}
avatar

ShupUP
Nível 8

Masculino
Inscrito dia : 22/10/2012
Mensagens : 101
Pontos Ativos : 162

Ver perfil do usuário

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