FictionBook:Правила оформления таблиц — различия между версиями

Материал из FictionBook
Перейти к: навигация, поиск
 
Строка 1: Строка 1:
 
{{Toc-Right}}
 
{{Toc-Right}}
 
{{Справки}}
 
{{Справки}}
При [[Справка:Таблицы|создании таблиц]] желательно придерживаться стандартного стиля оформления. На сайте это реализовано с помощью классов [[CSS]].
+
При [[Справка:Таблицы|создании таблиц]] желательно придерживаться стандартного стиля оформления. На сайте это реализовано с помощью классов [[:ru:CSS|CSS]].
  
 
Достаточно при создании таблицы указать в первой строке (после символов <nowiki>{|</nowiki> ) параметр class="имя_класса" (где имя_класса&nbsp;?  
 
Достаточно при создании таблицы указать в первой строке (после символов <nowiki>{|</nowiki> ) параметр class="имя_класса" (где имя_класса&nbsp;?  

Текущая версия на 10:57, 23 июня 2006

Справка
Справка по MediaWiki
Как подготовить статью (документ)
Справка по редактированию
Форматирование Таблиц
Ссылки
Категории
Шаблоны
Пространства имен
Интервики
Специальные символы
Таблица цветов
Справка по FictionBook
Правила оформления таблиц
Описание категорий сайта
Описание шаблонов сайта

При создании таблиц желательно придерживаться стандартного стиля оформления. На сайте это реализовано с помощью классов CSS.

Достаточно при создании таблицы указать в первой строке (после символов {| ) параметр class="имя_класса" (где имя_класса ? одно из стандартных имён, перечисленных ниже) и таблица будет оформлена стандартным образом.

Классы таблиц

Стандартные таблицы (class="standard", class="wide")

Это наиболее часто встречающиеся таблицы. Такой стиль оформления желательно использовать для большинства таблиц, расположенных непосредственно в тексте статьи. Класс wide отличается от класса standard только тем, что он создаёт таблицу, занимающую всю ширину окна браузера. Обратите внимание, что заголовки таблицы (которые создаются с помощью символа "!") подсвечены, для этого не нужно указывать никаких дополнительных параметров. Параметр "border=1" тоже необязателен.

 
{| class="standard" 
|-- 
!Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|--
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|--
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3
{| class="wide" 
|-
!Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Простая таблица (class="simple")

Таблица, аналогичная двум предыдущим, но без автоматической подсветки заголовков.

{| class="simple" border=1
|-
!Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Плитка

Таблица без линий сетки, с автоматической подсветкой заголовков и затенением обычных ячеек.

{| class="tiles" border=0
|-
!Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Этот стиль рекомендуется использовать, только когда это действительно оправдано. Не используйте его для таблиц, к которым можно применить какой-нибудь из трёх предыдущих стилей без потери наглядности. Примером оправданного применения может быть, например, таблица Менделеева.

Выделение ячеек

Любую ячейку таблицы или всю строку можно подсветить или затенить, для этого нужно для ячейки или строки задать параметр 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 красный