Farklar

Bu sayfanın seçili sürümü ile mevcut sürümü arasındaki farkları gösterir.

--- syntax:thumbnail [2026/04/12 13:15] – oluşturuldu ulascemh
+++ syntax:thumbnail [2026/04/12 13:19] (mevcut) – ulascemh
@@ Satır 1: / Satır 1: @@
 <jumbotron>
-====== UCH Wiki Syntax - Popovers ======
+====== UCH Wiki Syntax - Thumbnails ======
 </jumbotron>
-===== Basic Usage =====
+==== Basic usage ====
-<code html>
+<code html><grid>
-<grid>
 ...
 <col xs="6" md="3">
@@ Satır 14: / Satır 13: @@
 </col>
 ...
-</grid>
+</grid></code>
-</code>
-===== Custom content =====
+\\
-<code html>
 <grid>
+<col xs="6" md="3">
+<thumbnail>
+{{ :logo.png }}
+</thumbnail>
+</col>
+<col xs="6" md="3">
+<thumbnail>
+{{ :logo.png }}
+</thumbnail>
+</col>
+<col xs="6" md="3">
+<thumbnail>
+{{ :logo.png }}
+</thumbnail>
+</col>
+<col xs="6" md="3">
+<thumbnail>
+{{ :logo.png }}
+</thumbnail>
+</col>
+</grid>
+==== Custom content ====
+<code html><grid>
 ...
 <col xs="6" md="3">
 <thumbnail>
-{{ wiki:dokuwiki-128.png }}
+{{ :logo.png }}
 <caption>
-=== DokuWiki ====
+=== Lorem Ipsum ====
-//DokuWiki is a simple to use and highly versatile Open Source wiki software that doesn't require a database. It is loved by users for its clean and readable syntax. The ease of maintenance, backup and integration makes it an administrator's favorite. Built in access controls and authentication connectors make DokuWiki especially useful in the enterprise context and the large number of plugins contributed by its vibrant community allow for a broad range of use cases beyond a traditional wiki.//
+//Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tincidunt mollis lectus ac sodales. Fusce finibus vitae odio nec iaculis. Nunc interdum dignissim tempor. Donec id purus vel quam gravida dapibus. Sed vulputate leo sit amet mollis varius. Nunc congue lorem et nisi porta molestie. Donec ante elit, semper vulputate lectus id, viverra fringilla nibh. Quisque eget elementum augue. Suspendisse in orci quis dui consequat iaculis commodo a felis. Proin nec tempor risus. Suspendisse metus ipsum, pretium in iaculis quis, porttitor sit amet nunc. Curabitur eget eros ut nisi elementum molestie in sit amet sem. Praesent interdum ligula nulla. Sed in tellus sed libero porttitor hendrerit. Maecenas mi orci, dictum non felis eu, finibus malesuada lectus. Donec placerat dapibus orci vitae tempor.
+Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc condimentum, risus a commodo sollicitudin, erat ligula rutrum justo, ut aliquam magna velit eu dui. Pellentesque enim velit, tincidunt eget sollicitudin nec, gravida eget dolor. Pellentesque maximus leo a nunc eleifend, sed tincidunt augue faucibus. Nullam interdum magna id ligula hendrerit, quis mattis lorem egestas. Maecenas sit amet diam cursus, euismod diam quis, dignissim nunc. Pellentesque id nunc ac mi egestas hendrerit. Nunc tempor massa diam. Suspendisse hendrerit dignissim massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.//
 </caption>
 </thumbnail>
 ...
