Dar efeito nos codes

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

Resolvido Dar efeito nos codes

Mensagem por Kishiro em 13/10/12, 10:06 pm

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
avatar

Kishiro
Nível 2

Masculino
Inscrito dia : 12/10/2012
Mensagens : 14
Pontos Ativos : 20

Ver perfil do usuário http://forumnaruto-13.forumeiros.com

Resolvido Re: Dar efeito nos codes

Mensagem por SplaSh em 13/10/12, 10:09 pm

Ola caro senhor!

Cheque esse tutorial


Cordialmente,

Profile
avatar

SplaSh
Usuário avançado

Masculino
Inscrito dia : 07/05/2012
Mensagens : 315
Pontos Ativos : 568

Ver perfil do usuário http://www.brasilrevolutionadventure.com.br/

Resolvido Re: Dar efeito nos codes

Mensagem por Kishiro em 13/10/12, 10:31 pm

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.
avatar

Kishiro
Nível 2

Masculino
Inscrito dia : 12/10/2012
Mensagens : 14
Pontos Ativos : 20

Ver perfil do usuário http://forumnaruto-13.forumeiros.com

Resolvido Re: Dar efeito nos codes

Mensagem por iGoogle~ em 13/10/12, 10:42 pm

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

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

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

Resolvido Re: Dar efeito nos codes

Mensagem por Kishiro em 13/10/12, 10:54 pm

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

Exato, tal como eu tinha dito.
avatar

Kishiro
Nível 2

Masculino
Inscrito dia : 12/10/2012
Mensagens : 14
Pontos Ativos : 20

Ver perfil do usuário http://forumnaruto-13.forumeiros.com

Resolvido Re: Dar efeito nos codes

Mensagem por Kishiro em 14/10/12, 10:13 am

Alguém pode ajudar por favor?
avatar

Kishiro
Nível 2

Masculino
Inscrito dia : 12/10/2012
Mensagens : 14
Pontos Ativos : 20

Ver perfil do usuário http://forumnaruto-13.forumeiros.com

Resolvido Re: Dar efeito nos codes

Mensagem por bangreedes em 14/10/12, 10:51 am

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}
avatar

bangreedes
Nível 9

Masculino
Inscrito dia : 24/04/2012
Mensagens : 174
Pontos Ativos : 237

Ver perfil do usuário http://Webnode-Downs.blogspot.com.br

Resolvido Re: Dar efeito nos codes

Mensagem por Kishiro em 14/10/12, 11:31 am

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^^
avatar

Kishiro
Nível 2

Masculino
Inscrito dia : 12/10/2012
Mensagens : 14
Pontos Ativos : 20

Ver perfil do usuário http://forumnaruto-13.forumeiros.com

Resolvido Re: Dar efeito nos codes

Mensagem por MateusV. em 14/10/12, 11:40 am

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
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: Dar efeito nos codes

Mensagem por Kishiro em 14/10/12, 11:48 am

Humm, por acaso sozinho consegui colocar esse efeito no spoiler, mas obrigado, mesmo^^
avatar

Kishiro
Nível 2

Masculino
Inscrito dia : 12/10/2012
Mensagens : 14
Pontos Ativos : 20

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