Стилизация WIKI
В первую очередь желательно ознакомиться с этим.
Изменены форматы заголовков ++++ и +++++. Глобально.
Эти 2 типа теперь использовать только при необходимости вставить заголовок на одном уровне с текстом, без гигантских отступов и прочего идиотизма.
Стандарты оформления [[div]]
Блок ссылок справа
[[div style="float: right; width: 20em; padding: 0 1em; margin: 1em 0 1em 1em; border-left: solid #888888 1px; background-color: #FFFFFF;"]]
Если нужно будет, чтобы блок продолжался до конца страницы, добавьте параметр height: 90em; и подстройте значение под размер страницы.
Еще более стандартизированный блок ссылок справа. Пример прямо на этой странице.
[[div style="float:right;position:relative;width: 20em; TOP:1em;LEFT: 1em;padding: 0 1em;margin: 1em 0 1em 1em; border-left: solid #888888 1px; border-top: solid #888888 1px; border-bottom: solid #888888 1px; background-color: #FFFFFF;"]]
Блок текста (произвольный width)
[[div style="width: 540px; padding-left: 5px; padding-top: 5px; padding-right: 5px; margin: 1em 0 1em 1em; border: solid silver 1px;"]]
Текст
[[/div]]
Стандарты оформления [[table]]
Начало таблицы
[[table style="margin: 0 5px"]]
Таблицы внутри таблицы
[[table style="border-collapse:collapse;width: 100% ; high= 100%;"]]
Стандарты оформления [[cell]]
Ячейка с изображением на черном фоне. width и height произвольные.
[[cell style="width: 140px; height: 100px; background-color: #000000; border: 1px solid #FFFFCC; "]]
Ячейка - Описание
[[cell style="border: 10px; background-color: #FFFFCC; text-align: middle; vertical-align: top; padding-left: 5px; padding-top: 5px; padding-right: 5px; width: 246px; border: 1px solid #EEEEEE;"]]
Ячейка, содержащая таблицу внутри себя
[[cell style="border: 0px; background-color: #CFE9F0; border: 1px solid silver;width: 400px"]]
Стандартная ячейка пункта
[[cell style="width: 30%;background-color: #E8EEF6; border: 1px solid silver; padding-left: 10px;"]]
Стандартное значение для ячейки пункта
[[cell style="background-color: #FFFFFF; border: 1px solid silver;text-align:center;width: 60px"]]
Ячейка, содержащая ✔
##1a6128|✔##
[[cell style="background-color: #C6EFCE; border: 1px solid silver;text-align:center;width: 60px"]]
Ячейка, содержащая ✘
##d23120|✘##
[[cell style="background-color: #FFA9A0; border: 1px solid silver;text-align:center;width: 60px"]]
Ячейка, содержащая ?
##B5A621|?##
[[cell style="background-color: #FFF7AB; border: 1px solid silver;text-align:center;width: 60px"]]
Блок: дополнительная информация:
[[div style="; text-align:center; width: 50%; background-color: #F7FCFF; border: 3px dashed #0091FF;"]]
[[collapsible show="Дополнительная информация" hide="Скрыть"]]
[[table style="margin: 0 5px"]]
[[row]]
[[cell style="width: 10%;"]]
[[=image /hidden-gallery/question1.gif]]
[[/cell]]
[[cell style="width: 80%;"]]
[[size 80%]]
Текст
[[/size]]
[[/cell]]
[[cell style="width: 10%;"]]
[[=image /hidden-gallery/question2.gif]]
[[/cell]]
[[/row]]
[[/table]]
[[/collapsible]]
[[/div]]
Блок: важная информация:
[[div style="; text-align:center; width: 50%; background-color: #FFF3DC; border: 3px dashed #FFA200;"]]
[[collapsible show="Важная информация" hide="Скрыть"]]
[[table style="margin: 0 5px"]]
[[row]]
[[cell style="width: 10%;"]]
[[=image /hidden-gallery/warn1.gif]]
[[/cell]]
[[cell style="width: 80%;"]]
[[=]]
Текст
[[/=]]
[[/cell]]
[[cell style="width: 10%;"]]
[[=image /hidden-gallery/warn2.gif]]
[[/cell]]
[[/row]]
[[/table]]
[[/collapsible]]
[[/div]]
Как делать foldable текст
[[collapsible show="+ Показать" hide="- Скрыть"]]
Дополнительно: hideLocation="" - both, top, bottom.
Как делать i-ссылки1.
Добавить в начало страницы
код:[[include :csi:include:popup]]
Использовать код сразу после текста:
Как делать i-ссылки[[footnote]][[size smaller]]Типа этой.[[/size]][[/footnote]]
Пример оформления таблицы:
 |
Loooooooooooooooooooooooooooooooooooooong description. |
Код:
[[table style="margin: 0 5px"]]
[[row]]
[[cell style="width: 80px; height: 80px; background-color: #000000; border: 1px solid #FFFFCC; "]]
[[=image sample.gif]]
[[/cell]]
[[cell style="border: 10px; background-color: #FFFFCC; text-align: middle; vertical-align: top; padding-left: 5px; padding-top: 5px; padding-right: 5px; width: 246px; border: 1px solid #EEEEEE;"]]
Loooooooooooooooooooooooooooooooooooooong description.
[[/cell]]
[[/row]]
[[/table]]
[[collapsible show="+ Show" hide="- Hide"]]
[[table style="margin: 0 5px"]]
[[row]]
[[cell style="border: 0px; background-color: #CFE9F0; border: 1px solid silver;width: 380px"]]
[[table style="border-collapse:collapse;width: 100% ; high= 100%;"]]
[[row]]
[[cell style="width: 80px;background-color: #E8EEF6; border: 1px solid silver; padding-left: 10px;"]]
Point 1
[[/cell]]
[[cell style="width: 20%;background-color: #FFFFFF; border: 1px solid silver;text-align:center"]]
Value 1
[[/cell]]
[[cell style="width: 50%"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="background-color: #E8EEF6; border: 1px solid silver; padding-left: 10px;"]]
Point 2
[[/cell]]
[[cell style="background-color: #FFFFFF; border: 1px solid silver;text-align:center"]]
Value 2
[[/cell]]
[[cell]]
[[/cell]]
[[/row]]
[[/table]]
[[/cell]]
[[/row]]
[[/table]]
[[/collapsible]]
Хинт: Задавать размеры ячеек имеет смысл только для первого ряда. Все остальные ячейки в этой же таблице будут подстраиваться под верхний ряд. Но! Если какая-либо ячейка в таблице требует больше места для заполнения, то ее размер будет увеличен. Это отразится на весь ряд при увеличении по горизонтали и на всю строку при увеличении по вертикали.
Примечание и особенность
Примечание: примечание.
Особенность: особенность.
[[size smaller]]##8A2515|**Примечание:**## примечание.[[/size]]
[[size smaller]]##17581B|**Особенность:**## особенность.[[/size]]
Модуль редиректа
[[module Redirect destination="/site:http://fallout2online.wikidot.com/wiki:gameplay-effects#токен"]]
версия страницы: 17, Последняя правка: 14 Oct 2013 21:19
