Tests divers : Différence entre versions

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

Version du 17 décembre 2019 à 14:04



==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">

  1. accordion input[name=accordion-level-1]:not(:checked) + div { display: none; }
  2. accordion input[name=accordion-level-1]:checked + div { display: block; }
  3. accordion input[name=accordion-level-1] { width: 0px; height: 0px; margin: 0px; opacity: 0.0; }
  4. 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