» »

Делаем цветной спойлер для сайта 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 так чтоб немного закруглить углы, вы можете поставить на ноль или убрать или выставить больше и тогда больше, но вами решите.
22.01.2016 Просмотров: 403 Комментарий: (9)

Поделиться в социальных сетях

Материал разместил

Комментарий: 9
Сафрон
Сафрон 22.01.2016 20:531
0
Для темного дизайна намного лучше будет, просто такие вещи, что по дизайн, на нем смотрится совершенно по другому.
Kosten
Kosten 22.01.2016 21:172
0
Сафрон, что говорить, для темных есть свои скрипты, но не соглашусь, что на светлом не так сильно будет смотреться, смотря какой цвет выведешь и под какой дизайн, чтоб некая гармония была.
Maryges
Maryges 22.01.2016 21:193
0
Вот смотрю скрин и на нем впечатляет отлично смотрится, и что он светлый, как то не важно. Но темный цвет, там немного по другому.
csretven
csretven 22.01.2016 21:284
0
Что только не придумают, но думаю, это будет относиться к дизайн сайта.
Maryges
Maryges 22.01.2016 22:145
0
На то и конструктор, чтоб конструировать, это же не просто шаблон, а шаблон который можно переделать.
Сафрон
Сафрон 23.01.2016 00:036
0
Что на светлом или темном, все зависит, кто делает, то поставит цвет, который даже в дизайн сайта нет.
ucozmental
ucozmental 23.01.2016 00:047
0
Так понятно, чтоб под основной дизайн было.
Tergran
Tergran 23.01.2016 00:058
0
Это можно назвать небольшой хак для форума, чтоб его немного приукрасить.
Kosten
Kosten 23.01.2016 00:079
0
Но зато не ставить в общий вид форума, просто основном для форума скрипты идут туда, и можно увлечься и нагрузить форум.
avatar