Vorlage:Hinweis: Unterschied zwischen den Versionen
Drhirn (Diskussion | Beiträge) (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…“) |
Drhirn (Diskussion | Beiträge) 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, 13: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
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.