« Modèle:Code » : différence entre les versions

De Banane Atomic
Aller à la navigationAller à la recherche
Aucun résumé des modifications
Aucun résumé des modifications
Balise : Révocation manuelle
 
(35 versions intermédiaires par le même utilisateur non affichées)
Ligne 15 : Ligne 15 :
|[[File:{{{lang}}}.svg|40px|link=]]
|[[File:{{{lang}}}.svg|40px|link=]]
|
|
{{#tag: syntaxhighlight |{{{code}}}| lang={{{lang}}} | class="{{{class|}}}"}}
{{#tag:syntaxhighlight | {{{code}}} | lang={{{lang}}} | class={{#ifeq:{{{collapsed|}}}|true|mw-collapsible mw-collapsed |}}{{{class|}}}}}
|}</nowiki>
|}</nowiki>
}}
}}
</noinclude><includeonly>{| class="kode"
 
{{code | lang=css | code=
table.kode {
    width: 100%;
    table-layout: fixed; /* force the cells to fit the table */
}
table.kode td:first-child {
    /* force la largeur de la première colonne, ainsi la deuxième colonne occupe toute la place restante */
    width: 40px;
}
table.kode div {
    outline: none; /* suppression des pointillés autour des icones de gauche */
}
table.kode pre {
    margin: 0;
}
}}</noinclude><includeonly>{| class="kode"
|[[File:{{{lang}}}.svg|40px|link=]]
|[[File:{{{lang}}}.svg|40px|link=]]
|
|
{{#tag: syntaxhighlight |{{{code}}}| lang={{{lang}}} | class={{{class|}}}}}
{{#tag:syntaxhighlight|{{{code}}}|lang={{{lang}}}|class={{#ifeq:{{{collapsed|}}}|true|mw-collapsible mw-collapsed |}}{{{class|}}}}}
|}
|}</includeonly>
{{#if: {{{lang}}} | true | false}}
</includeonly>

Dernière version du 21 avril 2023 à 21:52

Ajout d'une image à gauche du code et coloration syntaxique avec syntaxhighlight

Utilisation

Mediawiki.svg
{{code | lang=bash | code=cd $home}}

Exemple

Bash.svg
cd $home

Code

Mediawiki.svg
{| class="kode"
|[[File:{{{lang}}}.svg|40px|link=]]
|
{{#tag:syntaxhighlight | {{{code}}} | lang={{{lang}}} | class={{#ifeq:{{{collapsed|}}}|true|mw-collapsible mw-collapsed |}}{{{class|}}}}}
|}
Css.svg
table.kode {
    width: 100%;
    table-layout: fixed; /* force the cells to fit the table */
}
table.kode td:first-child {
    /* force la largeur de la première colonne, ainsi la deuxième colonne occupe toute la place restante */
    width: 40px;
}
table.kode div {
    outline: none; /* suppression des pointillés autour des icones de gauche */
}
table.kode pre {
    margin: 0;
}