Modèle:Compétences/Fenêtre : Différence entre versions
[version vérifiée] | [version vérifiée] |
Ligne 1 : | Ligne 1 : | ||
<div style="margin: auto; align-self: center; border: 1px solid #88283a; box-shadow: 0 1px 2px 1px rgb(0 0 0 / 2%); padding: 10px; background-color: #ccb98a; width: min-content;"> | <div style="margin: auto; align-self: center; border: 1px solid #88283a; box-shadow: 0 1px 2px 1px rgb(0 0 0 / 2%); padding: 10px; background-color: #ccb98a; width: min-content;"> | ||
<div style="border: solid 1px #0c0604; padding: 1px; position: relative; width: max-content;"> | <div style="border: solid 1px #0c0604; padding: 1px; position: relative; width: max-content;"> | ||
− | <div class="popInfo" style="position: absolute;">[[Image:Flechedefeu1.png]]{{IconeHelp|Version=2|{{PAGENAME}}}}</div><div class="popInfo" style="position: absolute; left: 38px;">[[Image:Flechedefeu2.png]]{{IconeHelp|Version=2| | + | <div id="modalContainer"> |
+ | <div class="popInfo button" style="position: absolute; border: hidden; padding: 0;">[[Image:Flechedefeu1.png|link=]]{{IconeHelp|Version=2|{{PAGENAME}}}}</div> | ||
+ | <div class="modal" style="z-index: 101;"> | ||
+ | <div class="modal-content" style="overflow-y: auto; width: fit-content; max-width: 85%; padding: 10px 10px 10px 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span><div style="width: max-content;>'''{{PAGENAME}}''' (1 à 19)</div> | ||
+ | <div style="margin-top: 10px; border-radius: 16px; overflow: hidden;">[[Image:{{{Gif1}}}.gif]]</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="modalContainer"> | ||
+ | <div class="popInfo button" style="position: absolute; left: 38px; border: hidden; padding: 0;">[[Image:Flechedefeu2.png|link=]]{{IconeHelp|Version=2|{{PAGENAME}}}}</div> | ||
+ | <div class="modal" style="z-index: 101;"> | ||
+ | <div class="modal-content" style="overflow-y: auto; width: fit-content; max-width: 85%; padding: 10px 10px 10px 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span><div style="width: max-content;>'''{{PAGENAME}}''' (1 à 19)</div> | ||
+ | <div style="margin-top: 10px; border-radius: 16px; overflow: hidden;">[[Image:{{{Gif1}}}.gif]]</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="modalContainer"> | ||
+ | <div class="popInfo button" style="position: absolute; left: 75px; border: hidden; padding: 0;">[[Image:Flechedefeu3.png|link=]]{{IconeHelp|Version=2|{{PAGENAME}}}}</div> | ||
+ | <div class="modal" style="z-index: 101;"> | ||
+ | <div class="modal-content" style="overflow-y: auto; width: fit-content; max-width: 85%; padding: 10px 10px 10px 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span><div style="width: max-content;>'''{{PAGENAME}}''' (1 à 19)</div> | ||
+ | <div style="margin-top: 10px; border-radius: 16px; overflow: hidden;">[[Image:{{{Gif1}}}.gif]]</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="modalContainer"> | ||
+ | <div class="popInfo button" style="position: absolute; left: 112px; border: hidden; padding: 0;">[[Image:Flechedefeu3.png|link=]]{{IconeHelp|Version=2|{{PAGENAME}}}}</div> | ||
+ | <div class="modal" style="z-index: 101;"> | ||
+ | <div class="modal-content" style="overflow-y: auto; width: fit-content; max-width: 85%; padding: 10px 10px 10px 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span><div style="width: max-content;>'''{{PAGENAME}}''' (1 à 19)</div> | ||
+ | <div style="margin-top: 10px; border-radius: 16px; overflow: hidden;">[[Image:{{{Gif1}}}.gif]]</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | [[Image:Fenetrecompetence.png]]</div> | ||
<p style="margin: 4px 0 0; font-size: 85%;">Cliquer sur une icône pour voir son animation</p> | <p style="margin: 4px 0 0; font-size: 85%;">Cliquer sur une icône pour voir son animation</p> | ||
</div> | </div> | ||
<noinclude>[[Catégorie:Nouveaux modèles]]</noinclude> | <noinclude>[[Catégorie:Nouveaux modèles]]</noinclude> |