Spoiler Personalizado

Detalhes da questão

Endereço do fórum: http://swordaorpg.forumeiros.com/t1-seu-primeiro-topico#11
Versão do fórum: phpBB2

Descrição

Opa pessoal, e ai, ces tão bem? Espero que sim, bem, eu tenho uma dúvida queria que vocês me ajudassem a resolver, bem, eu estava fazendo uns testes com alguns códigos aleatórios que bem, não deu muito certo, e queria que vocês me ajudassem a resolver para ficar bonitinho para o meu fórum, trata-se de personalizar o spoiler, fazer com que ele pareça um pergaminho fechado e aberto quando spoiler estiver respectivamente fechado e aberto, trata-se das seguintes imagens.

https://2img.net/h/oi65.tinypic.com/29gg3h5.png (Fechado)

https://i.servimg.com/u/f39/19/08/53/62/oie_kb12.png (Fundo Aberto)

Eu tentei com um código personalizado que vi em alguns sites afora, (acho que um deles eu cheguei até a ver por aqui), e bem, como podem ver pela seguinte IMAGEM não ficou alinhado, nem como eu esperava, resumindo, bem bagunçado, e olha que eu ja tentei mexer em muita coisa, se preciso eu insiro como está o código, podem me ajudar? Ploz

Adicione ao seu CSS:

Código:

dl.codebox.spoiler {
    width: 550px;
    margin: 0 auto;
    background: none;
    padding: 0;
    margin-bottom: 20px;
}

dl.codebox.spoiler > dt {
    position: static;
    height: 77px;
    line-height: 77px;
    background-image: url(http://oi65.tinypic.com/29gg3h5.jpg);
}

dl.codebox.spoiler > dt .genmed {
    font-size: 24px;
}

dl.codebox.spoiler > dd .spoiler_content {
    position: static;
    background-position: center;
    padding: 20px 80px;
}

dl.codebox.spoiler > dd.spoiler_closed {
    display: none;
}

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.