Различия

Показаны различия между двумя версиями страницы.

--- syntax.my [2026/01/11 16:35] – [Вставка HTML страниц] VladPolskiy
+++ syntax.my [2026/02/07 23:01] (текущий) – [Блоки модифицированного плагина Note] VladPolskiy
@@ Строка 10: / Строка 10: @@
 <script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","./demo/code/wid_js/widget.js");</script>
 <!-- LikeBtn.com END -->
+</html>
+//  Более простой вариант социальных сетей//
+<html>
+<!-- uSocial -->
+<script async src="https://usocial.pro/usocial/usocial.js?uid=60a79de4b3f94535&v=6.1.5" data-script="usocial" charset="utf-8"></script>
+<div class="uSocial-Share" data-pid="00f776d6cddfbf5cd018ffe07f376ec7" data-type="share" data-options="round,style1,default,absolute,horizontal,size24,counter0,mobile_position_right" data-social="vk,mail,ok,telegram,email"></div>
+<!-- /uSocial -->
 </html>
 ===== Основные конструкции форматирования =====
@@ Строка 148: / Строка 155: @@
 на другие вики. Например, вот ссылка на статью Википедии о вики: [[wp>Wiki]], а это на [[ubuntu>ubuntu]] или на [[google>открыть страницу google]] или пустая на страницу интернета [[world>world]]\\
 [[tel>899256985]]\\
-[[mail>polskiyvn@gmail.com]]\\
+[[mailto>polskiyvn@gmail.com]]\\
 [[address>Poliarniy]]\\
 [[xref>doku.php]]\\
@@ Строка 202: / Строка 209: @@
 }
 </code>
+==== Теги ====
+При установленом плагине Tag
+<code>
+{{tag>Вставить тег-синтаксис}}
+</code>
+{{tag>Вставить тег-синтаксис}}
 ==== Сноски ====
@@ Строка 583: / Строка 596: @@
 <code><wrap info>info</wrap>, <wrap help>help</wrap>, ...</code>
+=== Текст в 2х колонках ===
+<code>
+<WRAP group>
+<WRAP half column>
+<color #ed1c24>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</color>
+</WRAP>
+<WRAP half column>
+"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+</WRAP>
+</WRAP>
+</code>
+<WRAP group>
+<WRAP half column>
+<color #ed1c24>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</color>
+</WRAP>
+<WRAP half column>
+"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+</WRAP>
+</WRAP>
 === Языки и текстовые направления ===
@@ Строка 614: / Строка 649: @@
 [[wiki:plugin:wrap|См. подробнее о плагине Wrap]]
-=== Блоки модифицированного плагина Note ===
+==== Блоки модифицированного плагина Note ====
 <note green>{{flag>fr}} {{flag>ge}} {{flag>jp}} {{flag>be}} {{flag>ru}} {{flag>sv}} {{flag>ca}} {{flag>gb}}
 {{flag>dk}} {{flag>ee}} {{flag>es}} {{flag>fi}} {{flag>il}} {{flag>kr}} {{flag>no}} {{flag>za}}
@@ Строка 620: / Строка 655: @@
 <note yellow>:&12: желтая заметка</note>
 <note purple>Свойства CSS margin используются для создания пространства вокруг элементов за пределами определенных границ. С CSS у вас есть полный контроль над полями. Существуют свойства для установки полей для каждой стороны элемента (сверху, справа, снизу и слева).</note>
-<note black>{{:icons:book_icon_158035.png?|}} черная заметка с примером иконки и текста (Существуют свойства для установки полей для каждой стороны элемента (сверху, справа, снизу и слева))</note>
+<note black>{{:icons:book_icon_158035.png?|}} черная заметка с примером иконки и текста (Существуют свойства для установки полей для каждой стороны элемента (сверху, справа, снизу и слева))
+</note>
+Так же доступно обтекание закругленной рамкой с поялением тени при наведении курсора
+\\
+{{:plugin_note_shadow_16.png?|}}
+\\
+<code>
+<note shadow>{{:plugin_note_shadow_16.png?|}}</note>
+</code>
+Рабочий пример с появлением тени при наведении курсора
+<note shadow>
+{{:plugin_note_shadow_16.png?|}}
+</note>
+Пример кнопки "Читать далее"
+<note shadow>[[playground:playground|Читать далее...]]</note>
 Для определения привязки применяется следующий синтаксис:
@@ Строка 1027: / Строка 1077: @@
 <code html HTML+CSS+JavaScript>
 <html>
-<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/js/playground.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code/notebook/" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 </iframe>
 </html>
@@ Строка 1033: / Строка 1083: @@
 <html>
-<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/js/playground.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code/notebook/" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 </iframe>
 </html>