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

Ð”Ð»Ñ Ð±Ð¾Ð»ÑŒÑˆÐµÐ¹ выразительноÑти текÑÑ‚ в PmWiki можно раÑцвечивать и видоизменÑÑ‚ÑŒ Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ ВикиСтилей.

Стиль запиÑываемый между парой знаков процента менÑет поÑледующий текÑÑ‚. Пример: 

Этот текÑÑ‚ %color=red% краÑный, %color=blue% Ñиний, %% и обычный (чёрный).

Этот текÑÑ‚ краÑный, Ñиний, и обычный (чёрный).

БольшинÑтво доÑтупных Ñтилей первоначально перенеÑено из HTML и CSS. Ð’ дополнение, Ð´Ð»Ñ ÐºÑ€Ð°Ñ‚ÐºÐ¾Ñти запиÑи автору можно определÑÑ‚ÑŒ Ñвои ÑобÑтвенные Ñтили пользуÑÑÑŒ ÑвойÑтвом define=. Ðазовём их ÑокращениÑ. Ðапример, Ð´Ð»Ñ Ð¾Ð¿Ñ€ÐµÐ´ÐµÐ»ÐµÐ½Ð¸Ñ ÑÑ‚Ð¸Ð»Ñ %red% надо Ñделать Ñледующее: 

%color=red define=mystyle%
Ð’ Ñтом предложении %mystyle% краÑный текÑÑ‚ оформлен Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ новоиÑпечённого ÑокращениÑ.

Ð’ Ñтом предложении краÑный текÑÑ‚ оформлен Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ новоиÑпечённого ÑокращениÑ.

Такие ÑÐ¾ÐºÑ€Ð°Ñ‰ÐµÐ½Ð¸Ñ Ð¼Ð¾Ð³ÑƒÑ‚ ÑовмещатьÑÑ Ñ Ð´Ñ€ÑƒÐ³Ð¸Ð¼Ð¸ ÑтилÑми, Ð²ÐºÐ»ÑŽÑ‡Ð°Ñ Ð¸ ÑÐ¾ÐºÑ€Ð°Ñ‰ÐµÐ½Ð¸Ñ Ñ‚Ð¾Ð¶Ðµ: 

%color=red define=lovelyred%
%bgcolor=yellow define=likegrapefruit%

%red% Этот текÑÑ‚ краÑный, %red bgcolor=#ccc% краÑный на Ñером фоне и %lovelyred likegrapefruit% краÑный на жёлтом фоне.

Этот текÑÑ‚ краÑный, краÑный на Ñером фоне и краÑный на жёлтом фоне.

Ðо Ñто вÑÑ‘ то же, что и было возможно в PmWiki 1.o. Рвот PmWiki 2.o ÑпоÑобна пользуÑÑÑŒ ÑвойÑтвом apply= Ñтилизовать целый блок. ПрименÑÑ apply=block в ВикиСтиле вы указываете что Ñтиль воздейÑтует на блок в целом, нежели проÑто на поÑледующий текÑÑ‚: 

Это веÑÑŒ блок %apply=block bgcolor=yellow% Ñ Ð¶Ñ‘Ð»Ñ‚Ñ‹Ð¼ фоном, даже еÑли ВикиСтиль вÑтретилÑÑ Ð¿Ð¾Ñреди Ñтроки. %bgcolor=pink% Другой Ñтроковый (неблочный) ВикиСтиль дейÑтвует на чаÑÑ‚ÑŒ Ñтроки %% по прежнему.

Это веÑÑŒ блок Ñ Ð¶Ñ‘Ð»Ñ‚Ñ‹Ð¼ фоном, даже еÑли ВикиСтиль вÑтретилÑÑ Ð¿Ð¾Ñреди Ñтроки. Другой Ñтроковый (неблочный) ВикиСтиль дейÑтвует на чаÑÑ‚ÑŒ Ñтроки по прежнему.

Это значит, что теперь можно делать выравнивание вправо и по центру. 

%block text-align=right% Этот параграф выравнен по правому краю. 

%block text-align=center% Ð Ñтот раÑположен выравниваетÑÑ Ð¿Ð¾ центру.

Этот параграф выравнен по правому краю.

Ð Ñтот раÑположен выравниваетÑÑ Ð¿Ð¾ центру.

Ð’ дейÑтвительноÑти Ð´Ð»Ñ Ñтого уже предопределены ÑÐ¾ÐºÑ€Ð°Ñ‰ÐµÐ½Ð¸Ñ %right% и %center%, так что вÑÑ‘ можно было бы Ñделать проще: 

%right% Выравнено вправо.

%center% Отцентрировано.

Выравнено вправо.

Отцентрировано.

Ðвторам позволено определÑÑ‚ÑŒ Ñвои ÑобÑтвенные Ñтили: 

