Сворачивание блоков — различия между версиями

Материал из СисадминВики песочница
Перейти к: навигация, поиск
(Вариант 1. Изображение)
 
Строка 141: Строка 141:
 
в несколько строк
 
в несколько строк
 
</div></div>
 
</div></div>
 +
  
 
=Сворачиваемый блок простой=
 
=Сворачиваемый блок простой=

Текущая версия на 14:23, 13 декабря 2017

Использование шаблонов

Вариант 1. Изображение

Свернуть
Развернуть
Раздел 3-го уровня со сворачиваемым содержимым

Особенности: изображение слева, содержимое раздела оформляется отступом слева

Блок, сворачиваемый с помощью щелчка по изображению.

Свернуть
Развернуть
1-й Раздел 4-го уровня

Текст раздела

Свернуть
Развернуть
2-й Раздел 4-го уровня

Текст раздела

Свернуть
Развернуть
Второй Раздел 3-го уровня со сворачиваемым содержимым

Свернуть
Развернуть
1-й Раздел 4-го уровня

Текст раздела

Свернуть
Развернуть
2-й Раздел 4-го уровня

Текст раздела

Свернуть
Развернуть
Подраздел 5-го уровня 1

Текст раздела

Свернуть
Развернуть
Подраздел 5-го уровня 2

Текст раздела

Свернуть
Развернуть
1-й Раздел 4-го уровня

Текст раздела

Макеты с исходным кодом оформления

Свернуть
Развернуть
Раздел 1 со сворачиваемым содержимым

Особенности: изображение слева, содержимое раздела оформляется отступом слева

Блок, сворачиваемый с помощью щелчка по изображению.


Свернуть
Развернуть
Подраздел 1-1 со сворачиваемым содержимым

Подраздел, сворачиваемый с помощью щелчка по изображению.

Содержимое блока в несколько строк

Свернуть
Развернуть
Второй подраздел со сворачиваемым содержимым

Подраздел 1-2, сворачиваемый с помощью щелчка по изображению.

Содержимое блока в несколько строк

Свернуть
Развернуть
Подраздел 1-2-1 со сворачиваемым содержимым

Блок, сворачиваемый с помощью щелчка по изображению.

Содержимое блока в несколько строк

Свернуть
Развернуть
Раздел 2 со сворачиваемым содержимым

Блок, сворачиваемый с помощью щелчка по изображению.

Содержимое блока в несколько строк

Свернуть
Развернуть
Подраздел 2-1 со сворачиваемым содержимым

Подраздел, сворачиваемый с помощью щелчка по изображению.

Содержимое блока в несколько строк

Сворачиваемый блок с изображением

Стрелка вверх.png
Стрелка вниз.png

Заголовок со сворачиваемым содержимым

Блок, сворачиваемый с помощью щелчка по изображению.

Содержимое блока

в несколько строк


Стрелка вверх.png
Стрелка вниз.png

Блок 2. Заголовок

Блок, сворачиваемый с помощью щелчка по изображению.

Содержимое блока

в несколько строк


Сворачиваемый блок простой

Текст для показа
Скрытый текст. Блок 600px в рамке

Сворачиваемый раздел (простой)

Раздел, сворачиваемый с помощью двух шаблонов.

Содержимое раздела

в несколько строк

Ссылки