Приветствую вас. Сегодня завис я на одном сайте, и увидел там что частенько используется спойлер для сокращения информации. Ну что же я против него не чего не имею. Но мне дико не понравилось его оформление.
После обновлений на ucoz сервере была внедрена уже ихняя версия спойлера.
Но вот тут и пошел данный минус который мне не нравится. Он выглядит в виде кнопки. И оформление оставляет желать лучшего! Вот вам сравнение старого и нового вида спойлера.
Старый вид:
Новый вид:
Что же вам необходимо сделать что бы получить у себя на сайте такой же вид спойлера.
Всего нечего добавить в сss вашего сайта данный стиль:
Code
/* DMhope new 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;}
/* ----------------------- */
