Версия 08:54, 5 января 2011

Песочницы мне мало. Я люблю простор.

Мои шаблоны

Тестовые подстраницы

Тест шаблонов

Тест шаблона {{youtube}}

Тест таблицы внутри спойлера

Таблица с шаблонами {{(}} и {{!}}

a	b	c
d	e	f

Спойлер с инклюдингом таблицы

Из Википедия:Механизм шаблонов

Если в главном пространстве имен существует статья Имя шаблона, то можно вызвать ее, поставив перед именем шаблона двоеточие

{{:Имя шаблона}}

Таким образом, любую страницу можно использовать как шаблон. Если вызывать так картинку

{{Файл:Имя шаблона}}

или категорию,

{{Категория:Имя шаблона}}

то будет подставлена описательная часть картинки и категории соответственно. Таким способом удобно экспериментировать с шаблонами (не залезая в пространство шаблонов); «вытаскивать» подписи и описания картинок;

изготавливать специальные составные статьи (например, для печати).

Проверка связи

{{:МФА}} ⇒

Это незавершённая статья.
Вы можете помочь проекту, исправив и дополнив её.

Международный фонетический алфавит — система знаков для транскрипции, разработанная и поддерживаемая Международной фонетический ассоциацией. Основана на латинице. Каждый символ обозначает один звук, каждый звук записывается одним символом. МФА не имеет различных символов для двух звуков, если ни один из известных языков не делает между ними различия (так называемая селективность).

Ссылки

Одна из многих таблиц МФА с произношением
Помощник ввода символов (Ссылка на страницу)

{{МФА}} ⇒ {{{1}}} (Шаблон как он есть)

{{МФА|МФА}} ⇒ МФА (Текст шрифтом для МФА)

{{:МФА|МФА}} ⇒

Это незавершённая статья.
Вы можете помочь проекту, исправив и дополнив её.

Международный фонетический алфавит — система знаков для транскрипции, разработанная и поддерживаемая Международной фонетический ассоциацией. Основана на латинице. Каждый символ обозначает один звук, каждый звук записывается одним символом. МФА не имеет различных символов для двух звуков, если ни один из известных языков не делает между ними различия (так называемая селективность).

Ссылки

Одна из многих таблиц МФА с произношением
Помощник ввода символов (Опять ссылка на страницу)

''{{msgnw:МФА}}'' ⇒ <span style="font-family: 'DejaVu Sans', Universalia, 'Arial Unicode MS', 'Lucida Sans Unicode', 'Charis SIL', Calibri, 'Segoe UI', Tahoma, Arial, sans-serif, Consolas, 'Everson Mono', 'Courier New', Code2000;">{{{1}}}<noinclude> Шаблон для транскрипции в [[Международный фонетический алфавит|международном фонетическом алфавите]]. Для использования, введите код <tt>{{МФА|</tt>ваша транскрипция<tt>}}</tt>. Альтернативный вариант: <tt>{{IPA|</tt>ваша транскрипция<tt>}}</tt>. Этот код ''не вставляет скобок.'' [[Категория:Шаблоны:Выбор шрифтов|{{PAGENAME}}]] [[Категория:Шаблоны:Семантическая разметка|{{PAGENAME}}]] </noinclude>

Работает.
Теперь файло.

[[Файл:Чтение по-древнегречески.ogg]] ⇒ Файл:Чтение по-древнегречески.ogg
{{Файл:Чтение по-древнегречески.ogg}} ⇒ Lefcant^[1] читает по-древнегречески с соблюдением тонов. Записано 1 апреля 2007 года.

	πεπεισμένος δὲ πειρῶμαι καὶ τοὺς ἄλλους πείθειν ὅτι τούτου τοῦ κτήματος τῇ ἀνθρωπείᾳ φύσει συνεργὸν ἀμείνω Ἔρωτος οὐκ ἄν τις ῥᾳδίως λάβοι
Платон. Пир (212b)

↑ Lefcant, участник Википедии (el, de)

{{:Файл:Чтение по-древнегречески.ogg}} ⇒ Lefcant^[1] читает по-древнегречески с соблюдением тонов. Записано 1 апреля 2007 года.

	πεπεισμένος δὲ πειρῶμαι καὶ τοὺς ἄλλους πείθειν ὅτι τούτου τοῦ κτήματος τῇ ἀνθρωπείᾳ φύσει συνεργὸν ἀμείνω Ἔρωτος οὐκ ἄν τις ῥᾳδίως λάβοι
Платон. Пир (212b)

↑ Lefcant, участник Википедии (el, de)

{{Цитата|'''{{Файл:Чтение по-древнегречески.ogg}}'''}} ⇒

Lefcant^[1] читает по-древнегречески с соблюдением тонов. Записано 1 апреля 2007 года.

	πεπεισμένος δὲ πειρῶμαι καὶ τοὺς ἄλλους πείθειν ὅτι τούτου τοῦ κτήματος τῇ ἀνθρωπείᾳ φύσει συνεργὸν ἀμείνω Ἔρωτος οὐκ ἄν τις ῥᾳδίως λάβοι
Платон. Пир (212b)

↑ Lefcant, участник Википедии (el, de)

''{{msgnw:Файл:Tabula Marsiliana.jpg}}'' ⇒ {{Файл:Чтение по-древнегречески.ogg/Описание}} [[Категория:Файлы:Древнегреческий язык]] [[Категория:Аудиофайлы]] [[Категория:Аудио:OGG]]

Работает.
Попробуем категории.

[[Категория:Шаблоны]]		помещает страницу в категорию.
[[:Категория:Шаблоны]]	⇒	Категория:Шаблоны
{{Категория:Шаблоны}}	⇒	Шаблоны, используемые в ЛингвоВики.
{{:Категория:Шаблоны}}	⇒	Шаблоны, используемые в ЛингвоВики.
{{msgnw:Категория:Шаблоны}}	⇒	Шаблоны, используемые в ЛингвоВики.

Проверка сворачивающихся блоков

(Из справки Ру:Вики)
Для создания сворачивающегося div к нему добавляется класс NavFrame, при этом внутренний блок с классом NavHead образует всегда видимый заголовок, а любые внутренние блоки с классами NavContent и NavPic прячутся:

<div class="NavFrame">
  <div class="NavHead">
    Заголовок
  </div>
  <div class="NavContent">
     Содержание
  </div>
  <div class="NavPic">
     Изображение
  </div>
</div>

даёт

Заголовок

Изображение

Содержание

Как правило, используется один NavContent для основного содержимого, и от нуля до двух NavPic для изображений.

Стандартный внешний вид всех этих классов задаётся в MediaWiki:Common.css. Для смены оформления можно указать дополнительные CSS-стили прямо в викикоде. В частности, поскольку у NavPic задан стиль «плавать слева», для добавления второго изображения справа нужно использовать <div class="NavPic" style="float:right">

Стучите!

style="float:right;":

Открыто!

Проверка шаблонов обрамления цитат

Шаблон Tquote

	Я помню чудное мгновенье…
А. С. Пушкин

Шаблоны Begin tquote и End tquote

	Передо мной явилась ты…
А. С. Пушкин

В одну строку обрамляемый текст и шаблон end tquote писать не рекомендуется. В этом случае в таблицу попадёт и весь текст после шаблона.

Примерно вот так:

	Как мимолётное виденье…
А. С. Пушкин

|} — Это и есть результат шаблона {{end tquote}}.

