« Modèle:Emphase » : différence entre les versions
Aucun résumé des modifications |
tentative d’amélioration de l’alignement du titre et de l’icône |
||
| Ligne 5 : | Ligne 5 : | ||
<div style="margin-left:0%; margin-top:0%; margin-bottom:0%; width:100%; display:table; border: 1px solid rgb(153, 153, 153); border-radius: 0.5em 0.5em 0.5em 0.5em; background-color: rgb(238, 238, 238); background-image: -moz-linear-gradient(center top , rgb(221, 221, 221), rgb(238, 238, 238)); text-align: left; padding: 0.5em;" class="plainlinks mw-trackedTemplate" > |
<div style="margin-left:0%; margin-top:0%; margin-bottom:0%; width:100%; display:table; border: 1px solid rgb(153, 153, 153); border-radius: 0.5em 0.5em 0.5em 0.5em; background-color: rgb(238, 238, 238); background-image: -moz-linear-gradient(center top , rgb(221, 221, 221), rgb(238, 238, 238)); text-align: left; padding: 0.5em;" class="plainlinks mw-trackedTemplate" > |
||
<div/>[[Fichier:{{{icône|{{{Icône|Emblem-important-blue.svg}}}}}}|x40px]] |
<div/> |
||
<div style="display:inline;>[[Fichier:{{{icône|{{{Icône|Emblem-important-blue.svg}}}}}}|x40px]]<div> |
|||
<div style="display:inline; margin-left:1%; font-size:18pt; padding-bottom:0px;">{{{titre|{{{Titre|Remarque importante}}}}}} |
<div style="display:inline; margin-left:1%; font-size:18pt; padding-bottom:0px;">{{{titre|{{{Titre|Remarque importante}}}}}} |
||
Version du 13 juillet 2013 à 15:17
Documentation du modèle- Cette documentation est incluse depuis Modèle:Emphase/Documentation. [rafraichir] • [modifier] • [historique] • [préproduction] • [tests unitaires]
Utilisation
Ce modèle sert à mettre un passage de un ou plusieurs paragraphes en emphase. Bien qu’il puisse être utilisé directement, pour usages spécifiques courant (théorème, démonstration, etc.) il préférable d’utiliser un modèles spécialisés qui réutilise le présent modèle.
Syntaxe
{{Emphase|contenu=Mon texte important.}}
Aucune description.
| Paramètre | Description | Type | État | |
|---|---|---|---|---|
| contenu | contenu | Le texte à mettre en valeur
| Chaîne | obligatoire |
| titre | titre | le texte qui apparaît en titre de la boîte
| Chaîne | facultatif |
| Icône | Icône | nom d’un fichier image, sans le préfixe Fichier:
| Fichier | facultatif |
| align | align | Alignement du modèle par rapport à la page: « left » ou « right ». Est centré par défaut
| Chaîne | facultatif |
| style | style | Une chaîne de caractère comprenant du code CSS valide à appliquer à la boîte englobante.
| Chaîne | facultatif |
| width | width | Largeur de la boite de dialogue
| Nombre | facultatif |
Tests
Listes
- test1
- test2
Taille
- test1
- test2
- test1
- test2
- test1
- test2
- test1
- test2
Alignement
- test1
- test2
- test1
- test2
- test1
- test2
Exemples
| Code source | Résultat |
|---|---|
{{emphase|contenu={{Lorem ipsum}} }}
|
Remarque importante
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet. |
Citation
| Code source | Résultat |
|---|---|
{{emphase|Icône=Toolbar quote.png|Titre=Citation|contenu={{Lorem ipsum|1}} }}
|
 Citation
Lorem ipsum dolor sit amet |
{{emphase|Icône=Wikify button.svg|Titre=Citation|contenu={{Lorem ipsum|1}} }}
|
 Citation
Lorem ipsum dolor sit amet |
{{emphase|Icône=Wikiquote-logo.svg|Titre=Citation|contenu={{Lorem ipsum|1}} }}
|
 Citation
