Difference between revisions of "Template:Ruspoiler"

From Dragon Age Toolset Wiki
Jump to: navigation, search
m (Edit)
m (Edit)
Line 1: Line 1:
−
<noinclude>{{rupage|Спойлер|Шаблоны}}</noinclude>
+
<noinclude>{{rupage|Спойлер|Шаблоны}}</noinclude><includeonly>{|{{#if: {{{uncollapsed|}}}|class="collapsible"|class="collapsible collapsed"}} style "border:thin solid #AAAAAA;" width="{{{width|500pt}}}" align= "{{{align|}}}" cellpadding="0" cellspacing="0"
−
{|{{#if: {{{uncollapsed|}}}|class="collapsible"|class="collapsible collapsed"}} style "border:thin solid #AAAAAA;" width="{{{width|500pt}}}" align= "{{{align|}}}" cellpadding="0" cellspacing="0"
+
 
|-  
 
|-  
−
!<!-- Заглавие --><div style="background-color:{{#switch: {{{headcolor|0}}} | 0 = #B6D1ED| 1 = #F1EBB5| 2 = #D7FFC7| 3 = #E0E0E0| {{{headcolor}}}}}; text-align:{{{titlealign|left}}}; border:thin solid #AAAAAA; padding:2px 2px 2px 4px; font-size:14px; font-weight:normal; color:{{{titlecolor|black}}}">{{{title|Скрытый текст}}}{{#if: {{{hint|}}}| <font style="color:{{{titlecolor|black}}}; font-weight: bold;">{{mnemonic}}{{mnemonic}}{{mnemonic}}→</font>|}}</div>
+
!<!-- Заглавие --><div style="background-color:{{#switch: {{{headcolor|0}}} | 0 = #B6D1ED| 1 = #F1EBB5| 2 = #D7FFC7| 3 = #E0E0E0| {{{headcolor}}}}}; border:thin solid #AAAAAA; padding:2px 2px 2px 4px; font-size:14px; font-weight:normal; color:{{{titlecolor|black}}}">{{{title|Скрытый текст}}}{{#if: {{{hint|}}}| <font style="color:{{{titlecolor|black}}}; font-weight: bold;">{{mnemonic}}{{mnemonic}}{{mnemonic}}→</font>|}}</div>
 
|-  
 
|-  
 
|<!-- Текстовое поле --><div style="background-color:{{#switch: {{{bodycolor|0}}} | 0 = #F6F6F6| 1 = #FFF8DC| {{{bodycolor}}}}}; padding:4px 4px 4px 4px; border-top:0; border-bottom:thin solid #AAAAAA; border-left:thin dashed #AAAAAA; border-right:thin dashed #AAAAAA;  border-bottom-right-radius:7px; border-bottom-left-radius:7px; clear: both;">{{{content|Содержание спойлера}}}</div>
 
|<!-- Текстовое поле --><div style="background-color:{{#switch: {{{bodycolor|0}}} | 0 = #F6F6F6| 1 = #FFF8DC| {{{bodycolor}}}}}; padding:4px 4px 4px 4px; border-top:0; border-bottom:thin solid #AAAAAA; border-left:thin dashed #AAAAAA; border-right:thin dashed #AAAAAA;  border-bottom-right-radius:7px; border-bottom-left-radius:7px; clear: both;">{{{content|Содержание спойлера}}}</div>
−
|}
+
|}</includeonly><noinclude>
−
<noinclude>
+
−
 
+
 
Данный шаблон позволяет вставлять на страницу спойлеры, блоки со скрытым текстом.
 
Данный шаблон позволяет вставлять на страницу спойлеры, блоки со скрытым текстом.
  
Line 17: Line 14:
 
|-
 
|-
 
|align=center width=100pt|title||Заголовок спойлера.||
 
|align=center width=100pt|title||Заголовок спойлера.||
−
|-
 
−
|align=center width=100pt|titlefontweight||Начертание шрифта заголовка. По умолчанию - полужирное||Допустимые значения: bold, normal.
 
 
|-
 
|-
 
|align=center width=100pt|titlecolor||Цвет шрифта заголовка. По умолчанию - чёрный.||Цвет указывается в виде его HEX-кода или HTML-имени. Это удобно, чтобы сделать тёмный заголовок и светлый текст на нём.
 
|align=center width=100pt|titlecolor||Цвет шрифта заголовка. По умолчанию - чёрный.||Цвет указывается в виде его HEX-кода или HTML-имени. Это удобно, чтобы сделать тёмный заголовок и светлый текст на нём.
 
|-
 
|-
−
|align=center width=100pt|headcolor||Цвет заголовка. По умолчанию - голубой.||Цвет указывается в виде его HEX-кода или HTML-имени.
+
|align=center width=100pt|headcolor||Цвет заголовка. По умолчанию - <span style="background:#B6D1ED">#B6D1ED</span>.||Цвет указывается в виде кода предустановленного цвета, также может указываться в виде HEX-кода или HTML-имени. Предустановлённые: 1 - <span style="background:#F1EBB5">#F1EBB5</span>, 2 - <span style="background:#D7FFC7">#D7FFC7</span>, 3 - <span style="background:#E0E0E0">#E0E0E0</span>.
 
|-
 
|-
−
|align=center width=100pt|bodycolor||Цвет тела спойлера. По умолчанию - белый.||Цвет указывается в виде его HEX-кода или HTML-имени.
+
|align=center width=100pt|bodycolor||По умолчанию - <span style="background:#F6F6F6">#F6F6F6</span>.||Цвет указывается в виде кода предустановленного цвета, также может указываться в виде HEX-кода или HTML-имени. Предустановлённые: 1 - <span style="background:#FFF8DC">#FFF8DC</span>.
 
|-
 
|-
−
|align=center width=100pt|width||Ширина спойлера в процентах. По умолчанию - 500pt.||Допустимо указание как в процентах - 100%, так и в "pt" - 600pt, так и просто - 600, в таком случае браузер всё равно посчитает это значение как 600pt.
+
|align=center width=100pt|width||Ширина спойлера. По умолчанию - 500pt.||Допустимо указание как в процентах, так и в конкретном значении.
 
|-
 
|-
 
|align=center width=100pt|align||Выравнивание спойлера. По умолчанию отсутствует, то есть - слева.||Допустимые значения: left, center, right. В случае, если вы укажете left или right, то текст будет обтекать спойлер.
 
|align=center width=100pt|align||Выравнивание спойлера. По умолчанию отсутствует, то есть - слева.||Допустимые значения: left, center, right. В случае, если вы укажете left или right, то текст будет обтекать спойлер.
 
|-
 
|-
−
|align=center width=100pt|hint||Подсказка. Любое значение параметра выведет подсказку чёрного цвета "..... нажмите '''[show]''' для просмотра (справа)" справа от названия.||Если в качестве этого параметра указать цвет (HEX-код цвета или его HTML-имя), подсказка отобразится в этом цвете. Это удобно, чтобы сделать тёмный заголовок и светлый текст подсказки. Можно использовать если, например, спойлер очень широкий.  
+
|align=center width=100pt|hint||Подсказка. Любое значение параметра выведет подсказку в виде стрелки, направленной вправо.|| Можно использовать если, например, спойлер очень широкий.  
 
|-
 
|-
−
|align=center width=100pt|uncollapsed||Развёрнутое состояние спойлера||Любое значение, переданное с этим параметром, сделает спойлер развёрнутым при загрузке.
+
|align=center width=100pt|uncollapsed||Развёрнутое состояние спойлера.||Любое значение, переданное с этим параметром, сделает спойлер развёрнутым при загрузке.
 
|-
 
|-
 
|align=center width=100pt|content||Текст спойлера.||В первой строке в некоторых случаях не работает форматирование, например знак "#" не создаёт нумерованный список, хотя ,<nowiki>' ' ' жирный шрифт ' ' '</nowiki> работает.
 
|align=center width=100pt|content||Текст спойлера.||В первой строке в некоторых случаях не работает форматирование, например знак "#" не создаёт нумерованный список, хотя ,<nowiki>' ' ' жирный шрифт ' ' '</nowiki> работает.
Line 39: Line 34:
 
== Заготовка ==
 
== Заготовка ==
 
<pre>{{ruspoiler
 
<pre>{{ruspoiler
−
|title=
+
|title       =
−
|titlefontweight=
+
|titlecolor =
−
|titlecolor=
+
|headcolor   =
−
|headcolor=
+
|bodycolor   =
−
|bodycolor=
+
|width       =
−
|width=
+
|align       =
−
|align=
+
|hint       =
−
|hint=
+
|uncollapsed =
−
|uncollapsed=
+
|content     =}}</pre>
−
|content=}}</pre>
+
 
Скопируйте этот код и вставьте на вашу страницу.
 
Скопируйте этот код и вставьте на вашу страницу.
 
'''Обратите внимание:''' Пустые параметры передавать нельзя, то есть передача в шаблон параметра в виде "headcolor=" обнулит значение цвета заголовка, в результате чего его цвет станет прозрачным, и т.п., поэтому удалите неиспользуемые параметры.
 
'''Обратите внимание:''' Пустые параметры передавать нельзя, то есть передача в шаблон параметра в виде "headcolor=" обнулит значение цвета заголовка, в результате чего его цвет станет прозрачным, и т.п., поэтому удалите неиспользуемые параметры.
Line 55: Line 49:
 
=== Простой спойлер ===
 
=== Простой спойлер ===
 
{{ruspoiler
 
{{ruspoiler
−
|title=Скрытый текст
+
|title       = Скрытый текст
−
|width=50%
+
|width       = 50%
−
|hint=red
+
|hint         = red
−
|content=
+
|content     =  
 
Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.  
 
Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.  
 
}}
 
}}
Line 64: Line 58:
 
<pre>
 
<pre>
 
{{ruspoiler
 
{{ruspoiler
−
|title=Скрытый текст
+
|title       = Скрытый текст
−
|width=50%
+
|width       = 50%
−
|hint=red
+
|hint         = red
−
|content=
+
|content     =
 
Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.  
 
Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.  
 
}}
 
}}
 
</pre>
 
</pre>
  
−
=== Спойлер справа или слева с обтеканием ===
+
=== Спойлер справа или слева с обтеканием и примером изменения фона===
 +
<pre>
 
{{ruspoiler
 
{{ruspoiler
−
|title=Скрытый текст
+
|title       = Скрытый текст
−
|width=200
+
|bodycolor  = 1
−
|align=right
+
|width       = 300
−
|uncollapsed=1
+
|align       = right
−
|content=
+
|uncollapsed = 1
 +
|content     =
 
Текст спойлера.  
 
Текст спойлера.  
 
#Текст спойлера.  
 
#Текст спойлера.  
Line 85: Line 81:
 
}}
 
}}
 
{{ruspoiler
 
{{ruspoiler
−
|title=Скрытый текст
+
|title       = Скрытый текст
−
|width=200
+
|width       = 300
−
|align=left
+
|align       = left
−
|content=
+
|content     =  
 
Текст спойлера.  
 
Текст спойлера.  
 
#Текст спойлера.  
 
#Текст спойлера.  
Line 94: Line 90:
 
#Текст спойлера.
 
#Текст спойлера.
 
}}
 
}}
−
Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера.
+
Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера.  
 +
</pre>
  
−
<pre>
 
 
{{ruspoiler
 
{{ruspoiler
−
|title=Скрытый текст
+
|title       = Скрытый текст
−
|width=50%
+
|bodycolor  = 1
−
|align=right     // или left.
+
|width       = 300
−
|hint=red
+
|align       = right
−
|uncollapsed=1   // развёрнутый спойлер, если не надо, то удалить.
+
|uncollapsed = 1
−
|content=
+
|content     =
−
Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.  
+
Текст спойлера.  
 +
#Текст спойлера.  
 +
#Текст спойлера.  
 +
#Текст спойлера.
 
}}
 
}}
−
</pre>
+
{{ruspoiler
 +
|title      = Скрытый текст
 +
|width      = 300
 +
|align      = left
 +
|content    =
 +
Текст спойлера.
 +
#Текст спойлера.
 +
#Текст спойлера.
 +
#Текст спойлера.
 +
}}
 +
Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера.
  
 
=== С изменением всех параметров ===
 
=== С изменением всех параметров ===
 
{{ruspoiler
 
{{ruspoiler
−
|title=Спойлер по центру
+
|title       = Спойлер по центру
−
|titlefontweight=normal
+
|titlecolor = white
−
|titlecolor=white
+
|headcolor   = #A0522D
−
|headcolor=#A0522D
+
|bodycolor   = Wheat
−
|bodycolor=Wheat
+
|width       = 60%
−
|width=60%
+
|align       = center
−
|align=center
+
|hint       = #FFA07A
−
|hint=#FFA07A
+
|uncollapsed = 1
−
|uncollapsed=1
+
|content     = Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
−
|content=Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
+
 
}}
 
}}
  
 
<pre>
 
<pre>
 
{{ruspoiler
 
{{ruspoiler
−
|title=Спойлер по центру
+
|title       = Спойлер по центру
−
|titlefontweight=normal
+
|titlecolor = white
−
|titlecolor=white
+
|headcolor   = #A0522D
−
|headcolor=#A0522D
+
|bodycolor   = Wheat
−
|bodycolor=Wheat
+
|width       = 60%
−
|width=60%
+
|align       = center
−
|align=center
+
|hint       = #FFA07A
−
|hint=#FFA07A
+
|uncollapsed = 1
−
|uncollapsed=1
+
|content     = Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
−
|content=Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
+
 
}}
 
}}
 
</pre>
 
</pre>
Line 139: Line 146:
 
== Помощь ==
 
== Помощь ==
 
[http://ru.wikipedia.org/wiki/%D0%A6%D0%B2%D0%B5%D1%82%D0%B0_%D0%B2_Web Статья Википедии о цветах в вебдизайне]
 
[http://ru.wikipedia.org/wiki/%D0%A6%D0%B2%D0%B5%D1%82%D0%B0_%D0%B2_Web Статья Википедии о цветах в вебдизайне]
−
 
−
<!--
 
−
 
−
-->
 
  
 
</noinclude>
 
</noinclude>

Revision as of 07:25, 24 December 2011

Начало / Русская DA Builder Wiki / Поделиться ВКонтакте

Данный шаблон позволяет вставлять на страницу спойлеры, блоки со скрытым текстом.

Параметры

Параметр Описание Примечание
title Заголовок спойлера.
titlecolor Цвет шрифта заголовка. По умолчанию - чёрный. Цвет указывается в виде его HEX-кода или HTML-имени. Это удобно, чтобы сделать тёмный заголовок и светлый текст на нём.
headcolor Цвет заголовка. По умолчанию - #B6D1ED. Цвет указывается в виде кода предустановленного цвета, также может указываться в виде HEX-кода или HTML-имени. Предустановлённые: 1 - #F1EBB5, 2 - #D7FFC7, 3 - #E0E0E0.
bodycolor По умолчанию - #F6F6F6. Цвет указывается в виде кода предустановленного цвета, также может указываться в виде HEX-кода или HTML-имени. Предустановлённые: 1 - #FFF8DC.
width Ширина спойлера. По умолчанию - 500pt. Допустимо указание как в процентах, так и в конкретном значении.
align Выравнивание спойлера. По умолчанию отсутствует, то есть - слева. Допустимые значения: left, center, right. В случае, если вы укажете left или right, то текст будет обтекать спойлер.
hint Подсказка. Любое значение параметра выведет подсказку в виде стрелки, направленной вправо. Можно использовать если, например, спойлер очень широкий.
uncollapsed Развёрнутое состояние спойлера. Любое значение, переданное с этим параметром, сделает спойлер развёрнутым при загрузке.
content Текст спойлера. В первой строке в некоторых случаях не работает форматирование, например знак "#" не создаёт нумерованный список, хотя ,' ' ' жирный шрифт ' ' ' работает.

Заготовка

{{ruspoiler
|title       =
|titlecolor  =
|headcolor   =
|bodycolor   =
|width       =
|align       =
|hint        =
|uncollapsed =
|content     =}}

Скопируйте этот код и вставьте на вашу страницу. Обратите внимание: Пустые параметры передавать нельзя, то есть передача в шаблон параметра в виде "headcolor=" обнулит значение цвета заголовка, в результате чего его цвет станет прозрачным, и т.п., поэтому удалите неиспользуемые параметры.

Примеры

Простой спойлер

{{ruspoiler
|title        = Скрытый текст
|width        = 50%
|hint         = red
|content      =
Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. 
}}

Спойлер справа или слева с обтеканием и примером изменения фона

{{ruspoiler
|title       = Скрытый текст
|bodycolor   = 1
|width       = 300
|align       = right
|uncollapsed = 1
|content     =
Текст спойлера. 
#Текст спойлера. 
#Текст спойлера. 
#Текст спойлера.
}}
{{ruspoiler
|title       = Скрытый текст
|width       = 300
|align       = left
|content     = 
Текст спойлера. 
#Текст спойлера. 
#Текст спойлера. 
#Текст спойлера.
}}
Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера.
Скрытый текст
Текст спойлера.
  1. Текст спойлера.
  2. Текст спойлера.
  3. Текст спойлера.

Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера.

С изменением всех параметров

Спойлер по центру   →
Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
{{ruspoiler
|title       = Спойлер по центру
|titlecolor  = white
|headcolor   = #A0522D
|bodycolor   = Wheat
|width       = 60%
|align       = center
|hint        = #FFA07A
|uncollapsed = 1
|content     = Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
}}

Помощь

Статья Википедии о цветах в вебдизайне


Retrieved from "http://www.datoolset.net/mw/index.php?title=Template:Ruspoiler&oldid=18088"