| Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия |
| wiki:plugin:wrap [2023/08/10 23:56] – [Файл для загрузки] vladpolskiy | wiki:plugin:wrap [2025/02/01 10:00] (текущий) – внешнее изменение 127.0.0.1 |
|---|
| * %%//**__Большой подчеркнутый заголовок__**//%% (В примечаниях по технике безопасности они будут выглядеть немного иначе.) | * %%//**__Большой подчеркнутый заголовок__**//%% (В примечаниях по технике безопасности они будут выглядеть немного иначе.) |
| * %%//**Малый заголовок**//%% | * %%//**Малый заголовок**//%% |
| * не включайте ~~DISCUSSION~~ в блок WRAP <color #ed1c24>noprint</color> | * не включайте ~~DISCUSSION~~ в блок WRAP <fc #ed1c24>noprint</fc> |
| =====Монтаж===== | =====Монтаж===== |
| Используйте менеджер плагинов для установки или… | Используйте менеджер плагинов для установки или… |
| ====Примеры==== | ====Примеры==== |
| Плагин поставляется с примером страницы, которая должна многое объяснить и выглядит так в шаблоне по умолчанию (см. ниже). | Плагин поставляется с примером страницы, которая должна многое объяснить и выглядит так в шаблоне по умолчанию (см. ниже). |
| | |
| | <WRAP group> |
| | <WRAP half column> |
| | колонки |
| | </WRAP> |
| | |
| | <WRAP half column> |
| | колонка 2 |
| | </WRAP> |
| | </WRAP> |
| | |
| | <wrap hi>выделить (маркер)</wrap> |
| | |
| | <wrap lo>пометить неважным</wrap> |
| | |
| | <WRAP дуае round box 100%> |
| | простой центрированный блок |
| | </WRAP> |
| | |
| | |
| |
| ==== Классы ==== | ==== Классы ==== |
| | **''twothirds''** | подходит для двух столбцов подряд при использовании вместе с ''third'', один шириной 1/3, а другой шириной 2/3 | | | **''twothirds''** | подходит для двух столбцов подряд при использовании вместе с ''third'', один шириной 1/3, а другой шириной 2/3 | |
| | **''quarter''** | помещается в четыре столбца подряд, следует использовать в четырехугольниках | | | **''quarter''** | помещается в четыре столбца подряд, следует использовать в четырехугольниках | |
| ^ **__выравнивания__ — аналогично <color #22b14c>divalign , columns , styler</color> —** :!: **не работают с промежутками!** || | ^ **__выравнивания__ — аналогично <fc #22b14c>divalign , columns , styler</fc> —** :!: **не работают с промежутками!** || |
| | **''leftalign''** | выравнивает текст по левому краю | | | **''leftalign''** | выравнивает текст по левому краю | |
| | **''rightalign''** | выравнивает текст по правому краю | | | **''rightalign''** | выравнивает текст по правому краю | |
| | **''centeralign''** | центрирует текст | | | **''centeralign''** | центрирует текст | |
| | **''justify''** | оправдывает текст | | | **''justify''** | оправдывает текст | |
| ^ **__коробки и заметки__ - аналогично <color #22b14c>коробке , заметке , подсказке</color>** || | ^ **__коробки и заметки__ - аналогично <fc #22b14c>коробке , заметке , подсказке</fc>** || |
| | **''box''** | создает рамку вокруг контейнера (использует цвета из ''style.ini'') | | | **''box''** | создает рамку вокруг контейнера (использует цвета из ''style.ini'') | |
| | **''info''** (было ''information'' в предыдущих версиях) | создает синее поле со значком информации | | | **''info''** (было ''information'' в предыдущих версиях) | создает синее поле со значком информации | |
| | **''notice''** | создает синее уведомление о безопасности | | | **''notice''** | создает синее уведомление о безопасности | |
| | **''safety''** | создает зеленую заметку о безопасности | | | **''safety''** | создает зеленую заметку о безопасности | |
| ^ **__метки__ — похожие на выделение , <color #22b14c>важный_параграф , важный текст</color> ** || | ^ **__метки__ — похожие на выделение , <fc #22b14c>важный_параграф , важный текст</fc> ** || |
| | **''hi''** | помечает текст как выделенный | | | **''hi''** | помечает текст как выделенный | |
| | **''lo''** | помечает текст как менее значимый | | | **''lo''** | помечает текст как менее значимый | |
| | **''em''** | помечает текст как особо выделенный | | | **''em''** | помечает текст как особо выделенный | |
| ^ **__разнообразный__** || | ^ **__разнообразный__** || |
| | **''clear''** | similar to [[clearfloat]], похоже на <color #22b14c>clearfloat</color> , желательно использовать с div, т.е. с прописными ''%%<WRAP>%%''буквами | | | **''clear''** | similar to [[clearfloat]], похоже на <fc #22b14c>clearfloat</fc> , желательно использовать с div, т.е. с прописными ''%%<WRAP>%%''буквами | |
| | **''tabs''** | если обернуть список ссылок, они будут отображаться как вкладки | | | **''tabs''** | если обернуть список ссылок, они будут отображаться как вкладки | |
| | **''hide''** | скрывает текст для CSS (текст по-прежнему будет отображаться в исходном коде, в несовременных браузерах и доступен для поиска) | | | **''hide''** | скрывает текст для CSS (текст по-прежнему будет отображаться в исходном коде, в несовременных браузерах и доступен для поиска) | |
| | **''noprint''** | выводит текст на экран, но не на печать, аналогично <color #22b14c>noprint</color> | | | **''noprint''** | выводит текст на экран, но не на печать, аналогично <fc #22b14c>noprint</fc> | |
| | **''onlyprint''** | отображает текст только в печатном виде, но не на экране | | | **''onlyprint''** | отображает текст только в печатном виде, но не на экране | |
| | **''pagebreak''** | принудительно открывает новую страницу в распечатках (не отображается на экране), аналогично <color #22b14c>разрыву страницы</color> | | | **''pagebreak''** | принудительно открывает новую страницу в распечатках (не отображается на экране), аналогично <fc #22b14c>разрыву страницы</fc> | |
| | **''nopagebreak''** | пытается избежать разрыва страницы в распечатках (не виден на экране) | | | **''nopagebreak''** | пытается избежать разрыва страницы в распечатках (не виден на экране) | |
| | **''spoiler''** | показывает белый текст на белом фоне, который раскрывается только при его выделении; похоже на <color #22b14c>скрыть</color> | | | **''spoiler''** | показывает белый текст на белом фоне, который раскрывается только при его выделении; похоже на <fc #22b14c>скрыть</fc> | |
| | **''button''** | при обертывании ссылки стилизует ее как кнопку | | | **''button''** | при обертывании ссылки стилизует ее как кнопку | |
| | **''tablewidth''** | устанавливает ширину таблиц внутри в зависимости от ширины обертки, частично заменяет <color #22b14c>ширину таблицы</color> | | | **''tablewidth''** | устанавливает ширину таблиц внутри в зависимости от ширины обертки, частично заменяет <fc #22b14c>ширину таблицы</fc> | |
| | **''indent''** | делает отступ в тексте, может использоваться вместо <color #22b14c>табуляции</color> | | | **''indent''** | делает отступ в тексте, может использоваться вместо <fc #22b14c>табуляции</fc> | |
| | **''outdent''** | «выступающий» текст, может быть частично использован вместо <color #22b14c>«выступающий»</color> | | | **''outdent''** | «выступающий» текст, может быть частично использован вместо <fc #22b14c>«выступающий»</fc> | |
| | **''prewrap''** | оборачивает текст внутри предварительно отформатированных блоков кода, аналогично <color #22b14c>wpre</color> | | | **''prewrap''** | оборачивает текст внутри предварительно отформатированных блоков кода, аналогично <fc #22b14c>wpre</fc> | |
| |
| Возможно, вам придется настроить несколько классов в соответствии с потребностями вашего шаблона, особенно ''hi'', ''lo'' and ''em''. Если у вас темная или ярко окрашенная тема, используйте ''darkTpl'' [[#configuration_options|параметр конфигурации .]]. | Возможно, вам придется настроить несколько классов в соответствии с потребностями вашего шаблона, особенно ''hi'', ''lo'' and ''em''. Если у вас темная или ярко окрашенная тема, используйте ''darkTpl'' [[#configuration_options|параметр конфигурации .]]. |
| |
| Это делает его лучшей заменой [[ltr]] (и [[lang]]). | Это делает его лучшей заменой [[ltr]] (и [[lang]]). |
| | |
| | Файл CSS - lib/plugen/wrap/all.less |
| | |
| | Скругление углов |
| | <code css> |
| | /*____________ rounded corners ____________*/ |
| | /* (only for modern browsers) */ |
| | |
| | div.wrap_round { |
| | border-radius: 0.2em; |
| | } |
| | span.wrap_round { |
| | border-radius: 0.2em; |
| | } |
| | </code> |
| |
| ==== Демо ==== | ==== Демо ==== |
| {{ :wiki:plugin:wrap.zip |}} | {{ :wiki:plugin:wrap.zip |}} |
| =====Лицензия===== | =====Лицензия===== |
| * **Author:** [[tjgrant@tatewake.com|Terence J. Grant]] | * **Author:** [[anika@selfthinker.org|Anika Henke]] |
| * **License:** [[http://www.opensource.org/licenses/gpl-license.php|GNU GPL v2]] | * **License:** [[http://www.opensource.org/licenses/gpl-license.php|GNU GPL v2]] |
| * **Donate:** [[https://www.paypal.com/xclick/business=tjgrant%40tatewake.com&item_name=Citations%20for%20DokuWiki%20Donation&no_shipping=1&no_note=1&tax=0¤cy_code=USD&lc=US|Click here.]] | |
| Это не обязательно, но, пожалуйста, рассмотрите возможность ссылки на [[https://www.dokuwiki.org/plugin:cite#license|эту страницу]] с вашего сайта, если вам нравится этот продукт. | |
| | |
