Modèle:Code

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

Utilisation

{{#if:|{{code | lang=bash | code=cd $home}}|{{#if:|{{{header}}}}}

{{code | lang=bash | code=cd $home}}

}}

Exemple

{{#if:|cd $home|{{#if:|{{{header}}}}}

cd $home

}}

Code

{{#if:|{| class="kode" |[[File:{{{lang}}}.svg|40px|link=]] | {{#tag:syntaxhighlight | {{{code}}} | lang={{{lang}}} | class={{#ifeq:{{{collapsed|}}}|true|mw-collapsible mw-collapsed |}}{{{class|}}}}} |}|{{#if:|{{{header}}}}}

{| class="kode"
|[[File:{{{lang}}}.svg|40px|link=]]
|
{{#tag:syntaxhighlight | {{{code}}} | lang={{{lang}}} | class={{#ifeq:{{{collapsed|}}}|true|mw-collapsible mw-collapsed |}}{{{class|}}}}}
|}

}} {{#if:|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; }|{{#if:|{{{header}}}}}

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;
}

}}