Справка:Как вставить сворачивающийся блок — различия между версиями

Материал из ТХАБ.РФ
Перейти к: навигация, поиск
м
м (Таблица)
 
(не показано 30 промежуточных версий этого же участника)
Строка 8: Строка 8:
  
 
== Вариант 2 ==
 
== Вариант 2 ==
 
+
Исходный вариант без шаблонов
<div class="mw-customtoggle-myDiv1" style="background:#e0e8ff">Показать</div>
+
<div class="mw-customtoggle-myDiv2" style="background:LightCyan">Показать как настроить ...</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDiv1">
+
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDiv2">
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
 
*Это сворачивающийся текст.
 
*Это сворачивающийся текст.
Строка 17: Строка 17:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
=== Вариант 2.1 ===
 +
 +
Вариант с шаблонами
 +
 +
{{s1|Показать как настроить ...|4}}
 +
# Не скрытый Текст.
 +
# номер сворачивающегося блока на странице (Не обязательный параметр - если блок 1)
 +
{{s2}}
 +
 +
 +
=== Вариант 2.3 ===
 +
 +
Вариант с шаблонами без параметров
 +
 +
{{s1|'''Показать как настроить ...'''|}}
 +
# Не скрытый Текст.
 +
# номер сворачивающегося блока на странице (Не обязательный параметр - если блок 1)
 +
# Цвет фона не скрытого текста (e0e8ff-голубоватый)-убрано.
 +
{{s2}}
  
 
== Вариант 3 ==
 
== Вариант 3 ==
Строка 25: Строка 45:
 
</div>
 
</div>
 
<div class="mw-customtoggle-myDiv2" style="background:#e8ffe0">Это тоже переключатель для сворачивания текста!</div>
 
<div class="mw-customtoggle-myDiv2" style="background:#e8ffe0">Это тоже переключатель для сворачивания текста!</div>
 +
 +
== Таблица ==
 +
 +
{| class="mw-collapsible mw-collapsed wikitable"
 +
! Заголовок
 +
|-
 +
|строка 1
 +
|-
 +
|строка 2
 +
|}
 +
 +
== Вариант 5 ==
 +
 +
<div class="NavFrame collapsed">
 +
  <div class="NavHead">Свёрнутый</div>
 +
  <div class="NavContent">
 +
    по умолчанию блок
 +
  </div>
 +
</div>
 +
 +
== Вариант 5==
 +
 +
<div class="NavFrame">
 +
  <div class="NavHead">
 +
    Заголовок
 +
  </div>
 +
  <div class="NavContent">
 +
    Содержание
 +
  </div>
 +
  <div class="NavPic">
 +
    Изображение
 +
  </div>
 +
</div>
  
 
== См. ссылки ==
 
== См. ссылки ==
  
[//ru.wikipedia.org/wiki/Википедия:Сворачивающиеся_блоки Википедия: Сворачивающиеся блоки]
+
* [//ru.wikipedia.org/wiki/Википедия:Сворачивающиеся_блоки Википедия: Сворачивающиеся блоки]
 +
* [//ru.wikipedia.org/wiki/Цвета_HTML Цвета HTML]
 +
 
 
{{t}}
 
{{t}}
  
 
[[Категория:Как сделать?]]
 
[[Категория:Как сделать?]]

Текущая версия на 20:25, 7 ноября 2016

Вариант 1

Это сворачивающийся текст.

Продолжение сворачивающегося текста.

Вариант 2

Исходный вариант без шаблонов

Показать как настроить ...
  • Это сворачивающийся текст.
  • Это сворачивающийся текст.
  • Это сворачивающийся текст.

Вариант 2.1

Вариант с шаблонами

Показать как настроить ...
  1. Не скрытый Текст.
  2. номер сворачивающегося блока на странице (Не обязательный параметр - если блок 1)


Вариант 2.3

Вариант с шаблонами без параметров

'Показать как настроить ...'
  1. Не скрытый Текст.
  2. номер сворачивающегося блока на странице (Не обязательный параметр - если блок 1)
  3. Цвет фона не скрытого текста (e0e8ff-голубоватый)-убрано.

Вариант 3

Это переключатель для сворачивания текста
Это сворачивающийся текст.
Это тоже переключатель для сворачивания текста!

Таблица

Заголовок
строка 1
строка 2

Вариант 5

Вариант 5

См. ссылки