|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Спойлер, цвет спойлера (как сделать цвет спойлера на ucoz) |
Спойлер, цвет спойлера |
Здравствуйте! Подскажите, пожалуйста, как и где можно отредактировать ucozовский спойлер? Конкретно интересует, что и где нужно написать, чтобы задать его цвет и желательно цвет поля позади текста. Отладчик на этот вопрос упорно молчит...
Заранее спасибо . |
Филя,
в css стиль кнопки: Код .uSpoilerButBl {} стиль фона сзади открывающегося спойлера: Код .uSpoilerText {} |
Rostislav, че-то не находится такое...
Добавлено (20 Фев 2015, 18:13:20) --------------------------------------------- ЛЮДИ! Накопал в интернете вот такое: Подскажите, пожалуйста, что к нему приделать, чтобы красиво и в цвете получилось? /* ---------------------------------- * Spoiler * ---------------------------------- */ .uSpoilerClosed { border: 1px #000 dotted !important; padding: 2px; padding-left : 1px; padding-right : 1px; margin-left : 20px; margin-right : 40px; } .uSpoilerOpened { border: 0px #000 dotted !important; padding: 2px; padding-left : 3px; padding-right : 3px; margin-left : 20px; margin-right : 40px; } .uSpoilerClosed .uSpoilerButBl { padding-left : 15px; background-image : url('http://diary.3dn.ru/images/plus.gif'); background-color : #FFFFFF; background-repeat: no-repeat; background-position:12 3; display:block; cursor: pointer; } .uSpoilerOpened .uSpoilerButBl { border: 1px #000 dotted !important; padding: 3px; padding-left : 15px; background-image : url('http://diary.3dn.ru/images/minus.gif'); background-color : #FFFFFF; background-repeat: no-repeat; background-position:12 3; display:block; cursor: pointer; } .uSpoilerButton { cursor: pointer; width : 100%; border : 0px; background-color : transparent; text-align : left; font-family:Verdana,Sans-Serif; color:#1e90ff; font-size:12px; font-weight:bold; } { padding-left : 40px; padding-right : 20px; } .uSpoilerText{color: #333333; background: #ededed; font-size: 12px; border: 1px #000 dotted !important; padding: 3px;} Сообщение отредактировал Филя - Пятница, 20 Фев 2015, 18:14:19
|
Филя,
Цитата /* ---------------------------------- * Spoiler * ---------------------------------- */ .uSpoilerClosed { border: 1px #000 dotted !important; padding: 2px; padding-left : 1px; padding-right : 1px; margin-left : 20px; margin-right : 40px; } .uSpoilerOpened { border: 0px #000 dotted !important; padding: 2px; padding-left : 3px; padding-right : 3px; margin-left : 20px; margin-right : 40px; } .uSpoilerClosed .uSpoilerButBl { padding-left : 15px; background-image : url('http://diary.3dn.ru/images/plus.gif'); background-color : #FFFFFF; background-repeat: no-repeat; background-position:12 3; display:block; cursor: pointer; } .uSpoilerOpened .uSpoilerButBl { border: 1px #000 dotted !important; padding: 3px; padding-left : 15px; background-image : url('http://diary.3dn.ru/images/minus.gif'); background-color : #FFFFFF; background-repeat: no-repeat; background-position:12 3; display:block; cursor: pointer; } .uSpoilerButton { cursor: pointer; width : 100%; border : 0px; background-color : transparent; text-align : left; font-family:Verdana,Sans-Serif; color:#1e90ff; font-size:12px; font-weight:bold; } { padding-left : 40px; padding-right : 20px; } .uSpoilerText{color: #333333; background: #ededed; font-size: 12px; border: 1px #000 dotted !important; padding: 3px;} Сообщение отредактировал _VITALIK_ - Пятница, 20 Фев 2015, 18:45:29
|
не нужно находить, а нужно самому добавлять класс в css и прописывать к нему стили |
| |||
| |||