Vorlage:Infocard: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Wendl (Diskussion | Beiträge) |
Wendl (Diskussion | Beiträge) |
||
| (4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 3: | Zeile 3: | ||
<div class="infocard-icon">{{{icon|}}}</div> | <div class="infocard-icon">{{{icon|}}}</div> | ||
<div class="infocard-content"><span></span>{{{content}}}</div> | <div class="infocard-content"><span></span>{{{content}}}</div> | ||
</div> | </div><noinclude>{{doc| | ||
Infocards werden wie folgt erzeugt: | |||
<pre> | |||
{{Infocard|heading=Standard Infokarte|content= | |||
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. | |||
}} | |||
</pre> | |||
ergibt: | |||
{{Infocard|heading=Standard Infokarte|content= | |||
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. | |||
}} | |||
{{Infocard|class=infocard-info|heading=Aussehen ändern|content= | |||
Über den Parameter '''class''' können Sie der Infokarte eine css Klasse übergeben, die bspw. eine andere Hintergrundfarbe oder ein Hintergrundbild besitzt. Diese Infokarte wurde folgendermaßen erzeugt: | |||
<pre> | |||
{{Infocard|class=infocard-info|heading=Aussehen ändern|content= | |||
Über den Parameter '''class''' können Sie der Infokarte eine css Klasse übergeben… | |||
}} | |||
</pre> | |||
}} | |||
{{Infocard|icon=[[File:icon-nextcloud-contacts.png]]|heading=Icon hinzufügen|content= | |||
Über den Parameter '''icon''' können Sie in der Infokarte rechts oben ein eigenes Icon einblenden. Diese Infokarte wurde folgendermaßen erzeugt: | |||
<pre> | |||
{{Infocard|icon=[[File:icon-nextcloud-contacts.png]]|heading=Icon hinzufügen|content= | |||
Über den Parameter '''icon''' können Sie in der Infokarte rechts oben ein eigenes Icon einblenden… | |||
}} | |||
</pre> | |||
}} | |||
{{Infocard|heading=Überschriftenhierarchie definieren|content= | |||
Die Überschrift einer Infokarte erscheint als Eintrag im Inhaltsverzeichnis einer Seite. Über den Parameter '''layer''' definieren Sie die Überschriftenhierarchie. | |||
<pre> | |||
layer=1 entspricht =Überschrift== | |||
layer=2 entspricht ==Überschrift== | |||
layer=3 entspricht ===Überschrift=== | |||
layer=4 entspricht ====Überschrift==== | |||
</pre> | |||
}} | |||
}} | |||
</noinclude> | |||
Aktuelle Version vom 6. Juli 2022, 11:57 Uhr
{{{heading}}}
{{{content}}}
Dokumentation & Nutzung des Templates
Infocards werden wie folgt erzeugt:
{{Infocard|heading=Standard Infokarte|content=
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.
}}
ergibt:
Standard Infokarte
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.
Aussehen ändern
Über den Parameter class können Sie der Infokarte eine css Klasse übergeben, die bspw. eine andere Hintergrundfarbe oder ein Hintergrundbild besitzt. Diese Infokarte wurde folgendermaßen erzeugt:
{{Infocard|class=infocard-info|heading=Aussehen ändern|content=
Über den Parameter '''class''' können Sie der Infokarte eine css Klasse übergeben…
}}
Icon hinzufügen
Über den Parameter icon können Sie in der Infokarte rechts oben ein eigenes Icon einblenden. Diese Infokarte wurde folgendermaßen erzeugt:
{{Infocard|icon=[[File:icon-nextcloud-contacts.png]]|heading=Icon hinzufügen|content=
Über den Parameter '''icon''' können Sie in der Infokarte rechts oben ein eigenes Icon einblenden…
}}
Überschriftenhierarchie definieren
Die Überschrift einer Infokarte erscheint als Eintrag im Inhaltsverzeichnis einer Seite. Über den Parameter layer definieren Sie die Überschriftenhierarchie.
layer=1 entspricht =Überschrift== layer=2 entspricht ==Überschrift== layer=3 entspricht ===Überschrift=== layer=4 entspricht ====Überschrift====