Difference between revisions of "Template:Ruspoiler"

From Dragon Age Toolset Wiki
Jump to: navigation, search
m (Edit)
m (Edit)
 
(30 intermediate revisions by the same user not shown)
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"
−
{{ruframe_start|title={{{title|Спойлер!     {{#if: {{{hint}}}| <font style="font-size:80%; color:red; font-weight: normal;">(Нажмите '''[show]''' для просмотра)</font>|}}}}}|headcolor={{{headcolor|#C9DCF6}}}|bodycolor={{{bodycolor|#FFF8DC}}}|width={{{width|500pt}}}|align={{{align|}}}}}
+
|-
−
{{ruframe_body|content={{{content|Текст спойлера.}}}}}
+
!<!-- Заглавие --><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; text-align:left: color:{{{titlecolor|black}}}">{{{title|Скрытый текст}}}{{#if: {{{hint|}}}| <font style="color:{{{titlecolor|black}}}; font-weight: bold;">{{mnemonic}}{{mnemonic}}{{mnemonic}}→</font>|}}</div>
−
{{table_end}}
+
|-
−
<noinclude>
+
|<!-- Текстовое поле --><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>
 +
Данный шаблон позволяет вставлять на страницу спойлеры, блоки со скрытым текстом.
  
−
{{ruspoiler|title=Заголовок спойлера|align=center|hint=1
+
== Параметры ==
−
|content=Текст спойлера.}}
+
−
<!--
+
  
−
Параметры:
+
{| class="wikitable" width=100%
−
title - заголовок спойлера.
+
|-
−
headcolor - цвет заголовка.  
+
!'''Параметр'''||'''Описание'''||'''Примечание'''
−
bodycolor - цвет тела спойлера. По умолчанию - белый.
+
|-
−
width - ширина спойлера в процентах. По умолчанию - 500pt.
+
|align=center width=100pt|title||Заголовок спойлера.||
−
align - выравнивание спойлера. По умолчанию отсутствует, то есть - слева.
+
|-
−
hint - подсказка. Любое значение параметра выведет подсказку по умолчанию "(Нажмите '''[show]''' для просмотра)" справа от названия.
+
|align=center width=100pt|titlecolor||Цвет шрифта заголовка. По умолчанию - чёрный.||Цвет указывается в виде его HEX-кода или HTML-имени. Это удобно, чтобы сделать тёмный заголовок и светлый текст на нём.
−
content - текст спойлера.
+
|-
−
-->
+
|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||По умолчанию - <span style="background:#F6F6F6">#F6F6F6</span>.||Цвет указывается в виде кода предустановленного цвета, также может указываться в виде HEX-кода или HTML-имени. Предустановлённые: 1 - <span style="background:#FFF8DC">#FFF8DC</span>.
 +
|-
 +
|align=center width=100pt|width||Ширина спойлера. По умолчанию - 500pt.||Допустимо указание как в процентах, так и в конкретном значении.
 +
|-
 +
|align=center width=100pt|align||Выравнивание спойлера. По умолчанию отсутствует, то есть - слева.||Допустимые значения: left, center, right. В случае, если вы укажете left или right, то текст будет обтекать спойлер.
 +
|-
 +
|align=center width=100pt|hint||Подсказка. Любое значение параметра выведет подсказку в виде стрелки, направленной вправо.|| Можно использовать если, например, спойлер очень широкий.
 +
|-
 +
|align=center width=100pt|uncollapsed||Развёрнутое состояние спойлера.||Любое значение, переданное с этим параметром, сделает спойлер развёрнутым при загрузке.
 +
|-
 +
|align=center width=100pt|content||Текст спойлера.||В первой строке в некоторых случаях не работает форматирование, например знак "#" не создаёт нумерованный список, хотя ,<nowiki>' ' ' жирный шрифт ' ' '</nowiki> работает.
 +
|}
 +
 
 +
== Заготовка ==
 +
<pre>{{ruspoiler
 +
|title      =
 +
|titlecolor  =
 +
|headcolor  =
 +
|bodycolor  =
 +
|width      =
 +
|align      =
 +
|hint        =
 +
|uncollapsed =
 +
|content    =}}</pre>
 +
Скопируйте этот код и вставьте на вашу страницу.
 +
'''Обратите внимание:''' Пустые параметры передавать нельзя, то есть передача в шаблон параметра в виде "headcolor=" обнулит значение цвета заголовка, в результате чего его цвет станет прозрачным, и т.п., поэтому удалите неиспользуемые параметры.
 +
 
 +
== Примеры ==
 +
=== Простой спойлер ===
 +
<pre>
 +
{{ruspoiler
 +
|title        = Скрытый текст
 +
|width        = 50%
 +
|hint        = red
 +
|content      =
 +
Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
 +
}}
 +
</pre>
 +
{{ruspoiler
 +
|title        = Скрытый текст
 +
|width        = 50%
 +
|hint        = red
 +
|content      =
 +
Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
 +
}}
 +
 
 +
=== Спойлер справа или слева с обтеканием и примером изменения фона===
 +
<pre>
 +
{{ruspoiler
 +
|title      = Скрытый текст
 +
|bodycolor  = 1
 +
|width      = 300
 +
|align      = right
 +
|uncollapsed = 1
 +
|content    =
 +
Текст спойлера.  
 +
#Текст спойлера.
 +
#Текст спойлера.
 +
#Текст спойлера.
 +
}}
 +
{{ruspoiler
 +
|title      = Скрытый текст
 +
|width      = 300
 +
|align      = left
 +
|content     =
 +
Текст спойлера.
 +
#Текст спойлера.
 +
#Текст спойлера.
 +
#Текст спойлера.
 +
}}
 +
Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера.
 +
</pre>
 +
{{ruspoiler
 +
|title      = Скрытый текст
 +
|bodycolor  = 1
 +
|width      = 300
 +
|align      = right
 +
|uncollapsed = 1
 +
|content    =
 +
Текст спойлера.  
 +
#Текст спойлера.
 +
#Текст спойлера.
 +
#Текст спойлера.
 +
}}
 +
{{ruspoiler
 +
|title      = Скрытый текст
 +
|width      = 300
 +
|align      = left
 +
|content    =
 +
Текст спойлера.
 +
#Текст спойлера.
 +
#Текст спойлера.
 +
#Текст спойлера.
 +
}}
 +
Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера.
 +
 
 +
=== С изменением всех параметров ===
 +
<pre>
 +
{{ruspoiler
 +
|title      = Спойлер по центру
 +
|titlecolor  = white
 +
|headcolor  = #A0522D
 +
|bodycolor  = Wheat
 +
|width      = 60%
 +
|align      = center
 +
|hint        = #FFA07A
 +
|uncollapsed = 1
 +
|content    = Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
 +
}}
 +
</pre>
 +
{{ruspoiler
 +
|title      = Спойлер по центру
 +
|titlecolor  = white
 +
|headcolor  = #A0522D
 +
|bodycolor  = Wheat
 +
|width      = 60%
 +
|align      = center
 +
|hint        = #FFA07A
 +
|uncollapsed = 1
 +
|content    = Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
 +
}}
 +
 
 +
== Помощь ==
 +
[http://ru.wikipedia.org/wiki/%D0%A6%D0%B2%D0%B5%D1%82%D0%B0_%D0%B2_Web Статья Википедии о цветах в вебдизайне]
  
 
</noinclude>
 
</noinclude>

Latest revision as of 07:33, 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=18091"