Lorem ipsum dolor sit amet |
Définition
Le code {{emphase|Icône=Emblem-equal-defined.svg|Titre=Définition|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Emblem-equal.svg|Titre=Définition|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Bästa nyskrivna.svg|Titre=Définition|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Equals sign.svg|Titre=Définition|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Bästa nyskrivna.svg|Titre=Définition|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Gnome-colors-list-add.svg|Titre=Définition|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Text-x-generic with pencil-2.svg|Titre=Définition|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=List-add.svg|Titre=Définition|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Attack-page.svg|Titre=Définition|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Démonstration
Le code {{emphase|Icône=Pythagorean Proof (3).PNG|Titre=Démonstration|contenu={{Lorem ipsum|1}} }} donne :
.PNG){kind=small}
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=logic.svg|Titre=Démonstration|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Excluded middle proof.png|Titre=Démonstration|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Illustration to Euclid's proof of the Pythagorean theorem3.PNG|Titre=Démonstration|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Illustration to Euclid's proof of the Pythagorean theorem.svg|Titre=Démonstration|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Proofwithoutwords.svg|Titre=Démonstration|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Exemple
Le code {{emphase|Icône=Gtk-media-play-ltr.svg|Titre=Exemple|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Applications-office.svg|Titre=Exemple|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Applications-graphics.svg|Titre=Exemple|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Tools-spanner-hammer.svg|Titre=Exemple|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Oxygen480-apps-preferences-desktop-icons.svg|Titre=Exemple|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Proposition
Le code {{emphase|Icône=|Titre=Proposition|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Propriété
Le code {{emphase|Icône=Propriétés.svg|Titre={{{titre|Propriété}}}|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Principe
Le code {{emphase|Icône=BSicon uexKDSTCCa.svg|Titre=Principe|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Earth-cutaway-schematic-numbered.svg|Titre=Principe|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Pentagram-ribbon-folded.svg|Titre=Principe|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Archimedes pi.svg|Titre=Principe|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Archimedes sphere and cylinder.svg|Titre=Principe|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Nucleus drawing.svg|Titre=Principe|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Mercury Internal Structure.svg|Titre=Principe|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Tango atom.svg|Titre=Principe|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Schematicy-atom.svg|Titre=Principe|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=|Titre=Principe|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=|Titre=Principe|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Théorème
Le code {{emphase|Icône=Dialog-apply.svg|Titre=Théorème|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Dobry Artykul-MK.svg|Titre=Théorème|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Nuvola emblem-distinguished.svg|Titre=Théorème|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Lemme
Le code {{emphase|Icône=Article pink.svg|Titre=Lemme|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Article blue.svg|Titre=Lemme|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Gnome-user-bookmarks.svg|Titre=Lemme|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=INSTEAD-Logo-small.png|Titre=Lemme|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Emblem-brackets.svg|Titre=Lemme|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Go-jump.svg|Titre=Lemme|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Corollaire
Le code {{emphase|Icône=|Titre=Corollaire|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Axiome
Le code {{emphase|Icône=Nuvola apps kpovmodeler.svg|Titre=Axiome|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Nuvola mimetypes kig doc.png|Titre=Axiome|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Crystal128-kanagram.svg|Titre=Axiome|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Gnome-fs-blockdev.svg|Titre=Axiome|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Crystal Project device blockdevice.png|Titre=Axiome|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Axiomes.svg|Titre=Axiome|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=|Titre=Axiome|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
conseil
Le code {{emphase|Icône=Oxygen15.04.1-help-browser.svg|Titre=conseil |contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Gnome-help.svg|Titre=conseil |contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Note/Remarque
Le code {{emphase|Icône=Oxygen480-apps-knotes.svg|Titre=Remarque |contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Stock post message.svg|Titre=Remarque |contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
À étudier consciencieusement
La concision d’un passage peut être trompeur : des passages cours peuvent demander une étude assidue pour bien en saisir la signification. Le code {{emphase|Icône=Nuvola apps kpdf2.svg|Titre=À étudier consciencieusement|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Résumé
Pour reprendre de manière concise les points abordés dans la leçon, au début et/ou la fin de celle-ci.
Le code {{emphase|Icône=Crystal128-cache.svg|Titre=Résumé|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Oxygen480-actions-quickopen.svg|Titre=Résumé|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Nuvola apps cache.svg|Titre=Résumé|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Passage ouvertement biaisé
La neutralité de point de vue est un principe important au sein de la plupart des projets Wikimédia, mais ne concerne pas la Wikiversité ainsi que Wikivoyage, Wikispecies et Wikimédia-common. Toutefois, les cours devraient demeurer aussi neutre que possible, mais les positions subjectives sont de temps à autre difficiles ou impossibles à contourner. Dans ce cas le cours peut signaler la subjectivité du propos.
Le code {{emphase|Icône=Commons-emblem-scales-red.svg|Titre=Passage ouvertement biaisé|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Humour/ Anecdote
Le code {{emphase|Icône=Laff alert 2.svg|Titre=Anecdote|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Émouvant
Qui a dit que l’enseignement était dénué d’émotion ? 
Le code {{emphase|Icône=Nuvola apps package favorite.svg|Titre=Émouvant |contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Danger de mort
Parce que l’enseignement peut parfois aborder des sujets où l’expérimentation est dangereuse et ne devrait pas être tenté sans une extrême vigilance.
Le code {{emphase|Icône=D-W003 Warnung vor giftigen Stoffen ty nuvola.svg|Titre=Danger de mort|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=Skull and crossbones vector.svg|Titre=Danger de mort|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Accessibilité
Certaines représentations symboliques peuvent poser des problèmes d’accessibilité. Les conseils et représentations alternatives accessibles pourraient être placé dans des sections qui se préoccupes particulièrement de cette problématique.
Le code {{emphase|Icône=Accessibility-directory.svg|Titre=Accessibilité|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Attention
Signaler un point important où une mécompréhension est courante et problématique pour l’assimilation de la suite du cours.
Le code {{emphase|Icône=Nuvola apps important.svg|Titre=Attention|contenu={{Lorem ipsum|1}} }} donne :
{{{Contenu}}}
Le code {{emphase|Icône=Noto Emoji Oreo 1f4a3.svg|Titre=Attention|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
En construction
Signale un passage du cours qui n’est pas encore dans un état satisfaisant et qui est encore en construction active. Le code {{emphase|Icône=Under construction icon-blue.svg|Titre=En construction|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Avertissement médical
Propos liés à la médecine et la santé qui ne doivent pas être suivi tel quel sans demander l’avis d’une personne compétente. Le code {{emphase|Icône=P medicine caution.svg|Titre=Avertissement médical|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Le code {{emphase|Icône=|Titre=Axiome|contenu={{Lorem ipsum|1}} }} donne :
Lorem ipsum dolor sit amet
Voir aussi
- Utilisateur:Psychoslave/modèles mise en valeur description du projet à l’origine de ce modèle
Modèles spécialisés
- {{Citation}}
- {{Définition}}
- {{Démonstration}}
- {{Exemple}}
- {{Proposition}}
- {{Propriété}}
- {{Principe}}
- {{Théorème}}
- {{Lemme}}
- {{Corollaire}}
- {{Axiome}}
Pour la création de modèles spécialisés
Quelques galeries d’icônes potentielles :
- https://commons.wikimedia.org/wiki/Category:Tango_project/emblems
- https://commons.wikimedia.org/wiki/Category:Round_symbols_with_an_exclamation_mark
- https://commons.wikimedia.org/wiki/Category:Qs_icons_SVG/new
- https://commons.wikimedia.org/wiki/Category:Mathematical_icons
- https://commons.wikimedia.org/wiki/Category:Nuvola_icons
- https://commons.wikimedia.org/wiki/Category:Crystal_Project