Чтобы сделать такой вид спойлера, Вам нужно всего лишь добавить нужный код в CSS:
Вот сам код:
Code
/* Spoiler style */
.uSpoilerButton {width: 100%; color: #000000; background: #c4c4c4; padding: 3px; text-align: left; border: 1px solid #000000;}
.uSpoilerText {color: #000000; background: #fafafa; padding: 3px; text-align: left; border: 1px solid #000000; border-top: 0px;}
/* ------------- */
Если Вас не устраивает внешний вид спойлера, Вам необходимо его настроить под себя. Вот эти настройки.
● 000000 - Цвет текста
● c4c4c4 - Цвет фона
● 3px - Размер отступа от краев
● left - Положение текста (left, center, right)
● 1px - Толщина рамки
● solid - Вид рамки (solid, double, dashed, dotted)
● 000000 - Цвет рамки
Вот пожалуй и все. Последнее решение за Вами.
[admin]Материал взят с сайта друзей http://prosidr.ru [/admin]
