Como faço a sombra da página igual ao do fdf

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

Resolvido Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz em 15/03/12, 03:35 pm

Qual é minha questão:
Olá, queria saber como faz a sombra da página igual a do fdf (Esse fórum).
Eu quero o código css e com a cor da sombra certa.

Medidas que eu tomei para corrigir o problema:
Nenhuma. :/

Links e imagens do meu problema:
Acho que não precisa.

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

Versão do meu fórum:
PHPBB3


Última edição por Victor Vaz em 15/03/12, 04:46 pm, editado 1 vez(es)
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por MateusV. em 15/03/12, 03:37 pm

Olá,
Aceda a:
Painel de controleVisualização Imagens e CoresCoresAba Folha CSS.
Cole o codigo e salve
Código:
h1.page-title a {
background: transparent url(http://illiweb.com/fa/optimisation_fdf/fr/bg_posttitle.png) no-repeat scroll 0px 0px;
display: block;
font-size: 0.9em;
font-style: italic;
height: 35px;
padding-left: 30px;
text-shadow: lightBlue 1px 1px 2px;
}
Cordialmente.
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
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D em 15/03/12, 03:40 pm

Olá,

Aceda ao seu:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Aba "Folha de Estilo Css"

E insira o seguinte código:
Código:
#wrap {-webkit-box-shadow: rgb(170, 170, 170) 0px 0px 10px 0px;}
Resulta?

avatar

Yours'D
Nível 9

Masculino
Inscrito dia : 31/12/2011
Mensagens : 227
Pontos Ativos : 311

Ver perfil do usuário http://vulcanostudios.forumeiros.com/
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por MateusV. em 15/03/12, 03:41 pm

Olá, perdoe-me, creio que entendi errado, substitua o codigo por este
Código:
#wrap {
-webkit-border-radius: ;
-webkit-box-shadow: rgb(170, 170, 170) 0px 0px 10px;
border: 3px solid white;
border-image: initial;
padding: 7px;
}
Cordialmente.
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 faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz em 15/03/12, 03:44 pm

Vlw, os dois me ajudaram!
E agora eu quero saber o código dos efeitos dos widgets. (Ficou muito legal)
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por MateusV. em 15/03/12, 03:46 pm

Olá, adicione este codigo em seu CSS
Código:
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-image: initial;
border-radius: ;
margin: 3px 1px;
}
Cordialmente.
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
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D em 15/03/12, 03:47 pm

Código:
Código:
#left {background-attachment: scroll;
background-color: transparent;
background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
color: #777;
display: block;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
height: 1931px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 9px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
width: 205px;}
avatar

Yours'D
Nível 9

Masculino
Inscrito dia : 31/12/2011
Mensagens : 227
Pontos Ativos : 311

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

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz em 15/03/12, 04:01 pm

Agora vai meu último pedido neste tópico, como coloca o fundo branco mais a curvinha e o contorno. (Com todos os efeitos eu quero dizer.)

Vai valei um obrigado para o qual o código foi enviado certo e um + para os que me atenderam.
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por iPrompt em 15/03/12, 04:06 pm

Tente este código

Código:
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz em 15/03/12, 04:08 pm

O código não funcionou, mais alguém?
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D em 15/03/12, 04:10 pm

Eis o Código:
Código:
#wrap {border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
background-color: white;}

@Edit:
Se for nos Widgets:
Código:
#left {border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
background-color: white;}
avatar

Yours'D
Nível 9

Masculino
Inscrito dia : 31/12/2011
Mensagens : 227
Pontos Ativos : 311

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

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz em 15/03/12, 04:13 pm

Não aconteceu nada também. Triste

@EDIT;

Olha a imagem ai:



Última edição por Victor Vaz em 15/03/12, 04:17 pm, editado 1 vez(es)
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por iPrompt em 15/03/12, 04:15 pm

Tente utilizar este código

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D em 15/03/12, 04:19 pm

Código:
p.author {
background: white none repeat scroll 0px 0px;
border: 1px solid #C3E0F1;
border-radius: ;
}
avatar

Yours'D
Nível 9

Masculino
Inscrito dia : 31/12/2011
Mensagens : 227
Pontos Ativos : 311

Ver perfil do usuário http://vulcanostudios.forumeiros.com/
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por MateusV. em 15/03/12, 04:20 pm

Olá, adicione este codigo em seu CSS para o efeito no nome do autor a na data...
Código:
p.author {
background: white none repeat scroll 0px 0px;
border: 1px solid #C3E0F1;
border-image: initial;
border-radius: ;
color: #232323;
left: -11px;
margin-top: 7px;
padding-left: 3px;
padding-top: 3px;
position: relative;
width: 275px;
}
p.author {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.2em;
margin: 0px 15em 0.6em 0px;
padding: 0px 0px 5px;
}
Cordialmente.
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 faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz em 15/03/12, 04:26 pm

Enoisqueiroz, funcionou mas, ficou bugado, olha a imagem:



Obrigado MateusV, funcionou!

Top 2 nos que mais me ajudaram:
1. MateusV.
2. enoisqueiroz
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D em 15/03/12, 04:41 pm

Olá,

Eu fui em seu fórum e não obtive o resultado do Print.
Poderia me fornecer o link?
avatar

Yours'D
Nível 9

Masculino
Inscrito dia : 31/12/2011
Mensagens : 227
Pontos Ativos : 311

Ver perfil do usuário http://vulcanostudios.forumeiros.com/
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz em 15/03/12, 04:45 pm

Já arrumei o bug.

E podem fechar o tópico.

Obs: Nossa, dei pontos 12 de reputação neste tópico e não recebi nenhum.
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/
  • 0

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D em 15/03/12, 04:47 pm

@Victor Vaz escreveu:Já arrumei o bug.

E podem fechar o tópico.

Obs: Nossa, dei pontos 12 de reputação neste tópico e não recebi nenhum.
Pronto recebeu Piscada
avatar

Yours'D
Nível 9

Masculino
Inscrito dia : 31/12/2011
Mensagens : 227
Pontos Ativos : 311

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

Resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz em 15/03/12, 04:57 pm

Obrigado!
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.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