bac_a_sable:accueil [heinquoi doc]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
====== TEST ======


https://nordcantal.fr/dokuwiki/wiki:syntaxwrap

====== Tests Alertes======


https://www.dokuwiki.org/plugin:wrap

Known restrictions

 WRAPs won't export in ODT format.
 Round corners only work in modern browsers (no IE8 and below).
 Multiple columns only work in modern browsers (no IE9 and below).
 Width classes are experimental and only work in modern browsers (no IE8 and below).
 Normal DokuWiki Headlines used to not work and a work-around was added. Now that headlines do work, the work-around is not needed anymore but kept for backwards-compatibility. The following syntax would produce two different kinds of emulated headlines inside any of the columns or boxes/notes:
 **__Big Underlined Headline__** (They will look a bit different in safety notes.)
 **Small Headline**

You might need to adjust a few of the classes to your template's needs, especially hi, lo and em. If you have a dark or otherwise heavily coloured theme, please use the darkTpl config option. 

<WRAP center round alert 80%> \\ **ALERTE GENERALE**</WRAP>

<WRAP center round info 80%> \\ **INFO A TOTO**</WRAP>

<WRAP center round important 80%> \\ N'IMPORTANT QUOI</WRAP>

<WRAP center round tip 20%> \\ MINI TIP 20%</WRAP>

<WRAP center round help 40%> \\ HELP A 40%</WRAP>

<WRAP center round todo 50%> \\ TODO A 50%</WRAP>

<WRAP center round download 00%> \\ Download 00%</WRAP>

<WRAP center round round 95%> \\ Round 95% \\ ne fonctionne pas sous IE et ancien Firefox</WRAP>


Tests Alertes SUITE

<WRAP center round danger 95%>Danger 95%</WRAP>
<WRAP center round warning 96%>warning 96%</WRAP>
<WRAP center round caution 97%>caution 97%</WRAP>
<WRAP center round notice 98%>notice 98%</WRAP>
<WRAP center round safety 99%>safety 99%</WRAP>

<WRAP center round hi 100%>hi 100%</WRAP>

<WRAP center round lo 100%>lo 100%</WRAP>

<WRAP center round me 100%>me 100%</WRAP>


======Tests Tuiles======


======TEST 1======

<WRAP info>test</WRAP>
<WRAP centeralign>
Center aligned text ...
</WRAP>

<WRAP important>Alert</WRAP>


======Tests Tuiles Tile associé a WRAP======



======Tests balise html et css======
<html>
<div style="display: inline-block;
        width: 150px;
        height: 75px;
        background-color: teal;">Test123345456566545445444454</div>
</html>


======Tests rectangle couleur html5+CSS======

<html>
<style type="text/css" title="text/css">
/* <![CDATA[ */
div.float {
 float: left;
 padding:10px;
 }
.carre { width:110px; height:250px; }
/* ]]> */
</style>


<div class="float">
<div class="carre" style="background-color:red;"></div>
</div>
<div class="float">
<div class="carre" style="background-color:green;"></div>
</div>
<div class="float">
<div class="carre" style="background-color:yellow;"></div>
</div>
<div class="float">
<div class="carre" style="background-color:blue;"></div>
</div>
<div class="float">
<div class="carre" style="background-color:red;"></div>
</div>
<div class="float">
<div class="carre" style="background-color:navy;"></div>
</div>

</html>

======HTML5+CSS rectangles coins arrondis======

<WRAP nicebox round marine> 
WRAP nicebox round marine\\
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

</WRAP>

<WRAP formalbox round marine> 
WRAP formalbox round marine\\
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

</WRAP>


<lightbox round marine> 

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

</lightbox>