Modificar o spoiler, citação e código

Qual é sua questão:
Olá.
Queria que vocês me dessem um código para modificar a aparencia das seguintes itens:
- Spoiler
- Citação
- Código

Prints de como desejo que fique, logo abaixo.

Que medidas você tomou para corrigir o problema:
nenhuma até o momento!

Apresente-nos imagens do problema (se necessário):
Quero que fiquem assim:
Spoiler fechado e aberto:



Citações:


Código:


Quem puder fazer eu agradeço !

Olá, não fazemos mais formularios!

Só ajudamos...

Mas poderá ver tutoriais!

muryllodantas escreveu:Olá, não fazemos mais formularios!

Só ajudamos...

Mas poderá ver tutoriais!

exprimente :

Código:

 
 .spoiler_content{
 border: red 5px  0px 5px 0px;
 }
 

e se quiser um efeito mais "sofisticado"

Código:


 .spoiler_content{
 border: red 5px  0px 5px 0px;
 height: 20px;
 }
 .spoiler_content:hover{
 height: auto;
 }

penso que deva funcionar
______________________________________________________________________

Funcionou obrigado!

Resolvido.