Template:ModalCSS: Difference between revisions

Help

Latest revision as of 02:06, 9 January 2023

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

}}

@@ Line 1: / Line 1: @@
-<span style="width:{{{DivWidth|180px}}}; height: auto; display:table; background: #def;color:#000;text-align:center;padding: 3px 3px 0;margin:0;">
+<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="margin: 3px auto 0; display:block;">
-[[Image:{{{ImageSRC|SF logo.png}}}|{{{ThumbWidth|172px}}}|link=]]</span>
+[[Image:{{{ImageSRC|SF logo.png}}}|{{{ThumbWidth|174px}}}|link=]]</span>
 [[#{{{ID|yourID}}}|enlarge]]
 <div id="{{{ID|yourID}}}" class="modalDialog">
@@ Line 17: / Line 17: @@
 <nowiki>{{ModalCSS</nowiki><br>
 <nowiki>| DivWidth=180px</nowiki><br>
-<nowiki>| ThumbWidth=172px</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>