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% Здесь строка списка
* А здесь другая строка списка
* Вот ещё список
# Новый список
|
- Здесь строка списка
- А здесь другая строка списка
- Вот ещё список
- Новый список
|
В частности, это означает что пронумерованые списки теперь можно стилизовать пользуясь предопределёнными стилями для блоков -- %ROMAN%, %roman%, %ALPHA% и %alpha%.
Одно из этих сокращений помещается в первой строке списка (вы можете доработать набор стилей пронумерованых списков):
# %ROMAN% Корневой уровень
## %ALPHA% второй-уровень
## второй-уровень
## второй-уровень
### третий-уровень
### третий-уровень
## второй-уровень
### третий-уровень
#### %alpha% четвёртый-уровень
##### %roman% пятый-уровень
##### пятый-уровень
#### четвёртый-уровень
# Корневой уровень
# Корневой уровень
|
- Корневой уровень
- второй-уровень
- второй-уровень
- второй-уровень
- третий-уровень
- третий-уровень
- второй-уровень
- третий-уровень
- четвёртый-уровень
- пятый-уровень
- пятый-уровень
- четвёртый-уровень
- Корневой уровень
- Корневой уровень
|
ВикиСтили можно совмещать с 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
|
<< ВикиСтили | Документация | Директивы страницы >>
Оригинал перевода PmWikiRu.WikiStyleExamples -
Ссылаются
PmWikiRu.WikiStyleExamples: редакция от 10.09.2011 18:48
