Перейти к содержимому


Фотография
* * * * * 2 Голосов

Спойлер на jQuery (другая версия)


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 87

#81 Оффлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 889
    • Cообщений: 8 644
    • Форум:3.4.х
    • Город:Казань

Отправлено 11 Апрель 2017 - 23:17

 

 

написано же для таких как вы:

 

 

в BB код

заменить шаблон на это:

<div class="spoiler-wrap">
    <div class="spoiler-head folded"><div class="buttons">
<button class="action"><span class="label">Спойлер</span></button>
</div></div>

    <div class="spoiler-body">
    {content}
        
    </div>
</div>

 

Я так и сделал, но при этом пропало поле параметры

 

а зачем оно вам раз оно будет всегда заполнено? 


  • 0

#82 Оффлайн   DarthVetal

    Новичок


  • Пользователи
  • Репутация
    0
    • Cообщений: 10
    • Форум:3.3.х

Отправлено 29 Январь 2018 - 16:43

Делал все по инструкции в первом посте.

Получилось почему-то вот такое.

 

Прикрепленные файлы


  • 0

#83 Оффлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 889
    • Cообщений: 8 644
    • Форум:3.4.х
    • Город:Казань

Отправлено 29 Январь 2018 - 17:19

Делал все по инструкции в первом посте.

Получилось почему-то вот такое.

 

заменить свое на это:

.spoiler-wrap {
    padding: 2px 2px;
    border: 2px solid #191919;
}

  • 0

#84 Оффлайн   DarthVetal

    Новичок


  • Пользователи
  • Репутация
    0
    • Cообщений: 10
    • Форум:3.3.х

Отправлено 29 Январь 2018 - 17:50

Уже лучше, но не совсем похоже на спойлер из примера автора.

Прикрепленные файлы


Сообщение отредактировал DarthVetal: 29 Январь 2018 - 17:50

  • 0

#85 Оффлайн   Sambi

    Пользователь


  • Пользователи
  • Репутация
    0
    • Cообщений: 20
    • Форум:3.4.х
    • Город:Новочебоксарск

Отправлено 29 Январь 2018 - 20:10

Все по инструкции, но как сделать чтобы текст был по центру а не выше плюса? и как немного уменьшить высоту этого окна
На всех стилях нормальный, кроме стандартного...

Прикрепленные файлы


Сообщение отредактировал Sambi: 29 Январь 2018 - 20:23

  • 0

#86 Оффлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 889
    • Cообщений: 8 644
    • Форум:3.4.х
    • Город:Казань

Отправлено 29 Январь 2018 - 23:54

Уже лучше, но не совсем похоже на спойлер из примера автора.

все решается посредством css 


  • 1

#87 Оффлайн   DarthVetal

    Новичок


  • Пользователи
  • Репутация
    0
    • Cообщений: 10
    • Форум:3.3.х

Отправлено 30 Январь 2018 - 03:19

Немного покопался, скруглил уголки и выставил цвета как в примере, но не пойму как сделать прозрачным фон у открытого спойлера.

Хочу что бы "шапка" спойлера имела цвет, а открывшийся блок с текстом - нет, так можно? А то мне удалось перекрасить фон только поверх цвета всего блока, если делать его прозрачным то проступает цвет бекграунда из ".spoiler-wrap", наверно нужно задать границы шапки, но я не знаю как._. 


  • 0

#88 Оффлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 889
    • Cообщений: 8 644
    • Форум:3.4.х
    • Город:Казань

Отправлено 30 Январь 2018 - 04:11

.spoiler-body {
    background: #fff;
}

фон текста


  • 1