|
|
| (не показано 9 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| | <noinclude>[[Category:Шаблоны]] |
| | ----</noinclude> |
| {|style="border-collapse:collapse;" class="collapsible collapsed" | | {|style="border-collapse:collapse;" class="collapsible collapsed" |
| !width="{{{width}}}" style="background:{{{bckg1|#D0F0F0}}}; border:{{{bord1|1px solid #C0C0FF}}}; color:{{{color1|black}}};"|{{{title|Spoiler}}} | | !width="{{{width}}}" style="background:{{{bckg1}}}; border:{{{bord1}}}; color:{{{color1|black}}};"|{{{title|Spoiler}}} |
| |- | | |- |
| |style="background:{{{bckg2|#C0C0C0}}}; border:{{{bord2|1px solid #B0B0B0}}}; color:{{{color2|black}}}; text-align:center"|{{{text|no text}}} | | |style="background:{{{bckg2}}}; border:{{{bord2}}}; color:{{{color2|black}}}; text-align:justify"| {{{text|no text}}} |
| |} | | |} |
| <noinclude> | | <noinclude>{{Lang|en=Template:Spoiler}}{{H}}</noinclude> |
| Spoilers use JavaScript code and if you wanna that its work in your wiki - you must copy text from [[Mediawiki:Common.js]] to analog of this page in your wiki. On this page describing JavaScript code, which you can use at all pages of your wiki...
| |
| {|class="collapsible collapsed" | |
| !Spoiler, realized on <nowiki><table class="collapsible"></nowiki>
| |
| |-
| |
| |<nowiki>{|class="collapsible collapsed"</nowiki><br/>
| |
| <nowiki>!Spoiler name</nowiki><br/>
| |
| <nowiki>|-</nowiki><br/>
| |
| <nowiki>|text under spoiler</nowiki><br/>
| |
| <nowiki>|}</nowiki>
| |
| |}
| |
| <div class="NavFrame collapsed">
| |
| <div class="NavHead">'''Spoiler, realized on <nowiki><div class="NavFrame"></nowiki>'''</div>
| |
| <div class="NavContent">
| |
| <nowiki><div class="NavFrame collapsed"></nowiki><br/>
| |
| <nowiki><div class="NavHead"> Spoiler name </div></nowiki><br/>
| |
| <nowiki><div class="NavContent"> text under spoiler </div></nowiki><br/>
| |
| <nowiki></div></nowiki>
| |
| </div>
| |
| </div>
| |
| <div style="margin:20px 0px 20px 0px; padding:15px 15px 15px 15px; background:#d0d0ff;">
| |
| =Правила оформления=
| |
| Для того что бы внедрить шаблон на страницу напишите '''<nowiki>{{spoiler|x}}</nowiki>''', вместо х необходимо поставить определенные параметры.
| |
| Список параметров:
| |
| *'''title''' - Заголовок спойлера.
| |
| *'''text''' - Информация под спойлером.
| |
| *'''bckg1''' - Цвет заголовка.
| |
| *'''bckg2''' - Цвет окна под спойлером.
| |
| *'''bord1''' - Описание границы заголовка.
| |
| *'''bord2''' - Описание границы окна под спойлером.
| |
| *'''width''' - Ширина спойлера.
| |
| Пример:
| |
| | |
| <nowiki>{{Spoiler| title=My spoiler| text=text under spoiler| bckg1=black| bckg2=white| color1=white| color2=blue| bord1=1px #CCFF00 solid| bord2=1px black solid| width=300px}}</nowiki>
| |
| <br/>
| |
| {{Spoiler|title=My spoiler|text=text under spoiler|bckg1=black|bckg2=white|color1=white|color2=blue|bord1=1px #CCFF00 solid|bord2=1px black solid|width=300px}}
| |
| | |
| Spoiler-in-spoiler construction may be used, but with some bugs... for example: | |
| {{spoiler|title=1 spoiler|text=spoiler-in-spoiler{{spoiler|title=2 spoiler|text=looks like good}}but it's crashing, if first element of '''text''' parametr is spoiler again. At first you must print some words or may be picture, and after that spoiler. Bug example:{{spoiler|title=spoiler with bug|text={{spoiler|text=something evil was happened :D}} }} }}
| |
| </noinclude> | |
|
|
|
|
|
|
|
Документация
Краткое описание
Спойлеры используют JavaScript код, расположенный на странице базового кода для всех страниц, без этого кода они не будут адекватно работать
Способы получения
Есть 2 способа получить спойлеры:
| Спойлер, реализованный на конструкции <table class="collapsible">
|
{|class="collapsible collapsed"
!Заголовок спойлера
|-
|Текст под спойлером
|}
|
Спойлер, реализованный на конструкции <div class="NavFrame">
<div class="NavFrame collapsed">
<div class="NavHead">Заголовок спойлера</div>
<div class="NavContent">Текст под спойлером</div>
</div>
Использование
Для того что бы внедрить шаблон на страницу напишите {{spoiler|x}}, вместо х необходимо поставить определенные параметры.
Список параметров:
- title — Заголовок спойлера.
- text — Информация под спойлером.
- bckg1 — Цвет заголовка.
- bckg2 — Цвет окна под спойлером.
- bord1 — Описание границы заголовка.
- bord2 — Описание границы окна под спойлером.
- width — Ширина спойлера.
Пример
{{Spoiler| title=Спойлер| text=Текст под спойлером| bckg1=black| bckg2=white| color1=white| color2=blue| bord1=1px #CCFF00 solid| bord2=1px black solid| width=300px}}
| Спойлер
|
| Текст под спойлером
|
Конструкцию «спойлер-в-спойлере» вполне возможно использовать, но в ней есть небольшой неустраненный баг:
| Первый спойлер
|
Далее идет следующий спойлер
| Второй спойлер
|
| Выглядит неплохо
|
Но если вы первым же элементом в поле text поставите следующий спойлер — произойдет ошибка. Для начала напечатайте какой нибудь символ или перенос строки. Пример ошибки:
| Спойлер с ошибкой
|
| {|style="border-collapse:collapse;" class="collapsible collapsed"
|
Spoiler
|
| Что то непонятное происходит, не ставте спойлер первым элементом в поле text
|
|
|}
Во избежание поломок страниц, использующих шаблон «Документация», желательно экспериментировать в своём личном пространстве.
