Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Спойлер, цвет спойлера (как сделать цвет спойлера на ucoz)
Спойлер, цвет спойлера
Филя
Сообщений: 103
Репутация: 2

Сообщение # 1 | 15:16:40
Здравствуйте! Подскажите, пожалуйста, как и где можно отредактировать ucozовский спойлер? Конкретно интересует, что и где нужно написать, чтобы задать его цвет и желательно цвет поля позади текста. Отладчик на этот вопрос упорно молчит...
Заранее спасибо .
Rostislav
Сообщений: 2393
Репутация: 591

Сообщение # 2 | 16:28:56
Филя,

в css

стиль кнопки:
Код
.uSpoilerButBl {}


стиль фона сзади открывающегося спойлера:
Код
.uSpoilerText {}

Филя
Сообщений: 103
Репутация: 2

Сообщение # 3 | 18:13:20
Rostislav, че-то не находится такое... shy

Добавлено (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
_VITALIK_
Сообщений: 696
Репутация: 115
Уровень замечаний:

Сообщение # 4 | 18:38:42
Филя,

Цитата
/* ---------------------------------- *
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
Rostislav
Сообщений: 2393
Репутация: 591

Сообщение # 5 | 19:09:07
Цитата Филя ()
че-то не находится такое...


не нужно находить, а нужно самому добавлять класс в css и прописывать к нему стили

Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Спойлер, цвет спойлера (как сделать цвет спойлера на ucoz)
Страница 1 из 11
Поиск: