Szablon:Dash: Różnice pomiędzy wersjami
Znacznik: Wycofanie zmian |
Nie podano opisu zmian |
||
Linia 1: | Linia 1: | ||
{{#if:{{{img|}}} | {{#if:{{{img|}}} | ||
|<table | |<table class="dash-table"> | ||
<tr> | <tr> | ||
<td | <td class="dash-image"><div class="gifsizer" style="max-width: {{{size|}}}; width: {{{gifWidth|}}}; height: {{{gifHeight|}}}">{{#if:{{{img|}}}|{{{img}}}}}</div></td> | ||
<td | <td class="dash-content">{{#if:{{{1|}}}|{{{1}}}}}</td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
|<table | |<table class="dash-table"> | ||
<tr> | <tr> | ||
<td | <td class="dash-content">{{#if:{{{1|}}}|{{{1}}}}}</td> | ||
</tr> | </tr> | ||
</table>}} | </table>}} | ||
<html> | <html> | ||
<style> | <style> | ||
. | .dash-table { | ||
width: | width: 100%; | ||
padding: 5px 10px; | |||
border: 1px solid #CEDFF2; | |||
border-radius: 0; | |||
background-color: #E8F2F8; | |||
margin: auto; | |||
} | } | ||
.gifsizer | |||
width: calc(100% - 20px); | .dash-image { | ||
height: calc(100% - 20px); | width: 5%; | ||
max-width: unset !important; | 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> | </style> | ||
</html> | </html> | ||
<noinclude> | <noinclude> | ||
Przykład użycia | |||
{{Dash | {{Dash | ||
| img = [[Plik:Gargantuan.gif]] | | img = [[Plik:Gargantuan.gif]] | ||
'''Gargantuan''' | '''Gargantuan''' | ||
| gifWidth = 100px | |||
| gifHeight = 100px | |||
| 1 = Podziemia Ankardii | | 1 = Podziemia Ankardii | ||
}} | }} | ||
</noinclude> | </noinclude> |