Vorlage:Hinweis: Unterschied zwischen den Versionen

Aus FHEMWiki
(Die Seite wurde neu angelegt: „==Zweck== Erstellung eines grauen und umrahmten Abschnittes für einen Hinweis im Text. Die vorhandene Vorlage:Randnotiz erstreckt sich leider nur über einen…“)
 
KKeine Bearbeitungszusammenfassung
Zeile 5: Zeile 5:
<nowiki>  
<nowiki>  
<onlyinclude>
<onlyinclude>
<div class="hinweis" style="margin: 0; display: table; background: #F2F2F2; border: .125em dashed #ccc;">
<div class="hinweis" style="width: 100%; margin: 0; display: table; background: #F2F2F2; border: .125em dashed #ccc;">
<div style="display: table-cell; vertical-align: middle; padding: .25em;">[[File:Info_blue.png|40px]]</div>
<div style="text-align: center; width: 50px; display: table-cell; vertical-align: middle; padding: .25em;">[[File:Info_blue.png|40px]]</div>
<div style="display: table-cell; vertical-align: middle; padding: .25em;">{{{1}}}</div>
<div style="display: table-cell; vertical-align: middle; padding: .25em;">{{{1}}}</div>
</div>
</div>

Version vom 2. Oktober 2015, 12:00 Uhr

Zweck

Erstellung eines grauen und umrahmten Abschnittes für einen Hinweis im Text. Die vorhandene Vorlage:Randnotiz erstreckt sich leider nur über einen Teil der Bildschirmbreite.

Code

 
<onlyinclude>
<div class="hinweis" style="width: 100%; margin: 0; display: table; background: #F2F2F2; border: .125em dashed #ccc;">
<div style="text-align: center; width: 50px; display: table-cell; vertical-align: middle; padding: .25em;">[[File:Info_blue.png|40px]]</div>
<div style="display: table-cell; vertical-align: middle; padding: .25em;">{{{1}}}</div>
</div>
</onlyinclude>

Einbindung

{{Hinweis|Text}}
  • Hinweis ist der Name der Vorlage
  • Text ist der Text, der im Hinweisfeld stehen soll

Beispiel

Info blue.png
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.