Оформление таблиц — различия между версиями
Материал из S.T.A.L.K.E.R. Inside Wiki
HikeR (обсуждение | вклад) м (небольшая корректура) |
HikeR (обсуждение | вклад) м (del help category) |
||
Строка 263: | Строка 263: | ||
== Ссылки == | == Ссылки == | ||
*Источник - [http://ru.wikipedia.org/wiki/Википедия:Оформление_таблиц Википедия:Оформление таблиц] | *Источник - [http://ru.wikipedia.org/wiki/Википедия:Оформление_таблиц Википедия:Оформление таблиц] | ||
− | |||
− |
Версия 16:13, 31 мая 2007
При создании таблиц желательно придерживаться стандартного стиля оформления. В Вики это реализовано с помощью классов CSS.
Достаточно при создании таблицы указать в первой строке (после символов {| ) параметр class="имя_класса" (где имя_класса — одно из стандартных имён, перечисленных ниже) и таблица будет оформлена стандартным образом.
без использования class
Обычное использование:
|
{| |- !Заголовок 1||Заголовок 2||Заголовок 3 |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |} |
class="standard"
Это наиболее часто встречающиеся таблицы. Такой стиль оформления желательно использовать для большинства таблиц, расположенных непосредственно в тексте статьи. Обратите внимание, что заголовки таблицы (которые создаются с помощью символа "!") подсвечены, для этого не нужно указывать никаких дополнительных параметров. Параметр border тоже необязателен.
|
{| class="standard" |- !Заголовок 1||Заголовок 2||Заголовок 3 |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |} |
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 | красный |
Ссылки
- Источник - Википедия:Оформление таблиц