Colocar essas sombras nos posts e widgets

3 participantes

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

Tópico resolvido Colocar essas sombras nos posts e widgets

Mensagem por ShupUP 02.11.12 20:00

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:
Colocar essas sombras nos posts e widgets 5moUG

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 20:30, editado 2 vez(es)
ShupUP

ShupUP
***

Membro desde : 22/10/2012
Mensagens : 101
Pontos : 162

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar essas sombras nos posts e widgets

Mensagem por BrunoH. 02.11.12 20:10

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://2img.net/i/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://2img.net/i/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
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar essas sombras nos posts e widgets

Mensagem por ShupUP 02.11.12 20:14

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

ShupUP
***

Membro desde : 22/10/2012
Mensagens : 101
Pontos : 162

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar essas sombras nos posts e widgets

Mensagem por Consolado 02.11.12 20:19

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(https://2img.net/i/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.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar essas sombras nos posts e widgets

Mensagem por BrunoH. 02.11.12 20:21

Olá!
Substitua o código por este:
Código:
.panel, .module, #preview, .post {
background-image: url("http://2img.net/i/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://2img.net/i/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
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar essas sombras nos posts e widgets

Mensagem por ShupUP 02.11.12 20:30

Deu certo, muito obrigado Feliz

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

Spoiler:
ShupUP

ShupUP
***

Membro desde : 22/10/2012
Mensagens : 101
Pontos : 162

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