Modèle:Button

(23 versions intermédiaires par 2 utilisateurs non affichées)

Ligne 1 :

<div class="button-link-wrapper

{{#~~ifeq~~:{{{~~noimage~~|}}}|~~oui~~||~~<div class~~=~~"button-link-image-container"~~{{#if:{{{~~image-background~~|}}}| ~~style="background~~: {{{~~image-background~~}}};"|}}~~>[[Fichier:~~{{#if:{{{~~image~~|}}}|{{{~~image~~}}}|~~ButtonLink~~-{{#if:{{{~~logo~~|}}}|{{{~~logo~~}~~}}|gray~~}}.svg}}|{{{size|~~x80px~~}}}|link=|alt={{{alt|{{{text|}}}}}}~~|class=button-link-image~~]]~~</div>~~}}~~<!--~~

{{#if:{{{style|}}}| button-link--{{{style}}}|}}

~~-->~~{{#if:{{{text|}}}|~~<div class="button-link-text">~~'''{{{text}}}'''~~</div>~~|}}

{{#if:{{{align|}}}| button-link--align-{{{align}}}|}}

~~</div>~~

{{#if:{{{image|}}}{{{style|}}}|| button-link--no-logo}}

[{{{~~link~~}}} <~~span class="button-link-clickzone"~~></~~span~~>]

{{#if:{{{background|}}}| button-link--custom-bg|}}"

</div></includeonly><noinclude>[[Catégorie:Modèle de bouton]]

{{#if:{{{background|}}}{{{height|}}}|

style="{{#if:{{{background|}}}|--custom-bg: {{{background}}};|}}{{#if:{{{height|}}}|height: {{{height}}}; min-height: 0;|}}"

|}}>

<div class="button-link-content">[{{{link}}} {{#if:{{{image|}}}|[[Fichier:{{{image}}}|{{{size|x40px}}}|link=|alt={{{alt|{{{text|}}}}}}]]|{{#ifeq:{{{style|}}}|surface-0||{{#ifeq:{{{style|}}}|surface-1||{{#ifeq:{{{style|}}}|surface-2||{{#ifeq:{{{style|}}}|surface-3||{{#ifeq:{{{style|}}}|surface-4||{{#if:{{{style|}}}|[[Fichier:Button-{{{style}}}.svg|{{{size|x40px}}}|link=|alt={{{alt|{{{text|}}}}}}]]|}}}}}}}}}}}}}} {{#if:{{{text|}}}|'''{{{text}}}'''|{{#if:{{{image|}}}{{{style|}}}||'''{{{label|Ouvrir}}}'''}}}}]</div>

</div>

</div></includeonly><noinclude>

[[Catégorie:Modèle de bouton]]

{{Documentation}}{{SHORTDESC:Bouton cliquable stylisé avec un logo ou une couleur}}

</noinclude>