…Как гений чистой красоты.

То есть подставляемое |} в этом случае воспринимается парсером не как закрывающий элемент таблицы, а просто как последовательность двух символов в тексте.

Текстики

ЧЮДНЩЄ (Автор: Борис Заходер)

CSS

Свойство BACKGROUND

Параметр позволяет установить одновременно до пяти атрибутов стиля фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту. Для более подробного ознакомления с аргументами, смотрите свойства каждого параметра отдельно.

Синтаксис

background: background-attachment || background-color || background-image || background-position || background-repeat

Аргументы: любые комбинации пяти значений, определяющих стиль фона, в произвольном порядке. Значения разделяются между собой пробелом. Ни один аргумент не является обязательным, поэтому неиспользуемые значения можно опустить.

Свойство BACKGROUND-ATTACHMENT

Параметр устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.

Синтаксис

background-attachment: fixed | scroll

Значение fixed делает фоновое изображение элемента неподвижным (и очень тормозит прокрутку), scroll — позволяет перемещаться фону вместе с содержимым.

Свойство BACKGROUND-COLOR

Устанавливает фоновый цвет элемента. Хотя этот параметр не наследует свойства своего родителя, из-за того, что начальное значение цвета фона устанавливается прозрачным, он совпадает с фоном текущего элемента.

