Dar efeito nos codes

5 participantes

Ir para baixo

Tópico resolvido Dar efeito nos codes

Mensagem por Kishiro 14.10.12 2:06

Qual é minha questão:
Olá, cá estou eu de novo para fazer perguntas Feliz
Conheço um fórum, em que os codes de quote, code e spoiler têm um efeito 3D (parece)
Parece que tem sombra na diagonal por trás, cliquem aqui para poder verem.
Apenas queria que me dessem o code de como colocar esse efeito, que já tenho o resto do code como eu gosto para o quote, code e spoiler
Grato!

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://forumnaruto-13.forumeiros.com

Versão do meu fórum:
Não sei
Kishiro
Kishiro
Novo Membro

Membro desde : 12/10/2012
Mensagens : 14
Pontos : 20

http://forumnaruto-13.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar efeito nos codes

Mensagem por SplaSh 14.10.12 2:09

Ola caro senhor!

Cheque esse tutorial


Cordialmente,

Profile
SplaSh
SplaSh
****

Membro desde : 07/05/2012
Mensagens : 315
Pontos : 568

http://www.brasilrevolutionadventure.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar efeito nos codes

Mensagem por Kishiro 14.10.12 2:31

Amigo, obrigado pela resposta.
Mas eu já vi esse tutorial, e ele não dá o efeito que pretendo. Como pode ver, os quote em branco tem o efeito da tal sombra atrás da caixa de texto. Porém, no resultado no fim, a caixa de texto não possui o efeito que eu pretendo. Apenas gostaria do code para ter o efeito como nos quotes que o tutorial vai mostrando.
Grato.
Kishiro
Kishiro
Novo Membro

Membro desde : 12/10/2012
Mensagens : 14
Pontos : 20

http://forumnaruto-13.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar efeito nos codes

Mensagem por iGoogle~ 14.10.12 2:42

Traduzindo, oque ele precisa é de SOMBRA para os Quote e Spoilers!
isso que da o efeito 3D ... praticamente!
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar efeito nos codes

Mensagem por Kishiro 14.10.12 2:54

Kishiro escreveu:Parece que tem sombra na diagonal por trás

Exato, tal como eu tinha dito.
Kishiro
Kishiro
Novo Membro

Membro desde : 12/10/2012
Mensagens : 14
Pontos : 20

http://forumnaruto-13.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar efeito nos codes

Mensagem por Kishiro 14.10.12 14:13

Alguém pode ajudar por favor?
Kishiro
Kishiro
Novo Membro

Membro desde : 12/10/2012
Mensagens : 14
Pontos : 20

http://forumnaruto-13.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar efeito nos codes

Mensagem por bangreedes 14.10.12 14:51

Código:
.quote{background:url(http://i40.tinypic.com/34dlag4.png) .3em .3em no-repeat;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#ff2010;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:4px 4px 3px #a0a0a0;overflow:auto;padding:10px 10px 10px 30px}

resulta?

Caso não, tente:
Código:
.quote{background-color:#fff;border:#fff;border-style:solid;border-width:1px;color:#000;font-family:Tahoma;font-size:12px;line-height:125%}.coloradmin{color:#}.colormod{color:#}.vote{float:right;margin-left:4px;width:10px}.vote .vote-button{font-weight:700;margin-left:-1px;text-align:center}.vote .vote-button a{text-decoration:none!important}.vote .vote-bar{border:1px solid #363636;font-size:0;height:50px;margin:0 auto;width:3px}.vote .vote-no-bar{letter-spacing:-2px;margin-left:-2px;white-space:nowrap}.vote .vote-bar-plus{background-color:#0f0}.vote .vote-bar-minus{background-color:red}h1.pagetitle{color:#000;display:inline;font-size:13px;margin:0;padding:0}h1.title2{font-size:12px}.secondarytitle,.secondarytitle h2{color:#000;margin:0;padding:0}.secondarytitle h2{display:inline}
bangreedes
bangreedes
***

Membro desde : 24/04/2012
Mensagens : 174
Pontos : 237

http://Webnode-Downs.blogspot.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar efeito nos codes

Mensagem por Kishiro 14.10.12 15:31

A primeira opção está PERFEITA mesmo, muito obrigado^^
Está igual ao forum que eu apesentei, mas eu modifiquei para ficar exatamente como eu quero^^

Agora, pode fazer o mesmo para o spoiler por favor? eu agradecia imenso^^
Kishiro
Kishiro
Novo Membro

Membro desde : 12/10/2012
Mensagens : 14
Pontos : 20

http://forumnaruto-13.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar efeito nos codes

Mensagem por MateusV. 14.10.12 15:40

Olá!

Junto ao código anterior adicione este:
Código:
.spoiler_closed {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-color: #FF2010;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 4px 4px 3px #A0A0A0;
}
.spoiler_closed {
background-color: white;
border: white;
border-style: solid;
border-width: 1px;
color: black;
display: block;
font-family: Tahoma;
font-size: 12px;
line-height: 125%;
}
.spoiler_content {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-color: #FF2010;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 4px 4px 3px #A0A0A0;
padding: 10px;
}
.spoiler_content {
background-color: white;
border: white;
border-style: solid;
border-width: 1px;
color: black;
display: block;
font-family: Tahoma;
font-size: 12px;
line-height: 125%;
}

Abraços. Piscada
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: Dar efeito nos codes

Mensagem por Kishiro 14.10.12 15:48

Humm, por acaso sozinho consegui colocar esse efeito no spoiler, mas obrigado, mesmo^^
Kishiro
Kishiro
Novo Membro

Membro desde : 12/10/2012
Mensagens : 14
Pontos : 20

http://forumnaruto-13.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