Spoiler do fórum

[Ericsson']

Versão: PhpBB2

Olá, preciso de ajuda em uma questão sobre css. Aqui vai uma imagem para esclarecimento prévio: https://i.imgur.com/m7Pnm1i.png

Como podem ver, a imagem em si possui uma parte que eu mesmo acrescentei. Eu preciso que esse nome "Spoiler:" fique aonde a seta aponta, como nos quotes de costume, mas o meu é personalizado e eu não sei como fazer isso. Se puderem, ficaria grato, obrigado.

Aqui vai meu css:

Código:

/* bbCode */
table tr td span.genmed b {
 display: none;
 }
.codebox {
   margin: 1em;
    background-color: #ffffff;
    border: 1px dotted #dddddd;
   }
.codebox dt {
   padding: 0.0em;
    border-bottom: 0px dotted #dddddd;
   }
.codebox dd {
   margin: 0.5em;
    padding: 0.5em;
    background-color: #ffffff;
   }
.faq dd ul {
   margin: 0 2em;
    }
.codebox + blockquote {
   margin: 0.5em 3em;
    padding: 0.5em;
    background-color: #fff;
    border: 1px dotted #dddddd;
   }
.codebox dd.cont_code{
   max-height:200px;
   overflow:auto;
   }
blockquote {
   margin: 8px;
   padding: 8px;
   border-top: 0px dotted #000;
   border-right: 0px dotted #000;
   border-bottom: 0px dotted #000;
   border-left: 5px solid #ffffff;
   background-color: #ffffff;
   }
blockquote cite {
   display: block;
   margin: -8px -8px 8px -8px;
   padding: 3px;
   background-image: url('http://2img.net/i/fa/invision/css_img_quote.gif');
   background-repeat: no-repeat;
   background-position: top right;
   font-style: normal;
   font-size: 11px;
   background-color: #E4EAF2;
   color: #000;
   }



[Shaman]

Olá. Poderia fornecer o link de seu fórum por gentileza?

Até mais!

[Ericsson']

http://naruto-newage.forumeiros.com/

[Shaman]

Olá, adicione em seu CSS:

Código:

dd.spoiler_closed:after {
  content: 'SPOILER' !IMPORTANT;
  font-size: 20px !IMPORTANT;
}

Até mais!

[Ericsson']

Muito obrigado. Até mais!

[Shaman]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.