version=pmwiki-2.1.5 ordered=1 urlencoded=1
agent=Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3
author=Holo
csum=Added section about applying styles to blocks.
ctime=1142529142
host=195.98.173.2
name=PmWikiRu.WikiStyles
rev=5
targets=PmWikiRu.WikiStyles,PmWikiRu.WikiWord,PmWikiRu.CustomWikiStyles,PmWikiRu.GroupHeaders,PmWikiRu.WikiAdministrator,PmWikiRu.LocalCustomizations,PmWikiRu.WikiStyleExamples,PmWikiRu.DocumentationIndex
text=(:title ВикиСтили:)%0a%0a%25audience%25 авторам (основы)%0a%0a!! Основы стилей%0a%0a[[WikiStyles|+]] позволяют авторам изменять цвет и другие параметры оформления содержимого страниц. Викистили пишутся между знаками процента, как например [@%25red%25@] или [@%25bgcolor=blue%25@].%0a%0aЧаще всего викистили применяют для изменения параметров текста, таких как цвет, фон и шрифт. В PmWiki определено несколько стилей для изменения цвета текста: %25bgcolor=black white%25 [=%25white%25=], %25bgcolor=black yellow%25[=%25yellow%25=] %25%25, %25silver%25[=%25silver%25=]%25%25, %25gray%25[=%25gray%25=]%25%25, %25green%25[=%25green%25=]%25%25, %25purple%25[=%25purple%25=]%25%25, %25red%25[=%25red%25=], %25blue%25[=%25blue%25=], %25maroon%25[=%25maroon%25=]%25%25, %25navy%25[=%25navy%25=]%25%25 и %25black%25[=%25black%25=]%25%25.%0a%0a(:markup:) [=%0aВ вазе лежали %25red%25 яблоки, %25blue%25 голубика, %25purple%25 баклажаны, %25green%25 зелень %25%25 и прочее.%0a=]%0a%0aДля задания своего цвета используйте викистиль [@%25color=...%25@]. (Примечание: Чтобы избежать сражатывания [[WikiWord]] для RBG цвета (#rrggbb) всегда дожно применять прописные буквы)%0a%0a(:markup:) [=%0aМне бы тоже хотелось поесть %25color=#ff7f00%25мандаринов%25%25!%0a=]%0a%0aДля изменения цвета фона используется [@%25bgcolor=...%25@].%0a%0a(:markup:) [=%0aВ этом предложении текст %25bgcolor=green yellow%25 жёлтого цвета на зелёном фоне. =]%0a%0aСмотри [[PmWiki:WikiStyleColors]] для большего числа примеров цветов.%0a%0a!! Область действия%0a%0aВикистили также могут указывать ''область действия''. Когда она не указана - викистиль действует на текст до следующего викистиля или до конца параграфа. Заданая явно область действия может быть целым параграфом ([@%25p ...%25@]), всем списком ([@%25list ...%25@]), элементом списка ([@%25item ...%25@]) или любым ''блоком'' ([@%25block ...%25@]).%0a%0a(:markup:) [=%0a%25p bgcolor=#ffeeee%25 Викистиль в начале этой строки воздействует на весь параграф, даже если он %25blue%25 содержит другой стиль %25%25 посреди него самого.%0a=]%0a%0aМодуль [@>>style%3c%3c@] используется для стилизации большего набора элементов. Её действие продолжается до того пока не встретится [@>>%3c%3c@].%0a%0a(:markup:) [=%0a>>blue font-style=italic bgcolor=#ffffcc%3c%3c%0aВсё после предыдущей строки стилизовано под синий курсив%0a%0aВключая%0a    преформатированый текст%0a* списки%0a-> строки с отступом%0a>>%3c%3c%0a=]%0a%0a!! Атрибуты викистилей%0a%0aАтрибуты работающие в определениях викистилей:%0a%0a    ------------ CSS -------------          --HTML--%0a    color               bgcolor             class %0a    background-color    margin              id%0a    text-align          padding             hspace%0a    text-decoration     border              vspace%0a    font-size           float               target%0a    font-family         list-style          rel%0a    font-weight         width*              accesskey%0a    font-style          height*             value%0a%0a    Специальные: define, apply%0a%0aАтрибуты в первых двух колонках соответствуют одноимённым свойствам ''[[cascading style sheet -> http://www.blooberry.com/indexdot/css/propindex/all.htm]]'' (CSS). Атрибуты последней колонки действуют только на определённые элементы:%0a%0a* [@class=@] и [@id=@] назначают HTML элементу CSS класс или идентификатор%0a* [@target=name@] открывает последующие ссылки в окне броузера с именем "name"%0a* [@rel=name@] для ссылки указывает родство с указываемым документом%0a* [@accesskey=x@] назначает 'x' на роль горячей клавиши для последующей ссылки%0a* [@value=9@] устанавливает номер текущего элемента нумерованого списка%0a%0a[=*=] Атрибуты width и height помечены звёздочкой потому что для тэга %3cimg .../> они работают по особому. Т.е. если их использовать отдельно от других атрибутов (между процентами), тогда они устанавливают ширину('width=') и высоту('height=') для любого последующего тэга %3cimg ... />. В ином случае, они определяют (ширину)'width:' и (высоту)'height:' элементов через CSS.%0a%0a!! Применение викистилей к блокам [[#apply_to_blocks]]%0a%0aОбычно стиль воздействует только на фрагмент текста (в строке), но атрибут ''apply='' позволяет стилю воздействовать на что-то большее.  Предопределённые значения ''apply='' такие:%0a%0a||border=1 cellpadding=3 cellspacing=0%0a||apply=img ||стиль воздействует на все последующие изображения|| ||%0a||apply=p ||стиль воздействует на текущий параграф||* ||%0a||apply=pre ||стиль воздействует на текущий преформатированый текст|| ||%0a||apply=list ||стиль воздействует на текущий список||* ||%0a||apply=item ||стиль воздействует на текущий элемент списка||* ||%0a||apply=div ||стиль воздействует на текущий сегмент(div)|| ||%0a||apply=block ||стиль воздействует на текущий блок\\%0a(параграф, список, элемент списка, заголовок или сегмент(div))||* ||%0a%0aСтроки помеченые звёздочкой обладают уже определёнными сокращениями стилей, какими как [@%25p color=blue%25@] - тоже самое что и [@%25apply=p color=blue%25@] и [@%25list ROMAN%25@] тоже что и [@%25apply=list list-style=upper-roman%25@].%0a%0aНекоторые сокращения стилей также применяют ''apply'', соответственно [@%25right%25@] это сокращение для [@%25text-align=right apply=block%25@].%0a%0aВоздействие стиля имеет эффект только тогда, когда он расположен на первой строке блока.  Другими словами, стиль в третьей строке параграфа не может изменить атрибуты параграфа.%0a%0a(:markup:) [=%0aздесь некий текст в%0aпараграфе и если мы попробуем%0a%25apply=p color=blue%25 изменить%0aцвет параграфа по середине, то%0aон не сработает потому что стиль поступил%0aуже после того как параграф был начат.=]%0a%0a(:markup:) [=%0aОднако, этот %25p color=red%25 параграф%0a''будет'' красным, потому что блок стиля%0aуказан в первой строке этого текта.=]%0a%0a(:markup:) [=%0a* Элемент списка%0a* %25list red%25 Упс, слишком поздно воздействовать на список!=]%0a%0a!! Включение стилей%0aСтили не описаные выше могут быть разрешены администратором путём изменения файла local/config.php. К примеру, для разрешения атрибута стиля "line-height" добавьте в указаный файл следующую строчку:%0a%0a    $WikiStyleCSS[] = 'line-height';%0a%0a!! Собственные сокращения стилей%0aАтрибут [@define=@] применяется для назначения сокращённого имени любому определению викистиля. Это сокращение можно будет применить в других определениях стилей.%0a%0a(:markup:) [=%0a%25define=box block bgcolor=#ddddff border="2px dotted blue"%25%0a%0a%25box%25 [@%0a$ echo "Привет всем"%0aПривет всем%0a$ exit%0a@]%0a%0a%25box font-weight=bold color=green%25 [@%0a$ echo "Я сказал - ПРИВЕТ!"%0a@]=]%0a%0a'''Совет:''' Общие определения стилей довольно часто помещают на [[Group Headers|заглавные страницы групп]], так что они могут использоваться сразу по всей группе. Или стили могут предопределены [[wiki administrator|администратором]] для всего сайта в качестве [[local customizations|местных подстроек]]. (смотри [[CustomWikiStyles|+]]).%0a%0a'''Совет:''' Cобственным стилям можно назначать осмысленые имена. К примеру, если все предупреждения обозначаются зелёным цветом, то определите стиль ''warn''(warn[-ing->внимание-]) через [@%25define=warn green%25@], и пользуйтесь им вместо [@%25green%25@]. Тогда, если позднее вы захотите изменить оформление предупреждений, то значительно проще изменить одно определение, чем заменять все [@%25green%25@].%0a%0a!![[#predefined]] Предопределённые сокращения стилей%0a%0aPmWiki определяет ряд сокращений стилей:%0a%0a* Цвета текста: black, white, red, yellow, blue, gray, silver, maroon, green, navy, purple  (сокращение для [@%25color=...%25@])%0a* Выравнивание: [@%25center%25@](центр) и [@%25right%25@](справа)%0a* Изображения и фрагменты%0a** Фрагмент справа или слева: [@%25rfloat%25@](справа) и [@%25lfloat%25@](слева)%0a** Фрагмент в рамке: [@%25frame%25@], [@%25rframe%25@](слева) и [@%25lframe%25@](справа)%0a** Уменьшить до миниатюры: [@%25thumb%25@]%0a* Открывать ссылки в новом окне: [@%25newwin%25@]  (сокращение для [@%25target=_blank%25@])%0a* Коментарии: [@%25comment%25@] (сокращение для [@%25display=none%25@])%0a* Пронумерованые списки: [@%25decimal%25@](числами), [@%25roman%25@](прописными римскими числами), [@%25ROMAN%25@](заглавными римскими числами), [@%25alpha%25@](прописными алфавитный заглавными), [@%25ALPHA%25@](заглавными алфавитный заглавными) (ещё смотри Cookbook:OutlineLists)%0a%0a!! Примеры%0a[[WikiStyleExamples|+]] содержит ряд примеров использования стилей на страницах.%0a%0a!! Известные проблемы%0a* Проценты в определении стилей (вроде: [@%25block width=50%25 %25@]) надо использовать "pct" вместо "%25".%0a%0a!!Также смотри%0a[[Custom Wiki Styles|+]]%0a%0a%25trail%25%3c%3c|[[Documentation Index|+]]|>>
time=1146897819
title=ВикиСтили