Синтаксис

background-color: цвет

Значение цвета можно задавать тремя способами.

По его названию

Браузеры поддерживают некоторые цвета по их названию.

По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.

С помощью RGB

Можно определить цвет используя значения красной, зеленой и синей составляющей в десятичном исчислении. Значение каждого из трех цветов может принимать значения от 0 до 255. Например: RGB(249, 201, 16). Также можно задавать цвет в процентном отношении.

Кроме значения цвета, еще один допустимый аргумент — transparent, устанавливающий прозрачный фон.

Свойство BACKGROUND-IMAGE

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

Синтаксис

background-image: url(путь к файлу) | none

В качестве значения используется путь к графическому файлу, который указывается внутри конструкции url(). Путь к файлу при этом можно писать как в кавычках (двойных или одинарных), так и без них. Когда фоновое изображение не требуется, аргумент может принимать значение none.

Свойство BACKGROUND-POSITION

Задает начальное положение фонового изображения, установленного с помощью параметра background-image.

Синтаксис

background-position: [проценты | значение] | [left | center | right] || [top | center | bottom]

У этого параметра два значения, положение по горизонтали (может быть — left, center, right) и вертикали (может быть — top, center, bottom). Кроме использования ключевых слов положение также можно задавать в процентах, пикселах или других единицах. Если применяются ключевые слова, то порядок их следования не имеет значения, при процентной записи вначале задается положение рисунка по горизонтали, а затем, через пробел, положение по вертикали. Отношение между используемыми ключевыми словами и процентной записью следующее:

top left = left top = 0% 0% (в левом верхнем углу)
top = top center = center top = 50% 0% (по центру вверху)
right top = top right = 100% 0% (в правом верхнем углу)
left = left center = center left = 0% 50% (по левому краю и по центру)
center = center center = 50% 50% (по центру)
right = right center = center right = 100% 50% (по правому краю и по центру)
bottom left = left bottom = 0% 100% (в левом нижнем углу)
bottom = bottom center = center bottom = 50% 100% (по центру внизу)
bottom right = right bottom = 100% 100% (в правом нижнем углу)

В скобках указано, где располагается фоновый рисунок относительно контейнера.

Свойство BACKGROUND-REPEAT

Определяет, как будет повторяться фоновое изображение, установленное с помощью параметра background-image, и по какой оси. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.

Синтаксис

background-repeat: no-repeat | repeat | repeat-x | repeat-y

====Аргументы====

no-repeat

Устанавливает одно фоновое изображение в элементе без его повторений, положение которого определяется атрибутом background-position (по умолчанию в левом верхнем углу).

repeat

Фоновое изображение повторяется по горизонтали и вертикали.

repeat-x

Фоновый рисунок повторяется только по горизонтали

repeat-y

Фоновый рисунок повторяется только по вертикали

Примеры использования

свойства background-color на ~~кошках~~ таблицах.

Свойство background-color:lightgreen применено ко всей таблице.
Результат:

A	B
C	D

К первой строке применено свойство background-color:green,
ко второй строке применено свойство background-color:azure.
Результат:

A	B
C	D

К ячейке A применено свойство background-color:beige,
  к ячейке B применено свойство background-color:teal,
  к ячейке C применено свойство background-color:khaki.
  к ячейке D применено свойство background-color:purple.
Результат:

A	B
C	D

Свойство BORDER

Позволяет одновременно установить толщину, стиль и цвет рамки вокруг элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту.

Синтаксис

border: border-width || border-style || border-color

Значение border-width определяет толщину рамки. Для управления видом рамки предоставляется восемь значений свойства border-style. Свойство border-color устанавливает цвет рамки, значение может быть в любом допустимом для CSS формате.

Каждое из значений можно устанавливать и по отдельности.
Также для установки рамки только на определенных сторонах элемента используются свойства border-top, border-bottom, border-left, border-right.

