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

4 participantes

Ir para baixo

Tópico resolvido Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz 15.03.12 18:35

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 19:46, editado 1 vez(es)
Victor Vaz
Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por MateusV. 15.03.12 18:37

Olá,
Aceda a:
Painel de controleComo faço a sombra da página igual ao do fdf 2479035592Visualização Como faço a sombra da página igual ao do fdf 2479035592Imagens e CoresComo faço a sombra da página igual ao do fdf 2479035592CoresComo faço a sombra da página igual ao do fdf 2479035592Aba Folha CSS.
Cole o codigo e salve
Código:
h1.page-title a {
background: transparent url(http://2img.net/i/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.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D 15.03.12 18:40

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?

Yours'D
Yours'D
****

Membro desde : 01/01/2012
Mensagens : 227
Pontos : 311

http://vulcanostudios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por MateusV. 15.03.12 18:41

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.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz 15.03.12 18:44

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

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por MateusV. 15.03.12 18:46

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://2img.net/i/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.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D 15.03.12 18:47

Código:
Código:
#left {background-attachment: scroll;
background-color: transparent;
background-image: url(http://2img.net/i/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;}
Yours'D
Yours'D
****

Membro desde : 01/01/2012
Mensagens : 227
Pontos : 311

http://vulcanostudios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz 15.03.12 19:01

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.
Victor Vaz
Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Roevs 15.03.12 19:06

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;
}
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz 15.03.12 19:08

O código não funcionou, mais alguém?
Victor Vaz
Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D 15.03.12 19:10

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;}
Yours'D
Yours'D
****

Membro desde : 01/01/2012
Mensagens : 227
Pontos : 311

http://vulcanostudios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz 15.03.12 19:13

Não aconteceu nada também. Triste

@EDIT;

Olha a imagem ai:

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


Última edição por Victor Vaz em 15.03.12 19:17, editado 1 vez(es)
Victor Vaz
Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Roevs 15.03.12 19:15

Tente utilizar este código

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

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D 15.03.12 19:19

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

Membro desde : 01/01/2012
Mensagens : 227
Pontos : 311

http://vulcanostudios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por MateusV. 15.03.12 19:20

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.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz 15.03.12 19:26

Enoisqueiroz, funcionou mas, ficou bugado, olha a imagem:
Como faço a sombra da página igual ao do fdf RrKH9


Obrigado MateusV, funcionou!

Top 2 nos que mais me ajudaram:
1. MateusV.
2. enoisqueiroz
Victor Vaz
Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D 15.03.12 19:41

Olá,

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

Membro desde : 01/01/2012
Mensagens : 227
Pontos : 311

http://vulcanostudios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz 15.03.12 19:45

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.
Victor Vaz
Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Yours'D 15.03.12 19:47

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
Yours'D
Yours'D
****

Membro desde : 01/01/2012
Mensagens : 227
Pontos : 311

http://vulcanostudios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço a sombra da página igual ao do fdf

Mensagem por Victor Vaz 15.03.12 19:57

Obrigado!
Victor Vaz
Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos