FBAdmin в 07:57, 23 июня 2006

2006-06-23T07:57:37Z

FBAdmin в 09:43, 30 декабря 2005

2005-12-30T09:43:02Z

FBAdmin в 09:40, 29 декабря 2005

2005-12-29T09:40:52Z

Новая страница

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

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

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

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

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

<pre><nowiki>
{| class="standard"
|--
!Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|--
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|--
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
</nowiki></pre>

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

<pre><nowiki>
{| class="wide"
|-
!Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
</nowiki></pre>

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

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

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

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

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

=== Плитка ===

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

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

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

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

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

Любую ячейку таблицы или всю строку можно подсветить или затенить, для этого нужно для ячейки или строки задать параметр class="тип_выделения".

Существуют два стандартных класса подсветки и два типа затенения.

{| class="simple" border=1
|-
! ||для заголовка|| для обычной ячейки
|--
!highlight
!class="highlight" |
|class="highlight"|
|--
!bright
!class="bright" |
|class="bright" |
|--
!shadow
!class="shadow" |
|class="shadow" |
|--
!dark
!class="dark" |
|class="dark" |
|}

Для того чтобы сделать фон ячейки прозрачным, используйте <code>class="transparent"</code>.

* Для заголовков рекомендуется использовать подсветку highlight, при необходимости выделить более важный заголовок ? bright. Если есть необходимость понизить важность заголовка, можно использовать затенение или стиль normal.
* Для выделения групп обычных ячеек рекокомендуется использовать затенение (сначала shadow, при необходимости ? dark), если нужно выделить одну-две ячейки, можно использовать подсветку.

Если в какой-то ячейке требуется задать определённый цвет фона, задавайте его вот так: <code>style="background-color: ''цвет''";</code> <small>(См. [[:de:Wikipedia:Farbtabelle|таблицу цветов]])</small>

== Тест ==
Эта таблица предназначена для проверки того, что используемые здесь таблицы стилей правильно обрабатываются Вашим браузером. Цвет первой и второй ячейки в каждой строке должен совпадать, к следующим ячейкам применены указанные в них стили оформления.

{| class="standard"
! style="background-color:#EEEEFF" | Обычный заголовок
! по-умолчанию
! class="highlight" | highlight
! class="bright" | bright
! class="shadow" | shadow
! class="dark" | dark
! class="transparent" | transparent
! style="background-color:red" | красный
|-- class="bright"
! style="background-color:#CCCCFF" | Подсвеченный заголовок (bright)
! по-умолчанию
! class="highlight" | highlight
! class="bright" | bright
! class="shadow" | shadow
! class="dark" | dark
! class="transparent" | transparent
! style="background-color:red" | красный
|--
| Обычная стока
| по-умолчанию
| class="highlight" | highlight
| class="bright" | bright
| class="shadow" | shadow
| class="dark" | dark
| class="transparent" | transparent
| style="background-color:red" | красный
|-- class="shadow"
| style="background-color:#F0F0F0" | Cтрока с затенением
| по-умолчанию
| class="highlight" | highlight
| class="bright" | bright
| class="shadow" | shadow
| class="dark" | dark
| class="transparent" | transparent
| style="background-color:red" | красный
|}

[[Категория:Справка]]

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

← Предыдущая		Версия 09:43, 30 декабря 2005
Строка 1:		Строка 1:
		+	{{Toc-Right}}
		+	{{Справки}}
	При [[Справка:Таблицы\|создании таблиц]] желательно придерживаться стандартного стиля оформления. На сайте это реализовано с помощью классов [[CSS]].		При [[Справка:Таблицы\|создании таблиц]] желательно придерживаться стандартного стиля оформления. На сайте это реализовано с помощью классов [[CSS]].

FictionBook:Правила оформления таблиц - История изменений

FBAdmin в 07:57, 23 июня 2006

FBAdmin в 09:43, 30 декабря 2005

FBAdmin в 09:40, 29 декабря 2005