Qual é minha questão:
Olá, cá estou eu de novo para fazer perguntas
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

Ola caro senhor!

Cheque esse tutorial

https://ajuda.forumeiros.com/t27090-tutorial-personalizar-o-fundo-do-quote

Cordialmente,

Profile

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.

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

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

Exato, tal como eu tinha dito.

Alguém pode ajudar por favor?

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

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.

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