Tests divers : Différence entre versions

De M@gistère
Sauter à la navigation Sauter à la recherche
(m)
Ligne 2 : Ligne 2 :
  
 
*{{#show: Tests|?Catégorie }}
 
*{{#show: Tests|?Catégorie }}
 +
 +
 +
==test
 +
 +
<ul id="accordion">
 +
    <li>
 +
        <<strong style="color: red;">label for="section-1-checkbox"</strong>>Section 1</<strong style="color: red;">label</strong>>
 +
        <strong style="color: red;"><input id="section-1-checkbox" type="radio" name="accordion-level-1" /></strong>
 +
        <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
 +
    </li>
 +
    <li>
 +
        <<strong style="color: red;">label for="section-2-checkbox"</strong>>Section 2</<strong style="color: red;">label</strong>>
 +
        <strong style="color: red;"><input id="section-2-checkbox" type="radio" name="accordion-level-1" /></strong>
 +
        <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
 +
    </li>
 +
    <li>
 +
        <<strong style="color: red;">label for="section-3-checkbox"</strong>>Section 3</<strong style="color: red;">label</strong>>
 +
        <strong style="color: red;"><input id="section-3-checkbox" type="radio" name="accordion-level-1" /></strong>
 +
        <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
 +
    </li>
 +
    <li>
 +
        <<strong style="color: red;">label for="section-4-checkbox"</strong>>Section 4</<strong style="color: red;">label</strong>>
 +
        <strong style="color: red;"><input id="section-4-checkbox" type="radio" name="accordion-level-1" /></strong>
 +
        <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
 +
    </li>
 +
</ul>
 +
 +
<strong style="color: red;">
 +
<style type="text/css">
 +
    #accordion input[name=accordion-level-1]:not(:checked) + div { display: none; }
 +
    #accordion input[name=accordion-level-1]:checked + div { display: block; }
 +
    #accordion input[name=accordion-level-1] { width: 0px; height: 0px; margin: 0px; opacity: 0.0; }
 +
    #accordion label { cursor: pointer; }
 +
</style> </strong>
 +
  
 
==ParserFunctions et Semantic==
 
==ParserFunctions et Semantic==

Version du 17 décembre 2019 à 14:03



==test

  • <label for="section-1-checkbox">Section 1</label> <input id="section-1-checkbox" type="radio" name="accordion-level-1" />
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • <label for="section-2-checkbox">Section 2</label> <input id="section-2-checkbox" type="radio" name="accordion-level-1" />
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • <label for="section-3-checkbox">Section 3</label> <input id="section-3-checkbox" type="radio" name="accordion-level-1" />
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • <label for="section-4-checkbox">Section 4</label> <input id="section-4-checkbox" type="radio" name="accordion-level-1" />
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<style type="text/css">

   #accordion input[name=accordion-level-1]:not(:checked) + div { display: none; }
   #accordion input[name=accordion-level-1]:checked + div { display: block; }
   #accordion input[name=accordion-level-1] { width: 0px; height: 0px; margin: 0px; opacity: 0.0; }
   #accordion label { cursor: pointer; }

</style>


ParserFunctions et Semantic

Test de property :

  • Définition de propriété : Versionmag : 3.0.3


Fichier:Pandoc-codeblock-include-sample.pdf

Fontawesome

  • wikipedia-w
  • 500px
  • bullseye
  • une icône fontawesome méthode html

Blocs custom

    Pour obtenir ce bloc, écrire : {{Info|texte}}

    Pour obtenir ce bloc, écrire : {{Warning|texte}}

    Pour obtenir ce bloc, écrire : {{Error|texte}}

Présentation

Pour obtenir ce bloc, écrire : {{Présentation|Texte}}

Important

Pour obtenir ce bloc, écrire : {{Important|Texte}}

Pour obtenir ce bloc, écrire : {{Note|Texte}}

les modifications du code de ces blocs custom sont à effectuer sur : Modèle:Note, Modèle:Important, etc.

Modèle:DisplayInfos

Des bulles bleues