PmWikiRu /
ПожалуйÑта ÑкÑпериментируйте в пеÑочнице!ВикиСтили

авторам (оÑновы)

ОÑновы Ñтилей

ВикиСтили позволÑÑŽÑ‚ авторам изменÑÑ‚ÑŒ цвет и другие параметры Ð¾Ñ„Ð¾Ñ€Ð¼Ð»ÐµÐ½Ð¸Ñ Ñодержимого Ñтраниц. ВикиÑтили пишутÑÑ Ð¼ÐµÐ¶Ð´Ñƒ знаками процента, как например %red% или %bgcolor=blue%.

Чаще вÑего викиÑтили применÑÑŽÑ‚ Ð´Ð»Ñ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ð¿Ð°Ñ€Ð°Ð¼ÐµÑ‚Ñ€Ð¾Ð² текÑта, таких как цвет, фон и шрифт. Ð’ PmWiki определено неÑколько Ñтилей Ð´Ð»Ñ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ñ†Ð²ÐµÑ‚Ð° текÑта: %white%, %yellow% , %silver%, %gray%, %green%, %purple%, %red%, %blue%, %maroon%, %navy% и %black%. 

Ð’ вазе лежали %red% Ñблоки, %blue% голубика, %purple% баклажаны, %green% зелень %% и прочее.

Ð’ вазе лежали Ñблоки, голубика, баклажаны, зелень и прочее.

