Spoiler parecido com esse

Código:

<span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;"><input class="spoilerbutton" style="background-attachment: initial; background-clip: initial; background-color: #d6e0f4; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 102, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 102, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(0, 102, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 102, 255); border-top-style: solid; border-top-width: 1px; color: #0066ff; font: normal normal normal 11px/normal sans-serif; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px;" type="button" value="Spoiler" /></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;"><span style="font-size: 10px;">(clique para mostrar/esconder)</span></span>
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;"><input class="spoilerbutton" style="background-attachment: initial; background-clip: initial; background-color: #d6e0f4; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 102, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 102, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(0, 102, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 102, 255); border-top-style: solid; border-top-width: 1px; color: #0066ff; font: normal normal normal 11px/normal sans-serif; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px;" type="button" value="Spoiler" /></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;"><span style="font-size: 10px;">(clique para mostrar/esconder)</span></span>
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;"><span style="font-size: 10px;"><span class="Apple-style-span" style="color: #0f0f0f; font-size: 12px;"></span></span></span>
<div class="codeheader" style="color: #3f3f3b; font-size: 11px; font-style: normal; font-weight: bold; padding-bottom: 0px; padding-left: 0.3em; padding-right: 0.3em; padding-top: 0px; text-decoration: none;">
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;"><span style="font-size: 10px;">Código: <a class="codeoperation" href="http://www.mundorpgmaker.com/forum/index.php?topic=64124.0" style="color: #356ea6; font-weight: normal; text-decoration: none;">[Selecionar]</a></span></span></div>
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;"><span style="font-size: 10px;"><code class="bbc_code" style="background-attachment: initial; background-clip: initial; background-color: #b5c4e6; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(102, 153, 204); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(102, 153, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 153, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(102, 153, 204); border-top-style: solid; border-top-width: 5px; display: block; font-family: 'courier new', 'times new roman', monospace; font-size: 11px; height: 20px; line-height: 1.5em; max-height: 24em; overflow-x: auto; overflow-y: auto; padding-bottom: 3px; padding-left: 1em; padding-right: 1em; padding-top: 3px;">Seu texto aqui</code></span></span

background-image: url(LINK DA IMAGEM);

Código:

 
    spoiler {
  color: blue
 New.Button
background-image: url(LINK DA IMAGEM);
}

Painel de controle Visualização Imagens & Cores Aba Cores :seta3: Folha de Estilo CSS

Nyronmi escreveu:Dá isso:
Erro

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.

Código:

  dl.codebox {
  color: blue;
 New.Button;
background-image: url(LINK DA IMAGEM);
}

Código:

[spoiler][img]ENDEREÇO DA IMAGEM[/img][/spoiler]

Dury escreveu:Olá,

creio que não há como personalizar o Spoiler como deseja. Sobre sua última questão, não cheguei a compreender muito bem, mais quando quizer adicionar alguma imagem ao Spoiler apenas use as tags:

Código:

[spoiler][img]ENDEREÇO DA IMAGEM[/img][/spoiler]

Ou seja, o primeiro código vem com as tags "spoliler" abrindo e fechando as mesmas e no meio delas, use o código das imagens, que refere-se ao "IMG" entre tags também. Lembre-se de fechá-las conforme abriu.

Código:

.spoiler {
color: blue
background-image: url(http://i68.servimg.com/u/f68/16/18/13/90/spoile11.png);
background-position: top;
background-position: 30px 48px;
background-repeat: repeat;
}


.spoiler_content { background-image: url(https://i.servimg.com/u/f68/16/18/13/90/spoile11.png); background-repeat: no-repeat; background-color: #FF0000; color: #FF0000; color: 10pt; font-family Verdana, Geneva, sans-serif; }