
Простой чёрный спойлер который подойдёт для тёмных дизайнов от PheonixICQ
Установка:
Данный код в css:
Code
/*Верхняя часть */
.uSpoilerButton {width: 100%; color: #FFFFFF; background: #1b1b1b; padding: 3px; text-align: left; border: 1px solid #272727; font-weight: bold; }
/*Открывающаяся часть */
.uSpoilerText {color: #FFFFFF; background: #1b1b1b; padding: 3px; text-align: left; border: 1px solid #272727; border-top: 0px;}
/* ----------------------- */
.uSpoilerButton {width: 100%; color: #FFFFFF; background: #1b1b1b; padding: 3px; text-align: left; border: 1px solid #272727; font-weight: bold; }
/*Открывающаяся часть */
.uSpoilerText {color: #FFFFFF; background: #1b1b1b; padding: 3px; text-align: left; border: 1px solid #272727; border-top: 0px;}
/* ----------------------- */
Настройка стиля верхней части спойлера:
Code
color: #FFFFFF - Цвет текста
background: #1b1b1b; - цвет фона
padding: 3px; - Размер отступа от краев
text-align: left; - Положение текста (left, center, right)
border: 1px solid #272727; - Цвет раммки
Настройка стиля открывающейся части спойлера:
color: #FFFFFF - Цвет текста
background: #1b1b1b; - цвет фона
padding: 3px; - Размер отступа от краев
text-align: left; - Положение текста (left, center, right)
border: 1px solid #272727; - Цвет раммки
background: #1b1b1b; - цвет фона
padding: 3px; - Размер отступа от краев
text-align: left; - Положение текста (left, center, right)
border: 1px solid #272727; - Цвет раммки
Настройка стиля открывающейся части спойлера:
color: #FFFFFF - Цвет текста
background: #1b1b1b; - цвет фона
padding: 3px; - Размер отступа от краев
text-align: left; - Положение текста (left, center, right)
border: 1px solid #272727; - Цвет раммки
Готово,кнопка спасибо всегда рядом:)
PheonixICQ[Материал]