Делаем цветной спойлер для сайта uCoz
 | |
| Чтоб разнообразить дизайн на сайте, можно сделать цветной спойлер на нем. Сама кнопка останется у вас по умолчанию, такая есть на сайте а что открывает он, будет под другим оттенком. Для чего спросите делать так? Но повторюсь, это может быть для дизайна вашего ресурса, также имеет смысл что то оригинальное на сайт установить, так как оттенок вы можете настроить какой вам нужен. Но кто то просто скажет, что это некая такая фишка, или так, помнишь тот сайт, нет, да там еще светлой спойлер стоит, а точно вспомнил. Просто в CSSпропишем стиль: Код /* Spoiler style */ .uSpoilerButton {width: 100%; color: #000000; background: #3ABF2B; padding: 3px; text-align: left; border: 1px solid #1B7A10; border-radius: 5px;} .uSpoilerText {color: #000000;background: #8BD8F7; padding: 3px; text-align: left; border: 1px solid #000000; border-top: 0px; border-radius: 5px;} /* ----------------------- */ Здесь только добавил border-radius: 5px так чтоб немного закруглить углы, вы можете поставить на ноль или убрать или выставить больше и тогда больше, но вами решите. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 9 | |
|
| |