Внимание! Чтобы различные свойства стилей отобразились, может оказаться необходимым явно установить для элемента непустое значение атрибута border!
Например: <div border="1">

Свойство BORDER-COLOR

Устанавливает цвет границы на разных сторонах элемента. Параметр позволяет задать цвет границы сразу на всех сторонах элемента или определить цвет границы только на указанных сторонах.

Синтаксис

border-color: {значения}

Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом.
Результат зависит от количества аргументов:

Число аргументов	Результат
1	Цвет рамки будет установлен для всех сторон элемента.
2	Первый аргумент устанавливает цвет верхней и нижней границы, второй аргумент — левой и правой.
3	Первый аргумент задает цвет верхней границы, второй — одновременно левой и правой стороны, а третий — нижней границы. (То есть «сверху вниз»)
4	Поочередно устанавливается цвет верхней, правой, нижней и левой границы. (То есть «по часовой стрелке», начиная с верхней границы)

Примеры

1

2

3

4

5

6

7

8

9

10

11

Ячейке задано свойство border-color: red;
Ячейке задано свойство border-color: red green;
Ячейке задано свойство border-color: red green red; (Результат аналогичен предыдущему)
Ячейке задано свойство border-color: red green blue;
Ячейке задано свойство border-color: red green blue green; (Результат аналогичен предыдущему)
Ячейке задано свойство border-color: green blue blue green; (Оформление углов ┏ и ┛)
Ячейке задано свойство border-color:blue blue khaki khaki; (Оформление углов ┓ и ┗)
Ячейке задано свойство border-color: red blue blue blue; («Коробка с крышкой»)
Ячейке задано свойство border-color: blue blue blue red; («Клетка с дверцей»)
Ячейке задано свойство border-color: green blue green orange; (Аналог 3-х аргументов для верхней и нижней границ)
Ячейке задано свойство border-color: red green maroon blue; (Цвета всех границ разные)

Свойство BORDER-STYLE

Устанавливает стиль рамки вокруг элемента. Допустимо задавать индивидуальные стили для разных сторон элемента.

Синтаксис

border-style: стиль

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

Порядок и количество нескольких аргументов указывается аналогично тому, что указано в свойстве border-color.

Примеры

Вид рамки в зависимости от стиля и толщины границы элемента
1 пиксел	3 пиксела	5 пикселов	7 пикселов
dotted	dotted	dotted	dotted
dashed	dashed	dashed	dashed
solid	solid	solid	solid
double	double	double	double
groove	groove	groove	groove
ridge	ridge	ridge	ridge
inset	inset	inset	inset
outset	outset	outset	outset

Свойство BORDER-WIDTH

Свойство BORDER-TOP

Свойство BORDER-TOP-COLOR

Свойство BORDER-TOP-STYLE

Свойство BORDER-TOP-WIDTH

Свойство BORDER-LEFT

Свойство BORDER-LEFT-COLOR

Свойство BORDER-LEFT-STYLE

Свойство BORDER-LEFT-WIDTH

Свойство BORDER-RIGHT

Свойство BORDER-RIGHT-COLOR

Свойство BORDER-RIGHT-STYLE

Свойство BORDER-RIGHT-WIDTH

Свойство BORDER-BOTTOM

Свойство BORDER-BOTTOM-COLOR

Свойство BORDER-BOTTOM-STYLE

Свойство BORDER-BOTTOM-WIDTH

Таблица-пример

A1	B1	C1	D1	E1	F1	Z1	H1	Θ1	I1
A2	B2	C2	D2	E2	F2	Z2	H2	Θ2	I2
A3	B3	C3	D3	E3	F3	Z3	H3	Θ3	I3
A4	B4	C4	D4	E4	F4	Z4	H4	Θ4	I4

A1	B1	C1	D1	E1	F1	Z1	H1	Θ1	I1
A2	B2	C2	D2	E2	F2	Z2	H2	Θ2	I2
A3	B3	C3	D3	E3	F3	Z3	H3	Θ3	I3
A4	B4	C4	D4	E4	F4	Z4	H4	Θ4	I4

[1] Lefcant, участник Википедии (el, de)

[2] Lefcant, участник Википедии (el, de)

[3] Lefcant, участник Википедии (el, de)

[1]

[1]

[1]

