Anonymous
×
Create a new article
Write your page title here:
We currently have 632 articles on SpellForce Wiki - Rohens encyclopedia. Type your article name above or click on one of the titles below and start writing!



SpellForce Wiki - Rohens encyclopedia

Template:ModalCSS: Difference between revisions

0z2y (talk | contribs)
No edit summary
0z2y (talk | contribs)
No edit summary
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="max-width:160px; height: auto; display:block; background: #ccc;color:#000;text-align:center">
<span style="width:{{{DivWidth|180px}}}; height: auto; display:table; background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 68%,#0e0e0e 100%);color:#fff;text-align:center;padding: 3px 3px 0;margin:0;">  
<span style="width: 155px;border: 1px solid #ff0;">
<span style="margin: 3px auto 0; display:block;">  
[[{{{Image|{{filepath:NiethalfsBonecrusher.jpg}}}}}]]<br>
[[Image:{{{ImageSRC|SF logo.png}}}|{{{ThumbWidth|174px}}}|link=]]</span>
[[{{{ID|#yourID}}}|enlarge]]
[[#{{{ID|yourID}}}|enlarge]]  
</span>
<div id="{{{ID|yourID}}}" class="modalDialog">
<div id="{{{ID|#yourID}}}" class="modalDialog">
   <div style="width: 60%;height: auto;margin: 5% auto;">
   <div style="width: 60%;height: auto;margin: 5% auto;">
     <div class="close">[[#close2|X]]</div>
     <div class="close">[[#close2|X]]</div>
     <div style="max-height:700px;overflow:auto;">
     <div style="max-height:700px;overflow:auto;width: fit-content;">
       [[{{{Image|{{filepath:NiethalfsBonecrusher.jpg}}}}}]]
       [[Image:{{{ImageSRC|SF logo.png}}}|link=]]
     </div>
     </div>
   </div>
   </div>
</div>
</div>
</span>
<noinclude>
== Usage ==
<div style="font-family: Courier New !important;display: block;padding: 5px 10px;background: rgba(255, 255, 10, 0.65);color: #000;width: fit-content;border: 2px double #ff0;border-radius: 10px;">
<nowiki>{{ModalCSS</nowiki><br>
<nowiki>| DivWidth=180px</nowiki><br>
<nowiki>| ThumbWidth=174px (same as DivWidth minus 6px)</nowiki><br>
<nowiki>| ImageSRC=name_your_image.jpg/png/gif/jpeg/webp</nowiki><br>
<nowiki>| ID=your_unique_ID_for_each_modal_on_the_page</nowiki><br>
<nowiki>}}</nowiki>
</div>
</div>
</noinclude>

Latest revision as of 02:06, 9 January 2023

enlarge

     

Usage

{{ModalCSS
| DivWidth=180px
| ThumbWidth=174px (same as DivWidth minus 6px)
| ImageSRC=name_your_image.jpg/png/gif/jpeg/webp
| ID=your_unique_ID_for_each_modal_on_the_page
}}