Подскажите пожалуйста html спойлер для текста. 2.X

 
Посетитель
small user social cms
Медаль
Сообщений: 886
Здравствуйте.

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

Под спойлером я подразумеваю, когда нажимаешь на текст на странице, и открывается скрытый текст на этой же странице.

Благодарю.
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1545
Ну так и прячьте и показывайте его с помощь css. Какие проблемы?
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 886
Lora:

Ну так и прячьте и показывайте его с помощь css. Какие проблемы?

В том то и вся беда, я в html то не очень разбираюсь, а в css вообще ноль и даже не знаю где этот зверь css находится то)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 420
Код HTML:
  1. <div class="spoiler">
  2. <input type="checkbox" >
  3. <div class="box">
  4. Текст сообщения в спойлере.
  5. </div>
  6. </div>
Код CSS:
  1. .spoiler > input + .box { display: none; }
  2. .spoiler > input:checked + .box { display: block; }
Посетитель
small user social cms
Медаль
Сообщений: 886
Pocus:

Код HTML:
  1.  
  2.  
  3.  
  4. Текст сообщения в спойлере.
  5.  
  6.  
Код CSS:
  1. .spoiler > input + .box { display: none; }
  2. .spoiler > input:checked + .box { display: block; }

Я вставляю в страницу :

Код PHP:
  1. <div class="spoiler">
  2. <input type="checkbox" >
  3. <div class="box">
  4. Текст сообщения в спойлере.
  5. </div>
  6. </div>
И у меня появляется просто надпись: Текст сообщения в спойлере.
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 420
CSS кто будет писать?
Хорошо, тогда полностью.
Код HTML:
  1. .spoiler > input + .box { display: none; }
  2. .spoiler > input:checked + .box { display: block; }
  3.  
  4. <div class="spoiler">
  5. <input type="checkbox" >
  6. <div class="box">
  7. Текст сообщения в спойлере.
  8. </div>
  9. </div>
Редактировалось: 2 раз (Последний: 20 февраля 2017 в 22:35)
Посетитель
small user social cms
Медаль
Сообщений: 886
Pocus, cry и опять же, просто текст:
Подскажите пожалуйста html спойлер для текста.
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 420
Подскажите пожалуйста html спойлер для текста.


Наверное у вас типограф код режет. Отключите его.
Посетитель
small user social cms
Медаль
Сообщений: 886
Pocus:

Подскажите пожалуйста html спойлер для текста.


Наверное у вас типограф код режет. Отключите его.

Получается вы меня не так поняли.... Я хочу добавить в редакторе страницы/новости, вот сюда:

Подскажите пожалуйста html спойлер для текста.
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 420
Ну и добавляйте. Жмите крайнюю правую кнопку редактора (голубые <>) и вставляйте что хотите.
Если будет резать код, в настройках контента отключите типограф для этого поля.
И вообще, приведенный код, это всего лишь пример - направление для ваших дальнейших изысканий.
И уж коли взялись делать сайт, озаботтесь хотя бы элементарными знаниями. Без них никуда.
Посетитель
small user social cms
Медаль
Сообщений: 886
Pocus:

Ну и добавляйте. Жмите крайнюю правую кнопку редактора (голубые ) и вставляйте что хотите.
Если будет резать код, в настройках контента отключите типограф для этого поля.
И вообще, приведенный код, это всего лишь пример - направление для ваших дальнейших изысканий.
И уж коли взялись делать сайт, озаботтесь хотя бы элементарными знаниями. Без них никуда.

Благодарю.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: