How can I get my spoiler to look like this?

I'm wondering how get my spoilers to look like this.

bump

Hi @Kamui,

Could you provide an URL to a topic on your forum that has a spoiler in it ?

Thanks ! ^^

Link: http://narutowindstorm.motionforum.net/t9-mainstream-systems#20

Add this to your CSS :

Code:

dl.codebox.spoiler, dl.codebox.spoiler > dt {
  background:none;
  border:none;
}

dl.codebox.spoiler > dd {
  background:none;
  border:1px solid #666;
  border-bottom-color:#CCC;
}

dl.codebox.spoiler > dt:after {
  content:"Show";
  color:#333;
  background:#EEE;
  border:1px solid #333;
  display:inline-block;
  padding:1px 8px;
  margin:0 3px;
  vertical-align:middle;
}

dl.codebox.spoiler > dt:hover:after {
  background:#FFD;
}

It should give you a similar effect. btw the button is actually a pseudo-button made with the CSS above, you can edit it to look like whatever you want.

  Thank you very much!