Modèle:Modal : Différence entre versions

[version vérifiée][version vérifiée]
Ligne 1 : Ligne 1 :
 
{{LoadJavascript|Script=modal}}
 
{{LoadJavascript|Script=modal}}
<div class="modalContainer" {{#if:{{{Center|}}}|style="margin: 0 auto;"}}>
+
<div class="button modal-trigger" {{#if:{{{Center|}}}|style="margin: 0 auto;"}} {{#if:{{{name|}}}|data-modal="{{{name}}}"}}>{{{1}}}</div>
<div class="button modal-trigger" {{#if:{{{buttonStyle|}}}|style="{{{buttonStyle}}}"}} {{#if:{{{name|}}}|data-modal="{{{name}}}"}}>{{{1}}}</div>
 
 
<div class="modal" style="z-index: 110; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);" {{#if:{{{name|}}}|data-modal="{{{name}}}"}} {{#if:{{{autoClose|}}}|data-auto-close="1"}}>
 
<div class="modal" style="z-index: 110; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);" {{#if:{{{name|}}}|data-modal="{{{name}}}"}} {{#if:{{{autoClose|}}}|data-auto-close="1"}}>
 
<div class="modal-content" style="{{#if:{{{overflow|}}}|overflow-y: visible;|overflow-y: auto;}} {{#switch:{{{Largeur|1}}}
 
<div class="modal-content" style="{{#if:{{{overflow|}}}|overflow-y: visible;|overflow-y: auto;}} {{#switch:{{{Largeur|1}}}
Ligne 13 : Ligne 12 :
 
</div>
 
</div>
 
<div class="modal-body" style="padding: 0 10px 10px 10px;">{{{2}}}</div>
 
<div class="modal-body" style="padding: 0 10px 10px 10px;">{{{2}}}</div>
</div>
 
 
</div>
 
</div>
 
</div>
 
</div>

Version du 1 décembre 2024 à 01:00

Utilisé dans les modèles Modèle:Objets/ObjetsSpeciaux et Modèle:Compétences