Ð”Ð»Ñ Ð·Ð°Ð´Ð°Ð½Ð¸Ñ Ñвоего цвета иÑпользуйте викиÑтиль %color=...%. (Примечание: Чтобы избежать ÑÑ€Ð°Ð¶Ð°Ñ‚Ñ‹Ð²Ð°Ð½Ð¸Ñ WikiWord Ð´Ð»Ñ RBG цвета (#rrggbb) вÑегда дожно применÑÑ‚ÑŒ пропиÑные буквы) 

Мне бы тоже хотелоÑÑŒ поеÑÑ‚ÑŒ %color=#ff7f00%мандаринов%%!

Мне бы тоже хотелоÑÑŒ поеÑÑ‚ÑŒ мандаринов!

Ð”Ð»Ñ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ñ†Ð²ÐµÑ‚Ð° фона иÑпользуетÑÑ %bgcolor=...%. 

Ð’ Ñтом предложении текÑÑ‚ %bgcolor=green yellow% жёлтого цвета на зелёном фоне.

Ð’ Ñтом предложении текÑÑ‚ жёлтого цвета на зелёном фоне.

Смотри PmWiki:WikiStyleColors Ð´Ð»Ñ Ð±Ð¾Ð»ÑŒÑˆÐµÐ³Ð¾ чиÑла примеров цветов.

ОблаÑÑ‚ÑŒ дейÑтвиÑ

ВикиÑтили также могут указывать облаÑÑ‚ÑŒ дейÑтвиÑ. Когда она не указана - викиÑтиль дейÑтвует на текÑÑ‚ до Ñледующего викиÑÑ‚Ð¸Ð»Ñ Ð¸Ð»Ð¸ до конца параграфа. Ð—Ð°Ð´Ð°Ð½Ð°Ñ Ñвно облаÑÑ‚ÑŒ дейÑÑ‚Ð²Ð¸Ñ Ð¼Ð¾Ð¶ÐµÑ‚ быть целым параграфом (%p ...%), вÑем ÑпиÑком (%list ...%), Ñлементом ÑпиÑка (%item ...%) или любым блоком (%block ...%). 

%p bgcolor=#ffeeee% ВикиÑтиль в начале Ñтой Ñтроки воздейÑтвует на веÑÑŒ параграф, даже еÑли он %blue% Ñодержит другой Ñтиль %% поÑреди него Ñамого.

ВикиÑтиль в начале Ñтой Ñтроки воздейÑтвует на веÑÑŒ параграф, даже еÑли он Ñодержит другой Ñтиль поÑреди него Ñамого.

Модуль >>style<< иÑпользуетÑÑ Ð´Ð»Ñ Ñтилизации большего набора Ñлементов. Её дейÑтвие продолжаетÑÑ Ð´Ð¾ того пока не вÑтретитÑÑ >><<. 

>>blue font-style=italic bgcolor=#ffffcc<<
Ð’ÑÑ‘ поÑле предыдущей Ñтроки Ñтилизовано под Ñиний курÑив

ВключаÑ
    преформатированый текÑÑ‚
* ÑпиÑки
-> Ñтроки Ñ Ð¾Ñ‚Ñтупом
>><<

Ð’ÑÑ‘ поÑле предыдущей Ñтроки Ñтилизовано под Ñиний курÑив

Ð’ÐºÐ»ÑŽÑ‡Ð°Ñ 

    преформатированый текÑÑ‚
  • ÑпиÑки
Ñтроки Ñ Ð¾Ñ‚Ñтупом

Ðтрибуты викиÑтилей

Ðтрибуты работающие в определениÑÑ… викиÑтилей: 

    ------------ CSS -------------          --HTML--
    color               bgcolor             class 
    background-color    margin              id
    text-align          padding             hspace
    text-decoration     border              vspace
    font-size           float               target
    font-family         list-style          rel
    font-weight         width*              accesskey
    font-style          height*             value

    Специальные: define, apply

Ðтрибуты в первых двух колонках ÑоответÑтвуют одноимённым ÑвойÑтвам cascading style sheet (CSS). Ðтрибуты поÑледней колонки дейÑтвуют только на определённые Ñлементы:

  • class= и id= назначают HTML Ñлементу CSS клаÑÑ Ð¸Ð»Ð¸ идентификатор
  • target=name открывает поÑледующие ÑÑылки в окне броузера Ñ Ð¸Ð¼ÐµÐ½ÐµÐ¼ "name"
  • rel=name Ð´Ð»Ñ ÑÑылки указывает родÑтво Ñ ÑƒÐºÐ°Ð·Ñ‹Ð²Ð°ÐµÐ¼Ñ‹Ð¼ документом
  • accesskey=x назначает 'x' на роль горÑчей клавиши Ð´Ð»Ñ Ð¿Ð¾Ñледующей ÑÑылки
  • value=9 уÑтанавливает номер текущего Ñлемента нумерованого ÑпиÑка

* Ðтрибуты width и height помечены звёздочкой потому что Ð´Ð»Ñ Ñ‚Ñга <img .../> они работают по оÑобому. Т.е. еÑли их иÑпользовать отдельно от других атрибутов (между процентами), тогда они уÑтанавливают ширину('width=') и выÑоту('height=') Ð´Ð»Ñ Ð»ÑŽÐ±Ð¾Ð³Ð¾ поÑледующего Ñ‚Ñга <img ... />. Ð’ ином Ñлучае, они определÑÑŽÑ‚ (ширину)'width:' и (выÑоту)'height:' Ñлементов через CSS.

Применение викиÑтилей к блокам

Обычно Ñтиль воздейÑтвует только на фрагмент текÑта (в Ñтроке), но атрибут apply= позволÑет Ñтилю воздейÑтвовать на что-то большее. Предопределённые Ð·Ð½Ð°Ñ‡ÐµÐ½Ð¸Ñ apply= такие:

apply=imgÑтиль воздейÑтвует на вÑе поÑледующие изображениѠ
apply=pÑтиль воздейÑтвует на текущий параграф*
apply=preÑтиль воздейÑтвует на текущий преформатированый текÑÑ‚ 
apply=listÑтиль воздейÑтвует на текущий ÑпиÑок*
apply=itemÑтиль воздейÑтвует на текущий Ñлемент ÑпиÑка*
apply=divÑтиль воздейÑтвует на текущий Ñегмент(div) 
apply=blockÑтиль воздейÑтвует на текущий блок
(параграф, ÑпиÑок, Ñлемент ÑпиÑка, заголовок или Ñегмент(div))		*

Строки помеченые звёздочкой обладают уже определёнными ÑокращениÑми Ñтилей, какими как %p color=blue% - тоже Ñамое что и %apply=p color=blue% и %list ROMAN% тоже что и %apply=list list-style=upper-roman%.

Ðекоторые ÑÐ¾ÐºÑ€Ð°Ñ‰ÐµÐ½Ð¸Ñ Ñтилей также применÑÑŽÑ‚ apply, ÑоответÑтвенно %right% Ñто Ñокращение Ð´Ð»Ñ %text-align=right apply=block%.

ВоздейÑтвие ÑÑ‚Ð¸Ð»Ñ Ð¸Ð¼ÐµÐµÑ‚ Ñффект только тогда, когРна первой Ñтроке блока. Другими Ñловами, Ñтиль в третьей Ñтроке параграфа не может изменить атрибуты параграфа. 

здеÑÑŒ некий текÑÑ‚ в
параграфе и еÑли мы попробуем
%apply=p color=blue% изменить
цвет параграфа по Ñередине, то
он не Ñработает потому что Ñтиль поÑтупил
уже поÑле того как параграф был начат.

здеÑÑŒ некий текÑÑ‚ в параграфе и еÑли мы попробуем изменить цвет параграфа по Ñередине, то он не Ñработает потому что Ñтиль поÑтупил уже поÑле того как параграф был начат. 

Однако, Ñтот %p color=red% параграф
''будет'' краÑным, потому что блок ÑтилÑ
указан в первой Ñтроке Ñтого текта.

Однако, Ñтот параграф будет краÑным, потому что блок ÑÑ‚Ð¸Ð»Ñ ÑƒÐºÐ°Ð·Ð°Ð½ в первой Ñтроке Ñтого текта. 

* Элемент ÑпиÑка
* %list red% УпÑ, Ñлишком поздно воздейÑтвовать на ÑпиÑок!
  • Элемент ÑпиÑка
  • УпÑ, Ñлишком поздно воздейÑтвовать на ÑпиÑок!

Включение Ñтилей

Стили не опиÑаные выше могут быть разрешены админиÑтратором путём Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ñ„Ð°Ð¹Ð»Ð° local/config.php. К примеру, Ð´Ð»Ñ Ñ€Ð°Ð·Ñ€ÐµÑˆÐµÐ½Ð¸Ñ Ð°Ñ‚Ñ€Ð¸Ð±ÑƒÑ‚Ð° ÑÑ‚Ð¸Ð»Ñ "line-height" добавьте в указаный файл Ñледующую Ñтрочку: 

    $WikiStyleCSS[] = 'line-height';

СобÑтвенные ÑÐ¾ÐºÑ€Ð°Ñ‰ÐµÐ½Ð¸Ñ Ñтилей

Ðтрибут define= применÑетÑÑ Ð´Ð»Ñ Ð½Ð°Ð·Ð½Ð°Ñ‡ÐµÐ½Ð¸Ñ Ñокращённого имени любому определению викиÑтилÑ. Это Ñокращение можно будет применить в других определениÑÑ… Ñтилей. 

%define=box block bgcolor=#ddddff border="2px dotted blue"%

%box% [@
$ echo "Привет вÑем"
Привет вÑем
$ exit
@]

%box font-weight=bold color=green% [@
$ echo "Я Ñказал - ПРИВЕТ!"
@]
$ echo "Привет вÑем"
Привет вÑем
$ exit

$ echo "Я Ñказал - ПРИВЕТ!"

Совет: Общие Ð¾Ð¿Ñ€ÐµÐ´ÐµÐ»ÐµÐ½Ð¸Ñ Ñтилей довольно чаÑто помещают на заглавные Ñтраницы групп, так что они могут иÑпользоватьÑÑ Ñразу по вÑей группе. Или Ñтили могут предопределены админиÑтратором Ð´Ð»Ñ Ð²Ñего Ñайта в качеÑтве меÑтных подÑтроек. (Ñмотри СобÑтвенные ВикиСтили).

Совет: CобÑтвенным ÑтилÑм можно назначать оÑмыÑленые имена. К примеру, еÑли вÑе Ð¿Ñ€ÐµÐ´ÑƒÐ¿Ñ€ÐµÐ¶Ð´ÐµÐ½Ð¸Ñ Ð¾Ð±Ð¾Ð·Ð½Ð°Ñ‡Ð°ÑŽÑ‚ÑÑ Ð·ÐµÐ»Ñ‘Ð½Ñ‹Ð¼ цветом, то определите Ñтиль warn(warning->внимание) через %define=warn green%, и пользуйтеÑÑŒ им вмеÑто %green%. Тогда, еÑли позднее вы захотите изменить оформление предупреждений, то значительно проще изменить одно определение, чем заменÑÑ‚ÑŒ вÑе %green%.

Предопределённые ÑÐ¾ÐºÑ€Ð°Ñ‰ÐµÐ½Ð¸Ñ Ñтилей

PmWiki определÑет Ñ€Ñд Ñокращений Ñтилей:

  • Цвета текÑта: black, white, red, yellow, blue, gray, silver, maroon, green, navy, purple (Ñокращение Ð´Ð»Ñ %color=...%)
  • Выравнивание: %center%(центр) и %right%(Ñправа)
  • Ð˜Ð·Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð¸Ñ Ð¸ фрагменты
    • Фрагмент Ñправа или Ñлева: %rfloat%(Ñправа) и %lfloat%(Ñлева)
    • Фрагмент в рамке: %frame%, %rframe%(Ñлева) и %lframe%(Ñправа)
    • Уменьшить до миниатюры: %thumb%
  • Открывать ÑÑылки в новом окне: %newwin% (Ñокращение Ð´Ð»Ñ %target=_blank%)
  • Коментарии: %comment% (Ñокращение Ð´Ð»Ñ %display=none%)
  • Пронумерованые ÑпиÑки: %decimal%(чиÑлами), %roman%(пропиÑными римÑкими чиÑлами), %ROMAN%(заглавными римÑкими чиÑлами), %alpha%(пропиÑными алфавитный заглавными), %ALPHA%(заглавными алфавитный заглавными) (ещё Ñмотри Cookbook:OutlineLists)

Примеры

Примеры Ñтилизации Ñодержит Ñ€Ñд примеров иÑÐ¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ñтилей на Ñтраницах.

ИзвеÑтные проблемы

  • Проценты в определении Ñтилей (вроде: %block width=50% %) надо иÑпользовать "pct" вмеÑто "%".

Также Ñмотри

СобÑтвенные ВикиСтили

<< Директивы таблиц | Ð”Ð¾ÐºÑƒÐ¼ÐµÐ½Ñ‚Ð°Ñ†Ð¸Ñ | Примеры Ñтилизации >>

Перевод Ñтраницы PmWiki.WikiStyles - Оригинал перевода PmWikiRu.WikiStyles - Backlinks
PmWikiRu.WikiStyles: Ñ€ÐµÐ´Ð°ÐºÑ†Ð¸Ñ Ð¾Ñ‚ 06.05.2006 08:43 Uhr
PmWiki.WikiStyles: Ñ€µÐ´Ð°ÐºÑ†Ð¸Ñ от 02.03.2023 11:26 Uhr

anzeigen · editieren · Datei hochladen · drucken · Anderungen
Seite zuletzt geändert am 06.05.2006 08:43 Uhr