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

Материал из СисадминВики песочница
Перейти к: навигация, поиск
(Новая страница: «__TOC__ = Использование шаблонов = == Вариант 1. Изображение == {{Сворачиваемый раздел 2|3|Раздел…»)
 
 
(не показана 1 промежуточная версия этого же участника)
Строка 9: Строка 9:
 
{{Сворачиваемый раздел 2|4|1-й Раздел 4-го уровня}}  
 
{{Сворачиваемый раздел 2|4|1-й Раздел 4-го уровня}}  
 
Текст раздела
 
Текст раздела
 +
{{Сворачиваемый раздел окончен}}
 +
 
{{Сворачиваемый раздел 2|4|2-й Раздел 4-го уровня}}  
 
{{Сворачиваемый раздел 2|4|2-й Раздел 4-го уровня}}  
 
Текст раздела
 
Текст раздела
 
{{Сворачиваемый раздел окончен}}
 
{{Сворачиваемый раздел окончен}}
 +
 
{{Сворачиваемый раздел окончен}}
 
{{Сворачиваемый раздел окончен}}
 +
 +
{{Сворачиваемый раздел 2|3|Второй Раздел 3-го уровня со сворачиваемым содержимым}}
 +
 +
{{Сворачиваемый раздел 2|4|1-й Раздел 4-го уровня}}
 +
Текст раздела
 
{{Сворачиваемый раздел окончен}}
 
{{Сворачиваемый раздел окончен}}
  
 +
{{Сворачиваемый раздел 2|4|2-й Раздел 4-го уровня}}
 +
Текст раздела
 +
{{Сворачиваемый раздел 2|5|Подраздел 5-го уровня 1}}
 +
Текст раздела
 +
{{Сворачиваемый раздел окончен}}
 +
{{Сворачиваемый раздел 2|5|Подраздел 5-го уровня 2}}
 +
Текст раздела
 +
{{Сворачиваемый раздел окончен}}
 +
{{Сворачиваемый раздел окончен}}
 +
 +
{{Сворачиваемый раздел 2|4|1-й Раздел 4-го уровня}}
 +
Текст раздела
 +
{{Сворачиваемый раздел окончен}}
 +
 +
{{Сворачиваемый раздел окончен}}
  
 
= Макеты с исходным кодом оформления =  
 
= Макеты с исходным кодом оформления =  
Строка 118: Строка 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 в рамке

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

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

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

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

Ссылки