Szablon:Dash: Różnice pomiędzy wersjami

Aktualna wersja na dzień 20:24, 18 maj 2023

Przykład użycia

Gargantuan

Podziemia Ankardii

@@ Linia 1: / Linia 1: @@
-{{#if:{{{img|}}}|
+{{#if:{{{img|}}}
-<table style="width:100%; height:50px; padding:5px 10px; border:1px dashed #CEDFF2; border-radius:12px; background-color:#E8F2F8; margin: 15px auto;">
+|<table class="dash-table">
-      <tr><td style="width:5%; text-align:center; padding:0px 10px 0px 0px; border-right: 1px solid #CEDFF2;">{{#if:{{{img|}}}|[[Arquivo:{{{img|}}}.gif|{{#if:{{{size|}}}|{{{size}}}}}|link=]]}}</td>
+  <tr>
-      <td style="width:95%; text-align:left; padding:0px 0px 0px 5px;">{{#if:{{{1|}}}|{{{1}}}}}</td></tr>
+    <td class="dash-image"><div class="gifsizer" style="max-width: {{{size|}}}; width: {{{gifWidth|}}}; height: {{{gifHeight|}}}">{{#if:{{{img|}}}|{{{img}}}}}</div></td>
-</table>|<table style="width:100%; height:50px; padding:5px 10px; border:1px dashed #CEDFF2; border-radius:12px; background-color:#E8F2F8; margin: 15px auto;">
+    <td class="dash-content">{{#if:{{{1|}}}|{{{1}}}}}</td>
-      <tr><td style="width:100%; text-align:left; padding:0px 0px 0px 0px;">{{#if:{{{1|}}}|{{{1}}}}}</td></tr>
+  </tr>
+</table>
+|<table class="dash-table">
+  <tr>
+    <td class="dash-content">{{#if:{{{1|}}}|{{{1}}}}}</td>
+  </tr>
 </table>}}
+<html>
+<style>
+.dash-table {
+  width: 100%;
+  padding: 5px 10px;
+  border: 1px solid #CEDFF2;
+  border-radius: 0;
+  background-color: #E8F2F8;
+  margin: auto;
+}
+.dash-image {
+  width: 5%;
+  text-align: center;
+  padding: 5px;
+  border-right: 1px solid #CEDFF2;
+}
+.dash-content {
+  width: 95%;
+  text-align: left;
+  padding-left: 5px;
+}
+.gifsizer {
+  margin: 0 auto;
+  width: 100%;
+}
+.gifsizer img {
+  width: calc(100% - 20px);
+  height: calc(100% - 20px);
+  max-width: unset !important;
+}
+</style>
+</html>
+<noinclude>
+Przykład użycia
+{{Dash
+| img = [[Plik:Gargantuan.gif]]
+'''Gargantuan'''
+| gifWidth = 100px
+| gifHeight = 100px
+| 1 = Podziemia Ankardii
+}}
+</noinclude>