+</col>
+</grid></code>
+\\
+<grid>
+<col xs="6" md="3">
+<thumbnail>
+{{ :logo.png }}
+<caption>
+=== Lorem Ipsum ===
+//Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tincidunt mollis lectus ac sodales. Fusce finibus vitae odio nec iaculis. Nunc interdum dignissim tempor. Donec id purus vel quam gravida dapibus. Sed vulputate leo sit amet mollis varius. Nunc congue lorem et nisi porta molestie. Donec ante elit, semper vulputate lectus id, viverra fringilla nibh. Quisque eget elementum augue. Suspendisse in orci quis dui consequat iaculis commodo a felis. Proin nec tempor risus. Suspendisse metus ipsum, pretium in iaculis quis, porttitor sit amet nunc. Curabitur eget eros ut nisi elementum molestie in sit amet sem. Praesent interdum ligula nulla. Sed in tellus sed libero porttitor hendrerit. Maecenas mi orci, dictum non felis eu, finibus malesuada lectus. Donec placerat dapibus orci vitae tempor.
+Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc condimentum, risus a commodo sollicitudin, erat ligula rutrum justo, ut aliquam magna velit eu dui. Pellentesque enim velit, tincidunt eget sollicitudin nec, gravida eget dolor. Pellentesque maximus leo a nunc eleifend, sed tincidunt augue faucibus. Nullam interdum magna id ligula hendrerit, quis mattis lorem egestas. Maecenas sit amet diam cursus, euismod diam quis, dignissim nunc. Pellentesque id nunc ac mi egestas hendrerit. Nunc tempor massa diam. Suspendisse hendrerit dignissim massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.//
+</caption>
+</thumbnail>
+</col>
+<col xs="6" md="3">
+<thumbnail>
+{{ :logo.png }}
+<caption>
+=== Lorem Ipsum ====
+//Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tincidunt mollis lectus ac sodales. Fusce finibus vitae odio nec iaculis. Nunc interdum dignissim tempor. Donec id purus vel quam gravida dapibus. Sed vulputate leo sit amet mollis varius. Nunc congue lorem et nisi porta molestie. Donec ante elit, semper vulputate lectus id, viverra fringilla nibh. Quisque eget elementum augue. Suspendisse in orci quis dui consequat iaculis commodo a felis. Proin nec tempor risus. Suspendisse metus ipsum, pretium in iaculis quis, porttitor sit amet nunc. Curabitur eget eros ut nisi elementum molestie in sit amet sem. Praesent interdum ligula nulla. Sed in tellus sed libero porttitor hendrerit. Maecenas mi orci, dictum non felis eu, finibus malesuada lectus. Donec placerat dapibus orci vitae tempor.
+Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc condimentum, risus a commodo sollicitudin, erat ligula rutrum justo, ut aliquam magna velit eu dui. Pellentesque enim velit, tincidunt eget sollicitudin nec, gravida eget dolor. Pellentesque maximus leo a nunc eleifend, sed tincidunt augue faucibus. Nullam interdum magna id ligula hendrerit, quis mattis lorem egestas. Maecenas sit amet diam cursus, euismod diam quis, dignissim nunc. Pellentesque id nunc ac mi egestas hendrerit. Nunc tempor massa diam. Suspendisse hendrerit dignissim massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.//
+</caption>
+</thumbnail>
+</col>
+<col xs="6" md="3">
+<thumbnail>
+{{ :logo.png }}
+<caption>
+=== Lorem Ipsum ====
+//Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tincidunt mollis lectus ac sodales. Fusce finibus vitae odio nec iaculis. Nunc interdum dignissim tempor. Donec id purus vel quam gravida dapibus. Sed vulputate leo sit amet mollis varius. Nunc congue lorem et nisi porta molestie. Donec ante elit, semper vulputate lectus id, viverra fringilla nibh. Quisque eget elementum augue. Suspendisse in orci quis dui consequat iaculis commodo a felis. Proin nec tempor risus. Suspendisse metus ipsum, pretium in iaculis quis, porttitor sit amet nunc. Curabitur eget eros ut nisi elementum molestie in sit amet sem. Praesent interdum ligula nulla. Sed in tellus sed libero porttitor hendrerit. Maecenas mi orci, dictum non felis eu, finibus malesuada lectus. Donec placerat dapibus orci vitae tempor.
+Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc condimentum, risus a commodo sollicitudin, erat ligula rutrum justo, ut aliquam magna velit eu dui. Pellentesque enim velit, tincidunt eget sollicitudin nec, gravida eget dolor. Pellentesque maximus leo a nunc eleifend, sed tincidunt augue faucibus. Nullam interdum magna id ligula hendrerit, quis mattis lorem egestas. Maecenas sit amet diam cursus, euismod diam quis, dignissim nunc. Pellentesque id nunc ac mi egestas hendrerit. Nunc tempor massa diam. Suspendisse hendrerit dignissim massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.//
+</caption>
+</thumbnail>
+</col>
+<col xs="6" md="3">
+<thumbnail>
+{{ :logo.png }}
+<caption>
+=== Lorem Ipsum ====
+//Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tincidunt mollis lectus ac sodales. Fusce finibus vitae odio nec iaculis. Nunc interdum dignissim tempor. Donec id purus vel quam gravida dapibus. Sed vulputate leo sit amet mollis varius. Nunc congue lorem et nisi porta molestie. Donec ante elit, semper vulputate lectus id, viverra fringilla nibh. Quisque eget elementum augue. Suspendisse in orci quis dui consequat iaculis commodo a felis. Proin nec tempor risus. Suspendisse metus ipsum, pretium in iaculis quis, porttitor sit amet nunc. Curabitur eget eros ut nisi elementum molestie in sit amet sem. Praesent interdum ligula nulla. Sed in tellus sed libero porttitor hendrerit. Maecenas mi orci, dictum non felis eu, finibus malesuada lectus. Donec placerat dapibus orci vitae tempor.
+Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc condimentum, risus a commodo sollicitudin, erat ligula rutrum justo, ut aliquam magna velit eu dui. Pellentesque enim velit, tincidunt eget sollicitudin nec, gravida eget dolor. Pellentesque maximus leo a nunc eleifend, sed tincidunt augue faucibus. Nullam interdum magna id ligula hendrerit, quis mattis lorem egestas. Maecenas sit amet diam cursus, euismod diam quis, dignissim nunc. Pellentesque id nunc ac mi egestas hendrerit. Nunc tempor massa diam. Suspendisse hendrerit dignissim massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.//
+</caption>
+</thumbnail>
 </col>
 </grid>
-</code>
 <wrap onlyprint>Taken from [[syntax:thumbnail|UCH Wiki]].</wrap>
 <wrap hide>https://wiki.ulascemh.com/doku.php?id=syntax:thumbnail</wrap>