Template:MoveCard: Difference between revisions

Revision as of 19:06, 3 September 2025

   <img src="style="width: 210px; border-radius: 4px;"
       onmouseover="this.src=this.src + '?1';""> 
     </img>

Startup	Hit Level	Properties	On Block	On Hit	On Counter
—	—	—	—	—	—

No description provided.

@@ Line 1: / Line 1: @@
-<div class="move-card-container" style="display: flex; align-items: flex-start; gap: 15px; border: 3px solid #444; border-radius: 8px; background-color: #222; padding: 15px; margin-bottom: 2em; max-width: 720px; box-shadow: 0 0 10px rgba(0,0,0,0.6); color: #fff;"> <div class="move-image" style="flex-shrink: 0; position: relative; width: 210px; height: auto;">
+<div class="move-card-container" style="display: flex; align-items: flex-start; gap: 15px; border: 3px solid #444; border-radius: 8px; background-color: #222; padding: 15px; margin-bottom: 2em; max-width: 720px; box-shadow: 0 0 10px rgba(0,0,0,0.6); color: #fff;">
-  <img
-    src="https://upload.wikimedia.org/wikipedia/commons/thumb/{{{image|Placeholder.gif}}}/210px-{{{image|Placeholder.gif}}}"
+  <!-- Image: Hover-to-play GIF -->
-    style="width: 210px; border-radius: 4px;"
+  <div class="move-image" style="flex-shrink: 0; position: relative; width: 210px; height: auto;">
-    onmouseover="this.src=this.src + '?1';"
+    {{#tag:img
-   />
+      |
-</div> <div class="move-data" style="flex-grow: 1;"> <table style="width: 100%; border-collapse: collapse; font-size: 90%; border: none;"> <tr> <th style="border: none; padding: 8px 12px; text-align: center;">Startup</th> <th style="border: none; padding: 8px 12px; text-align: center;">Hit Level</th> <th style="border: none; padding: 8px 12px; text-align: center;">Properties</th> <th style="border: none; padding: 8px 12px; text-align: center;">On Block</th> <th style="border: none; padding: 8px 12px; text-align: center;">On Hit</th> <th style="border: none; padding: 8px 12px; text-align: center;">On Counter</th> </tr> <tr> <td style="color: {{{startup-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{startup|—}}}</td> <td style="border: none; padding: 8px 12px; text-align: center;">{{{hitlevel|—}}}</td> <td style="border: none; padding: 8px 12px; text-align: center;">{{{properties|—}}}</td> <td style="color: {{{onblock-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{onblock|—}}}</td> <td style="color: {{{onhit-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{onhit|—}}}</td> <td style="color: {{{oncounter-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{oncounter|—}}}</td> </tr> </table> <p style="margin-top: 12px; font-style: italic; color: #ccc;">{{{description|No description provided.}}}</p> </div> </div>
+      | src={{filepath:{{{image|Placeholder.gif}}}}}
+        style="width: 210px; border-radius: 4px;"
+        onmouseover="this.src=this.src + '?1';"
+    }}
+   </div>
+  <!-- Move Data Table -->
+  <div class="move-data" style="flex-grow: 1;">
+    <table style="width: 100%; border-collapse: collapse; font-size: 90%; border: none;">
+      <tr>
+        <th style="border: none; padding: 8px 12px; text-align: center;">Startup</th>
+        <th style="border: none; padding: 8px 12px; text-align: center;">Hit Level</th>
+        <th style="border: none; padding: 8px 12px; text-align: center;">Properties</th>
+        <th style="border: none; padding: 8px 12px; text-align: center;">On Block</th>
+        <th style="border: none; padding: 8px 12px; text-align: center;">On Hit</th>
+        <th style="border: none; padding: 8px 12px; text-align: center;">On Counter</th>
+      </tr>
+      <tr>
+        <td style="color: {{{startup-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{startup|—}}}</td>
+        <td style="border: none; padding: 8px 12px; text-align: center;">{{{hitlevel|—}}}</td>
+        <td style="border: none; padding: 8px 12px; text-align: center;">{{{properties|—}}}</td>
+        <td style="color: {{{onblock-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{onblock|—}}}</td>
+        <td style="color: {{{onhit-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{onhit|—}}}</td>
+        <td style="color: {{{oncounter-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{oncounter|—}}}</td>
+      </tr>
+    </table>
+    <!-- Description -->
+    <p style="margin-top: 12px; font-style: italic; color: #ccc;">{{{description|No description provided.}}}</p>
+  </div>
+</div>