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|}}}
-|<table style="width:100%; height:50px; padding:5px 10px; border:1px solid #CEDFF2; border-radius:0; background-color:#E8F2F8; margin: 15px auto;">
+|<table class="dash-table">
    <tr>
-     <td style="width:5%; text-align:center; padding-right:10px; border-right: 1px solid #CEDFF2;">{{#if:{{{img|}}}|[[Arquivo:{{{img}}}.gif|{{#if:{{{size|}}}|{{{size}}}}}|link=]]}}</td>
+     <td class="dash-image"><div class="gifsizer" style="max-width: {{{size|}}}; width: {{{gifWidth|}}}; height: {{{gifHeight|}}}">{{#if:{{{img|}}}|{{{img}}}}}</div></td>
-     <td style="width:95%; text-align:left; padding-left:5px;">{{#if:{{{1|}}}|{{{1}}}}}</td>
+     <td class="dash-content">{{#if:{{{1|}}}|{{{1}}}}}</td>
    </tr>
 </table>
-|<table style="width:100%; height:50px; padding:5px 10px; border:1px solid #CEDFF2; border-radius:0; background-color:#E8F2F8; margin: 15px auto;">
+|<table class="dash-table">
    <tr>
-     <td style="width:100%; text-align:left;">{{#if:{{{1|}}}|{{{1}}}}}</td>
+     <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>