@@ Строка 8: / Строка 8: @@
 *[[/SVG-Test|SVG-Test]]
 *[[/SMW-Test|SMW-Test]]
+*[[/Таблица с сортировкой|<span style="color:green;">Sor</span>'''<span style="color:#004488;">t</span>'''<span style="color:blue;">able</span>-Test]]
 =Тест шаблонов=
 <h2 align="right">Тест шаблона {{((}}youtube{{))}}</h2>

A1	B1	C1	D1	E1	F1	Z1	H1	Θ1	I1
A2	B2	C2	D2	E2	F2	Z2	H2	Θ2	I2
A3	B3	C3	D3	E3	F3	Z3	H3	Θ3	I3
A4	B4	C4	D4	E4	F4	Z4	H4	Θ4	I4

A1	B1	C1	D1	E1	F1	Z1	H1	Θ1	I1
A2	B2	C2	D2	E2	F2	Z2	H2	Θ2	I2
A3	B3	C3	D3	E3	F3	Z3	H3	Θ3	I3
A4	B4	C4	D4	E4	F4	Z4	H4	Θ4	I4

A1	B1	C1	D1	E1	F1	Z1	H1	Θ1	I1
A2	B2	C2	D2	E2	F2	Z2	H2	Θ2	I2
A3	B3	C3	D3	E3	F3	Z3	H3	Θ3	I3
A4	B4	C4	D4	E4	F4	Z4	H4	Θ4	I4

A1	B1	C1	D1	E1	F1	Z1	H1	Θ1	I1
A2	B2	C2	D2	E2	F2	Z2	H2	Θ2	I2
A3	B3	C3	D3	E3	F3	Z3	H3	Θ3	I3
A4	B4	C4	D4	E4	F4	Z4	H4	Θ4	I4

Участник:Bhudh/Plage: различия между версиями

Версия 08:54, 5 января 2011

Мои шаблоны

Тестовые подстраницы

Тест шаблонов

Тест шаблона {{youtube}}

Тест таблицы внутри спойлера

Из Википедия:Механизм шаблонов

Проверка связи

Ссылки

Ссылки

Проверка сворачивающихся блоков

Проверка шаблонов обрамления цитат

Текстики

CSS

Свойство BACKGROUND

Синтаксис

Свойство BACKGROUND-ATTACHMENT

Синтаксис

Свойство BACKGROUND-COLOR

Синтаксис

Свойство BACKGROUND-IMAGE

Синтаксис

Свойство BACKGROUND-POSITION

Синтаксис

Свойство BACKGROUND-REPEAT

Синтаксис

Примеры использования

Свойство BORDER

Синтаксис

Свойство BORDER-COLOR

Синтаксис

Примеры

Свойство BORDER-STYLE

Синтаксис

Примеры

Свойство BORDER-WIDTH

Свойство BORDER-TOP

Свойство BORDER-TOP-COLOR

Свойство BORDER-TOP-STYLE

Свойство BORDER-TOP-WIDTH

Свойство BORDER-LEFT

Свойство BORDER-LEFT-COLOR

Свойство BORDER-LEFT-STYLE

Свойство BORDER-LEFT-WIDTH

Свойство BORDER-RIGHT

Свойство BORDER-RIGHT-COLOR

Свойство BORDER-RIGHT-STYLE

Свойство BORDER-RIGHT-WIDTH

Свойство BORDER-BOTTOM

Свойство BORDER-BOTTOM-COLOR

Свойство BORDER-BOTTOM-STYLE

Свойство BORDER-BOTTOM-WIDTH

Таблица-пример

Навигация

Поиск

A1	B1	C1	D1	E1	F1	Z1	H1	Θ1	I1
A2	B2	C2	D2	E2	F2	Z2	H2	Θ2	I2
A3	B3	C3	D3	E3	F3	Z3	H3	Θ3	I3
A4	B4	C4	D4	E4	F4	Z4	H4	Θ4	I4

A1	B1	C1	D1	E1	F1	Z1	H1	Θ1	I1
A2	B2	C2	D2	E2	F2	Z2	H2	Θ2	I2
A3	B3	C3	D3	E3	F3	Z3	H3	Θ3	I3
A4	B4	C4	D4	E4	F4	Z4	H4	Θ4	I4