plugins:bootswrapper:start

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anterior Revisión previa
Próxima revisión
Revisión previa
plugins:bootswrapper:start [2026/02/18 16:08] – [Alert] webmasterplugins:bootswrapper:start [2026/04/30 18:43] (actual) – [Progressbar] webmaster
Línea 1: Línea 1:
 ====== Bootstrap Wrapper ====== ====== Bootstrap Wrapper ======
 https://www.dokuwiki.org/plugin:bootswrapper https://www.dokuwiki.org/plugin:bootswrapper
 +
 +
  
 <WRAP center round box 90%> <WRAP center round box 90%>
Línea 34: Línea 36:
  
 ===== Accordion ===== ===== Accordion =====
 +{{ :plugins:bootswrapper:accordion.zip |FIX PHP 8.0}}. Descomprimir y machacar el archivo en lib\plugins\bootswrapper\syntax\ del mismo nombre.
 +  fd77a4dbe52faa64a465c2d28b047d6c75b8efa69949740db71e58d245d1861055d4d98c99fb52b860b752903d863ba697e374fab221c1e607cedaa63a0b8cc0 *accordion.zip
 <accordion> <accordion>
 <panel title="First panel"> <panel title="First panel">
Línea 62: Línea 66:
 </alert> </alert>
 </code> </code>
-Grid / Formatear columnas+===== Buttons ===== 
 +<button type="success" size="lg" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</button> 
 +<code> 
 +<button type="success" size="lg" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</button> 
 +</code> 
 +===== Grid / Formatear columnas ===== 
 <grid> <grid>
 <col sm="6">.col-sm-6</col> <col sm="6">.col-sm-6</col>
Línea 139: Línea 149:
 ===== Progress bar ===== ===== Progress bar =====
 Uno de los usos que puede tener es dentro de pequeños tutoriales, donde se va mostrando su progreso visual mediante la misma. Uno de los usos que puede tener es dentro de pequeños tutoriales, donde se va mostrando su progreso visual mediante la misma.
 +<progress>50%</progress>
 ===== Text ===== ===== Text =====
   * <text type="muted">muted</text>   * <text type="muted">muted</text>
Línea 156: Línea 166:
 </code> </code>
  
 +
 +
 +===== Thumbnail =====
 +<grid>
 +...
 +<col xs="6" md="3">
 +<thumbnail>
 +{{ wiki:dokuwiki-128.png }}
 +</thumbnail>
 +</col>
 +...
 +</grid>
 +<code>
 +<grid>
 +...
 +<col xs="6" md="3">
 +<thumbnail>
 +{{ wiki:dokuwiki-128.png }}
 +</thumbnail>
 +</col>
 +...
 +</grid>
 +</code>
 +
 +<grid>
 +...
 +<col xs="6" md="3">
 +<thumbnail>
 +{{ wiki:dokuwiki-128.png }}
 +<caption>
 +=== DokuWiki ===
 +
 +//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.//
 +</caption>
 +</thumbnail>
 +...
 +</col>
 +</grid>
 +<code>
 +<grid>
 +...
 +<col xs="6" md="3">
 +<thumbnail>
 +{{ wiki:dokuwiki-128.png }}
 +<caption>
 +=== DokuWiki ===
 +
 +//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.//
 +</caption>
 +</thumbnail>
 +...
 +</col>
 +</grid>
 +</code>
 +
 +La segunda opción podría ser útil para ir poniendo noticias en el wiki.
 ===== Tooltip ===== ===== Tooltip =====
 <tooltip title="Sample Text" placement="bottom">Lorem ipsum</tooltip> dolor sit amet... <tooltip title="Sample Text" placement="bottom">Lorem ipsum</tooltip> dolor sit amet...
Línea 162: Línea 228:
 <tooltip title="Sample Text" placement="bottom">Lorem ipsum</tooltip> dolor sit amet... <tooltip title="Sample Text" placement="bottom">Lorem ipsum</tooltip> dolor sit amet...
 </code> </code>
 +
 +===== Well =====
 +<well>Look, I'm in a well!</well>
 +<code>
 +<well>Look, I'm in a well!</well>
 +</code>
 +
 +===== Progressbar =====
 +  <bar type="info" value="25" striped="0" showvalue="1"></bar>  
 +
 +<bar type="info" value="25" striped="0" showvalue="1"></bar>
 +
 +\\ 
 +
 +  <bar type="success" value="50" striped="0" showvalue="0">ENHORABUENA. YA LLEGASTE A LA MITAD</bar>
 +
 +<bar type="success" value="50" striped="0" showvalue="0">ENHORABUENA. YA LLEGASTE A LA MITAD</bar>
 +
 +\\ 
 +
 +<WRAP center round important 60%>
 +IMPORTANTE. 
 +\\ Fallará al más mínimo error en la sintaxis. 
 +\\ Funcionará si todo está correcto.
 +</WRAP>
 +
 +
 +Parámetros:
 +  * type. valores 'success', '**info'**, 'warning', 'danger'. ((Valor por defecto en negrita ))
 +  * 'value'. valores **0**-100
 +  * 'striped. valores **0**-1'
 +  * 'showvalue, valores **0**-1'
 +  * 'animate', valores **0**-1.
 +
 +
  • plugins/bootswrapper/start.1771430918.txt.gz
  • Última modificación: 2026/02/18 16:08
  • por webmaster