Question

Стандартный спойлер не совсем устраивает. Нужно изменить его цвет и форму:

то есть было так:

а нужно так:

 

как это реализовать? Можно ли из картинки с надписью сделать спойлер? или сделать это через css, но не будет ли тогда цвет фиксированным? т.к. цвета надо поставить разные на спойлер, где то будет красный, где то оранжевый и т.д.

Answer 1

Делается это очень просто, в таблице стилей CSS для примера задаем вот такие стили:

.uSpoilerButBl input[type="button"] {
    padding: 10px;
    border: none;
    border-radius: 3px;
    background: rgb(214, 101, 125);
}

Comments

но тогда цвет будет одинаковый у всех спойлеров.

---

В таком случае класс - uSpoilerButBl меняем на другой либо дописываем айди к каждому новому спойлеру.

---

спойлер прописываю через бб-коды. еще через хтмл писал но это довольно таки муторно.  как в такой код: [spoiler]ссылка[/spoiler] прописать класс?

---

Никак, только в html в бб никак

---

сделал. спасибо за помощь.
http://psiholog16.ucoz.ru/index/metodicheskaja_kopilka/0-4