Difference between revisions of "Template:Ruspoiler"
m (Edit) |
m (Edit) |
||
Line 1: | Line 1: | ||
<noinclude>{{rupage|Спойлер|Шаблоны}}</noinclude> | <noinclude>{{rupage|Спойлер|Шаблоны}}</noinclude> | ||
− | {| stile "margin:2ex 2ex 2ex 2ex" {{#if: {{{uncollapsed|}}}|class="collapsible"|class="collapsible collapsed"}} width="{{{width|500pt}}}" align= "{{{align|}}}" cellpadding="0" cellspacing="0" | + | {| stile "margin:2ex 2ex 2ex 2ex; clear: both;" {{#if: {{{uncollapsed|}}}|class="collapsible"|class="collapsible collapsed"}} width="{{{width|500pt}}}" align= "{{{align|}}}" cellpadding="0" cellspacing="0" |
|- | |- | ||
!<!-- Заглавие --><div style="background-color:{{#switch: {{{headcolor|1}}} | 0 = #B6D1ED| 1 = #F1EBB5| 2 = #D7FFC7| 3 = #E0E0E0| {{{headcolor}}}}}; text-align:{{{titlealign|left}}}; border:1px 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|1}}} | 0 = #B6D1ED| 1 = #F1EBB5| 2 = #D7FFC7| 3 = #E0E0E0| {{{headcolor}}}}}; text-align:{{{titlealign|left}}}; border:1px 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> |
Revision as of 17:52, 23 December 2011
Начало / Русская DA Builder Wiki / Поделиться ВКонтакте
|
Спойлер
|
---|
Содержание спойлера
|
Данный шаблон позволяет вставлять на страницу спойлеры, блоки со скрытым текстом.
Contents
Параметры
Параметр | Описание | Примечание |
---|---|---|
title | Заголовок спойлера. | |
titlefontweight | Начертание шрифта заголовка. По умолчанию - полужирное | Допустимые значения: bold, normal. |
titlecolor | Цвет шрифта заголовка. По умолчанию - чёрный. | Цвет указывается в виде его HEX-кода или HTML-имени. Это удобно, чтобы сделать тёмный заголовок и светлый текст на нём. |
headcolor | Цвет заголовка. По умолчанию - голубой. | Цвет указывается в виде его HEX-кода или HTML-имени. |
bodycolor | Цвет тела спойлера. По умолчанию - белый. | Цвет указывается в виде его HEX-кода или HTML-имени. |
width | Ширина спойлера в процентах. По умолчанию - 500pt. | Допустимо указание как в процентах - 100%, так и в "pt" - 600pt, так и просто - 600, в таком случае браузер всё равно посчитает это значение как 600pt. |
align | Выравнивание спойлера. По умолчанию отсутствует, то есть - слева. | Допустимые значения: left, center, right. В случае, если вы укажете left или right, то текст будет обтекать спойлер. |
hint | Подсказка. Любое значение параметра выведет подсказку чёрного цвета "..... нажмите [show] для просмотра (справа)" справа от названия. | Если в качестве этого параметра указать цвет (HEX-код цвета или его HTML-имя), подсказка отобразится в этом цвете. Это удобно, чтобы сделать тёмный заголовок и светлый текст подсказки. Можно использовать если, например, спойлер очень широкий. |
uncollapsed | Развёрнутое состояние спойлера | Любое значение, переданное с этим параметром, сделает спойлер развёрнутым при загрузке. |
content | Текст спойлера. | В первой строке в некоторых случаях не работает форматирование, например знак "#" не создаёт нумерованный список, хотя ,' ' ' жирный шрифт ' ' ' работает. |
Заготовка
{{ruspoiler |title= |titlefontweight= |titlecolor= |headcolor= |bodycolor= |width= |align= |hint= |uncollapsed= |content=}}
Скопируйте этот код и вставьте на вашу страницу. Обратите внимание: Пустые параметры передавать нельзя, то есть передача в шаблон параметра в виде "headcolor=" обнулит значение цвета заголовка, в результате чего его цвет станет прозрачным, и т.п., поэтому удалите неиспользуемые параметры.
Примеры
Простой спойлер
Скрытый текст →
|
---|
Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
|
{{ruspoiler |title=Скрытый текст |width=50% |hint=red |content= Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. }}
Спойлер справа или слева с обтеканием
Скрытый текст
|
---|
Текст спойлера.
|
Скрытый текст
|
---|
Текст спойлера.
|
Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера. Текст для примера обтекания спойлера.
{{ruspoiler |title=Скрытый текст |width=50% |align=right // или left. |hint=red |uncollapsed=1 // развёрнутый спойлер, если не надо, то удалить. |content= Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. }}
С изменением всех параметров
Спойлер по центру →
|
---|
Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера.
|
{{ruspoiler |title=Спойлер по центру |titlefontweight=normal |titlecolor=white |headcolor=#A0522D |bodycolor=Wheat |width=60% |align=center |hint=#FFA07A |uncollapsed=1 |content=Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. Текст спойлера. }}
Помощь
Статья Википедии о цветах в вебдизайне