Как сделать такой спойлер?

Код:

*Фон и рамка открытой части спойлера*/
.spoiler{
background-image:url(http://www.snapsnap.ru/i/green83.jpg);
color:#030348;
-moz-border-radius:20px;
-khtml-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
border:#559B69 0px solid;
box-shadow:0 0 15px 2px #559B69;
-webkit-box-shadow:0 0 15px 2px #559B69;
-moz-box-shadow:0 0 15px 2px #559B69;
padding:4px;
}

/*Фон и рамка закрытой части спойлера*/
.spoiler_closed{
background-color:#E3FFD8;
height:1px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #E3FFD8;
}

mery пишет:спасибо,но хотелось тот)
а тот что вы дали что то не работает у меня(

Код:

/*наружняя часть спойлера*/
.spoiler{
background-image:url(http://hitskin.com/themes/18/25/69/i_background.jpg);
-moz-border-radius:20px;
-khtml-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
border:#000000 1px solid;
box-shadow:0 0 15px 2px #000000;
-webkit-box-shadow:0 0 15px 2px #000000;
-moz-box-shadow:0 0 15px 2px #000000;
padding:4px;
}

/*закрытая часть спойлера*/
.spoiler_closed{
height:0px;
border-style:none;
}

/*поле с содержимым спойлера*/
.spoiler_content {
background-image:url(http://hitskin.com/themes/18/25/69/i_background.jpg);
color:#ffffff;
border-style:none;
padding:2px;
}

Код:

/*Оформление цитаты*/
.quote{
background:url(http://s2.uploads.ru/EU2vW.png) #fff no-repeat 5px 3px;
color:#000;
font-size:12px;
font-style:italic;
line-height:1.4em;
padding:5px 5px 5px 30px;
border-style:none !important;
height:1px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}


/*Фон и рамка вокруг кода и цитаты*/
.postbody div table{
background-color:#fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:#139908 2px solid;
padding:3px;
}

/*Шрифт, фон окна Код*/
.code div.cont_code  {
background-color:#fff;
color:#000;
padding:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.code {
background-color:transparent !important;
border-style:none !important;
}


/*наружняя часть спойлера*/
.spoiler{
background-color:#fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:#139908 2px solid;
padding:4px;
}

/*закрытая часть спойлера*/
.spoiler_closed{
height:1px;
border-style:none;
}

/*поле с содержимым спойлера*/
.spoiler_content {
background-color:#fff;
color:#000;
font-size:12px;
border-style:none;
padding:2px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

Код:

[spoiler=<img src="http://s2.uploads.ru/XKWj7.png" border="0" /> Скрытый текст]

Код:

/*Оформление цитаты*/
.quote{
background:url(http://s2.uploads.ru/EU2vW.png) #fff no-repeat 5px 3px;
color:#000;
font-size:12px;
font-style:italic;
line-height:1.4em;
padding:5px 5px 5px 30px;
border-style:none !important;
height:1px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}


/*Фон и рамка вокруг кода и цитаты*/
.postbody div table{
background-color:#fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:#139908 2px solid;
padding:3px;
}

/*Шрифт, фон окна Код*/
.code div.cont_code  {
background-color:#fff;
color:#000;
padding:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.code {
background-color:transparent !important;
border-style:none !important;
}

Код:

blockquote {
background:url("http://illiweb.com/fa/prosilver/quote.gif") 6px 8px no-repeat #fff;
color:#000;
font-size:12px;
font-style:italic;
margin:1em;
overflow:hidden;
padding:5px;
border-style:none!important;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

blockquote blockquote,blockquote blockquote blockquote {
background-color: #fff;
font-size: 1em;
margin: 0.5em 1px 0px 15px;
border:#8ABFD2 1px solid!important;
}

dl.codebox code{
background-color:#fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:#139908 2px solid;
padding:3px;
}

dl.codebox{
background-color:#fff;
color:#000;
padding:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.code {
background-color:transparent !important;
border-style:none !important;
}

Леший пишет:Я же так час буду сидеть код разбирать , что за что отвечает

Принципиально не буду расписывать.
Это хорошая практика когда сам методом тыка всё сделаешь.
В будущем куча вопросов просто отвалятся сами по себе.