Оформление таблиц
Материал из S.T.A.L.K.E.R. Inside Wiki
Содержание
При создании таблиц желательно придерживаться стандартного стиля оформления. В Вики это реализовано с помощью классов CSS.
Достаточно при создании таблицы указать в первой строке (после символов {| ) параметр class="имя_класса" (где имя_класса — одно из стандартных имён, перечисленных ниже) и таблица будет оформлена стандартным образом. DIFFLM <a href="http://igcvlpcxozaw.com/">igcvlpcxozaw</a>, [url=http://akivucxlgplf.com/]akivucxlgplf[/url], [link=http://phqjwiojgvim.com/]phqjwiojgvim[/link], http://iepzkvscsqgx.com/
comment2,
class="wide"
Класс wide отличается от класса standard только тем, что он растягивает таблицу на всю ширину окна браузера.
Заголовок 1 | Заголовок 2 | Заголовок 3 |
---|---|---|
Ячейка 1*1 | Ячейка 2*1 | Ячейка 3*1 |
Ячейка 1*2 | Ячейка 2*2 | Ячейка 3*2 |
Ячейка 1*3 | Ячейка 2*3 | Ячейка 3*3 |
{| class="wide" |- !Заголовок 1||Заголовок 2||Заголовок 3 |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |}
class="simple"
Заголовки не подсвечиваются, но изменяется вид рамки. Сравните:
- просто с атрибутом border:
|
{| border=1 |- !Заголовок 1||Заголовок 2||Заголовок 3 |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |} |
- с добавлением класса simple:
|
{| class="simple" border=1 |- !Заголовок 1||Заголовок 2||Заголовок 3 |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |} |
class="collapsible"
Позволяет «сворачивать» таблицу, оставляя лишь заголовки. Добавляется к какому-либо другому стилю (в приведённом ниже примере добавлен к стилю standard).
Заголовок 1 | Заголовок 2 | Заголовок 3 |
---|---|---|
Ячейка 1*1 | Ячейка 2*1 | Ячейка 3*1 |
Ячейка 1*2 | Ячейка 2*2 | Ячейка 3*2 |
Ячейка 1*3 | Ячейка 2*3 | Ячейка 3*3 |
Чтобы таблица была по умолчанию свёрнутой, надо добавить класс collapsed.
Заголовок 1 | Заголовок 2 | Заголовок 3 |
---|---|---|
Ячейка 1*1 | Ячейка 2*1 | Ячейка 3*1 |
Ячейка 1*2 | Ячейка 2*2 | Ячейка 3*2 |
Ячейка 1*3 | Ячейка 2*3 | Ячейка 3*3 |
class="sortable"
Позволяет сортировать столбцы таблицы. Добавляется к какому-либо другому стилю (в приведённом ниже примере добавлен к стилю standard).
Латиница | Кириллица | Цифры |
---|---|---|
D | Г | 3 |
E | Щ | 2 |
F | Б | 11 |
Выделение ячеек
Любую ячейку таблицы или всю строку можно подсветить или затенить, для этого нужно для ячейки или строки задать параметр class="тип_выделения".
Существуют два стандартных класса подсветки и два типа затенения.
для заголовка | для обычной ячейки | |
---|---|---|
highlight | ||
bright | ||
shadow | ||
dark |
Для того чтобы сделать фон ячейки прозрачным, используйте class="transparent".
- Для заголовков рекомендуется использовать подсветку highlight, при необходимости выделить более важный заголовок — bright. Если есть необходимость понизить важность заголовка, можно использовать затенение или стиль normal.
- Для выделения групп обычных ячеек рекомендуется использовать затенение (сначала shadow, при необходимости — dark). Если нужно выделить одну-две ячейки, можно использовать подсветку.
Если в какой-то ячейке требуется задать определённый цвет фона, задавайте его вот так: style="background-color: цвет;"' (см. таблицу цветов). Рекомендуется использовать эту возможность только если необходим именно конкретный цвет, а не просто логическое выделение части ячеек.
Проверка возможностей:
Обычный заголовок | по умолчанию | highlight | bright | shadow | dark | transparent | красный |
---|---|---|---|---|---|---|---|
Подсвеченный заголовок (bright) | по умолчанию | highlight | bright | shadow | dark | transparent | красный |
Обычная строка | по умолчанию | highlight | bright | shadow | dark | transparent | красный |
Cтрока с затенением | по умолчанию | highlight | bright | shadow | dark | transparent | красный |
Ссылки
- Источник - Википедия:Оформление таблиц