%block bgcolor=#fdf define=Pm%
%center bgcolor=#dfd border='3px dotted green' define=goofy%
%right bgcolor=#ffffcc border='1px dotted red' padding=5px define=rediguana%
%define=strike text-decoration=line-through%

%Pm% ТекÑÑтарий "Pm".

%goofy% ЗдеÑÑŒ Ð¿Ð°Ñ‡ÐºÐ¾Ñ‚Ð½Ñ Ð¾Ñ‚ Гуффи.

%rediguana% Тыр-пыр-быр редигваны!

%goofy%Привет, Ñ %strike%огорчён%% %strike%раздавлен%% ÑчаÑтлив Ñ Ð²Ð°Ð¼Ð¸ вÑтретитьÑÑ.

ТекÑÑтарий "Pm".

ЗдеÑÑŒ Ð¿Ð°Ñ‡ÐºÐ¾Ñ‚Ð½Ñ Ð¾Ñ‚ Гуффи.

Тыр-пыр-быр редигваны!

Привет, Ñ Ð¾Ð³Ð¾Ñ€Ñ‡Ñ‘Ð½ раздавлен ÑчаÑтлив Ñ Ð²Ð°Ð¼Ð¸ вÑтретитьÑÑ.

Стили можно применÑÑ‚ÑŒ к большинÑтву видов блоков: 

* %block bgcolor=yellow% ЗдеÑÑŒ Ñтрока ÑпиÑка
* РздеÑÑŒ Ð´Ñ€ÑƒÐ³Ð°Ñ Ñтрока ÑпиÑка

* Вот ещё ÑпиÑок

# Ðовый ÑпиÑок
  • ЗдеÑÑŒ Ñтрока ÑпиÑка
  • РздеÑÑŒ Ð´Ñ€ÑƒÐ³Ð°Ñ Ñтрока ÑпиÑка
  • Вот ещё ÑпиÑок
  1. Ðовый ÑпиÑок

Ð’ чаÑтноÑти, Ñто означает что пронумерованые ÑпиÑки теперь можно Ñтилизовать пользуÑÑÑŒ предопределёнными ÑтилÑми Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ¾Ð² -- %ROMAN%, %roman%, %ALPHA% и %alpha%. Одно из Ñтих Ñокращений помещаетÑÑ Ð² первой Ñтроке ÑпиÑка (вы можете доработать набор Ñтилей пронумерованых ÑпиÑков): 

# %ROMAN% Корневой уровень
## %ALPHA% второй-уровень
## второй-уровень
## второй-уровень
### третий-уровень
### третий-уровень
## второй-уровень
### третий-уровень
#### %alpha% четвёртый-уровень
##### %roman% пÑтый-уровень
##### пÑтый-уровень
#### четвёртый-уровень
# Корневой уровень
# Корневой уровень
  1. Корневой уровень
    1. второй-уровень
    2. второй-уровень
    3. второй-уровень
      1. третий-уровень
      2. третий-уровень
    4. второй-уровень
      1. третий-уровень
        1. четвёртый-уровень
          1. пÑтый-уровень
          2. пÑтый-уровень
        2. четвёртый-уровень
  2. Корневой уровень
  3. Корневой уровень

ВикиСтили можно Ñовмещать Ñ CSS (каÑкадными ÑпиÑками Ñтилей) что бы Ñделать подобную нумерацию автоматичеÑки -- Ñмотри Cookbook:OutlineLists.

ВопроÑÑ‹ и Ответы

Как мне Ñделать блок преформатированого текÑта Ñ Ð¾ÐºÑ€Ð°ÑˆÐµÐ½Ñ‹Ð¼ фоном и рамкой?

Сделайте что-то вроде Ñтого: 

%block bgcolor=#f0f9ff border='1px solid gray' padding=5px%[@
ip access-list extended example-acl
remark ** Ñто пример acl **
deny ip any host 10.0.0.1
permit ip any any
@]

ip access-list extended example-acl
remark ** Ñто пример acl **
deny ip any host 10.0.0.1
permit ip any any

<< ВикиСтили | Ð”Ð¾ÐºÑƒÐ¼ÐµÐ½Ñ‚Ð°Ñ†Ð¸Ñ | Директивы Ñтраницы >>

Перевод Ñтраницы PmWiki.WikiStyleExamples - Оригинал перевода PmWikiRu.WikiStyleExamples - Backlinks
PmWikiRu.WikiStyleExamples: Ñ€ÐµÐ´Ð°ÐºÑ†Ð¸Ñ Ð¾Ñ‚ 18.03.2006 21:23 Uhr
PmWiki.WikiStyleExamples: Ñ€µÐ´Ð°ÐºÑ†Ð¸Ñ от 30.08.2019 13:38 Uhr

anzeigen · editieren · Datei hochladen · drucken · Anderungen
Seite zuletzt geändert am 18.03.2006 21:23 Uhr