Изменить внешний вид Спойлера

[Dead Master]

Всем привет!
Хочу изменить внешний вид Спойлера
Сейчас выглядит так

а хочу примерно так

Просто стоковый вариант как то не очень, малость портит весь вид

 

[Skaiman]

на инфо полно инфы по спойлерам

 

[baltun]

Просто стоковый вариант как то не очень, малость портит весь вид

Да Skaiman прав, есть готовые варианты на инфо, я тебе показал, что ты хотел. По другому нельзя, т.к на том форуме что ты показал, там дописывается класс при открытии спойлера и закрытии поэтому меняется картинка "+" "-". В качестве утешительного приза для стандартного спойлера.

.bbCodeSpoilerButton:hover:before {
    font-family: 'FontAwesome';
    content: "\f0a4";
    display: inline;
    padding-right: 5px;
    position: relative;
    top:-6px;
}

 

[Skaiman]

Можно просто переделать код стандартного, но я пока не заинтересовался этим, мне пофиг на спойлер :)

 

[aligon]

Просто стоковый вариант как то не очень, малость портит весь вид

Да Skaiman прав, есть готовые варианты на инфо, я тебе показал, что ты хотел. По другому нельзя, т.к на том форуме что ты показал, там дописывается класс при открытии спойлера и закрытии поэтому меняется картинка "+" "-". В качестве утешительного приза для стандартного спойлера.

.bbCodeSpoilerButton:hover:before {
    font-family: 'FontAwesome';
    content: "\f0a4";
    display: inline;
    padding-right: 5px;
    position: relative;
    top:-6px;
}

А как указатель просто оставить на спойлере, а не только при наведении ?

 

[baltun]

Вот так прописать:

.bbCodeSpoilerButton:before {
    font-family: 'FontAwesome';
    content: "\f0a4";
    display: inline;
    padding-right: 5px;
    position: relative;
    top:-6px;
}

 

[aligon]

ВО, ТАК ЛУЧШЕ