Alterar exibição de spoiler para tipo Pergaminho Naruto

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Administrador
Navegador usado : Opera
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://naruto-survival.forumeiros.com

Descrição do problema

Quero alterar o modo como o spoiler aparece em meu fórum, tem como transformar isso?

Minha intenção é deixar ele parecendo um pergaminho, que abre assim que clicado em cima do "rolo", como esse daqui:


Aqui tem as imagens dos pergaminhos:
Rolo fechado: https://i.servimg.com/u/f39/19/08/53/62/perg210.png
Rolo aberto: https://i.servimg.com/u/f39/19/08/53/62/perg10.png

Agradeço.

Saudações,

No caso o senhor viu esta função em algum fórum?
Se sim, mande-me o link referente ao fórum ao qual viu o efeito.

Até mais.

Não :/
Não que fosse parecido com isso.

Existe alguma maneira de alterar o template do spoiler? Tenho a intenção, como já disse, de deixá-lo em forma de pergaminho. Agredeço se puder ajudar! Falou o/

Boas,

Sim amigo, isto eu compreendi.
No caso eu desejo a imagem do pergaminho, para que eu possa fazer as alterações. Necessito do pergaminho da imagem aberta e a imagem do pergaminho fechado.

Até mais.

Ah sim, ta aqui:

Pergaminho fechado: https://i.servimg.com/u/f39/19/08/53/62/perg210.png
Pergaminho aberto: https://i.servimg.com/u/f39/19/08/53/62/perg10.png

Olá amigo,

Veja este código:

Código:

dl.codebox.spoiler {
background: url(http://i39.servimg.com/u/f39/19/08/53/62/perg210.png) #F2EFEF;
padding: 26px;
background-repeat: no-repeat;
}

Coloque ele no teu CSS e verá.
O senhor precisa me dar uma imagem em PNG sem o fundo branco. Peça na seção gráfica para que retirem o fundo branco das duas imagens.

Até mais.

Pronto. Consegui pegar as imagens com fundo transparente:

Aberto: https://i.imgur.com/8aFYwA8.png
Fechado: https://i.imgur.com/NmfnmDL.png

Se puder já colocá-las no código, de modo que o título do spoiler fique dentro da parte transparente do rolo do pergaminho e me dizer bem em que parte da minha Folha de estilo CSS devo implementar, vou agradecer e dar a ajuda por finalizada. Valeu!

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

dl.codebox.spoiler {
background: url(http://i.imgur.com/NmfnmDL.png);
background-repeat: no-repeat;
padding: 109px 65px 0 10px;
}
.spoiler_content {
position: relative;
background-position-x: 0px;
top: -21px;
left: -11px;
}
.spoiler_content {
background-image: url(http://i39.servimg.com/u/f39/19/08/53/62/oie_kb12.png);
background-repeat: repeat-y;
color: #10pt;
padding: 20px 78px 40px 63px;
text-align: justify;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Ok
Deu uma boa ajuda, valeu!

Pode encerrar o/