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

De Banane Atomic
Aller à la navigationAller à la recherche
Aucun résumé des modifications
Balise : Révocation manuelle
Ligne 34 : Ligne 34 :
     margin: 0;
     margin: 0;
}
}
}}</noinclude><includeonly>{{#if:{{{inline|}}}|<code {{#if:{{{class|}}}|class="{{{class}}}"}} {{#if:{{{id|}}}|id="{{{id}}}"}} {{#if:{{{style|}}}|style="{{{style}}}"}}>{{#tag:syntaxhighlight|{{{code|{{{1}}}}}}|lang="{{{lang|{{{2|text}}}}}}"|inline=true}}</code>|{{#if:{{{header|}}}|<u><small>{{{header}}}</small></u>}}{{#tag:syntaxhighlight
}}</noinclude><includeonly>{| class="kode"
|{{{code|{{{1}}}}}}
|[[File:{{{lang}}}.svg|40px|link=]]
|lang={{{lang|{{{2|bash}}}}}}
|
}}}}</includeonly>
{{#tag:syntaxhighlight|{{{code}}}|lang={{{lang}}}|class={{#ifeq:{{{collapsed|}}}|true|mw-collapsible mw-collapsed |}}{{{class|}}}}}
|}</includeonly>

Version du 21 avril 2023 à 21:28

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