Hilfe:Vorlagen Design: Unterschied zwischen den Versionen

Aus DG HochN-Wiki
Wechseln zu:Navigation, Suche
Zeile 1: Zeile 1:
−
== Achtung ==
+
Diese Seite dient als Übersicht und Veranschaulichung der bisherigen Designvorlagen, die in eine Seite eingebaut werden können. Dazu ist unter dem jeweiligen Beispiel die Kopiervorlage eingefügt. Mit den Klammern "{{ }}" startet und endet eine Vorlage. Dazwischen kann in einigen Fällen individueller Text oder Bilder eingefügt werden.
 +
 
 +
Eine solche Vorlage sieht meist so aus, dass ein Pipe "|" und ein Gleichheitszeichen "=" vorangestellt sind. Dahinter kann dann z. B. ein Link zu einem Bild oder ein Titel oder Text eingefügt werden.
 +
 
 +
__FORCETOC__
 +
 
 +
==Banner==
 +
'''Achtung'''
 
{{Achtung|Deinen Text hier eingeben!}}
 
{{Achtung|Deinen Text hier eingeben!}}
  
Zeile 5: Zeile 12:
 
  <nowiki>{{Achtung|Deinen Text hier eingeben!}}</nowiki>
 
  <nowiki>{{Achtung|Deinen Text hier eingeben!}}</nowiki>
  
−
== Beispielbox ==
+
'''Hinweis'''
 +
{{Hinweis|Deinen Text hier eingeben!}}
 +
 
 +
 
 +
<nowiki>{{Hinweis|Deinen Text hier eingeben!}}</nowiki>
 +
 
 +
'''InArbeit'''
 +
{{InArbeit
 +
| username=Nutzerkennung
 +
| ende=Voraussichtliches Ende der Bearbeitung}}
 +
 
 +
 
 +
<nowiki>{{InArbeit
 +
| username=Nutzerkennung
 +
| ende=Voraussichtliches Ende der Bearbeitung}}</nowiki>
 +
 
 +
'''These'''
 +
{{These|detail=Deinen Text hier eingeben!}}
 +
<nowiki>{{These|detail=Deinen Text hier eingeben!}}</nowiki>
 +
 
 +
'''Tipp'''
 +
{{Tipp|text=Hier kommt der Text rein}}
 +
 
 +
 
 +
<nowiki>{{Tipp|text=Hier kommt der Text rein}}</nowiki>
 +
 
 +
==Literatur und Zitate==
 +
'''Literaturhinweis'''
 +
{{Literaturhinweis|Autor etc.}}
 +
 
 +
 
 +
<nowiki>{{Literaturhinweis|Autor etc.}}</nowiki>
 +
 
 +
'''Zitat'''
 +
{{Zitat|Text=Nachts sind alle Katzen grau.|Autor=Hund}}
 +
 
 +
<nowiki>{{Zitat|Text=Nachts sind alle Katzen grau.|Autor=Hund}}</nowiki>
 +
 
 +
==Boxen und Kästen==
 +
 
 +
=== Beispielbox ===
 
{{Beispielbox|Beispieltitel|Text}}
 
{{Beispielbox|Beispieltitel|Text}}
  
Zeile 11: Zeile 58:
 
  <nowiki>{{Beispielbox|Beispieltitel|Text}}</nowiki>
 
  <nowiki>{{Beispielbox|Beispieltitel|Text}}</nowiki>
  
−
 
+
===CardImage===
−
==CardImage==
 
 
{{CardImage
 
{{CardImage
−
   |image=
+
   |image=Datei:DGHochN Icon Emergenz.png
 
   |width=250
 
   |width=250
 
   |link=
 
   |link=
−
   |titel=
+
   |titel=Beispiel
−
   |text=}}
+
   |text=Hier steht ein Beispieltext unterhalb des eingefügten Bildes.}}
  
  
Zeile 28: Zeile 74:
 
   |text=}}</nowiki>
 
   |text=}}</nowiki>
  
−
==CardImageOT==
+
===CardImageOT===
 
{{CardImageOT
 
{{CardImageOT
−
   |image=
+
   |image=Datei:DGHochN Icon Emergenz.png
 
   |width=250
 
   |width=250
 
   |link=
 
   |link=
−
   |text=}}
+
   |text= Hier steht eine Bildunterschrift. Diese Box hat keinen Titel eingebunden, der daher auch nicht automatisch in ein Inhaltsverzeichnis einer Seite eingebunden wird (im Vergleich zur Vorlage "CardImage").}}
  
  
Zeile 42: Zeile 88:
 
   |text=}}</nowiki>
 
   |text=}}</nowiki>
  
−
==CardSmall==
+
===CardSmall===
 
{{CardSmall
 
{{CardSmall
−
   |bg-color=
+
   |bg-color=#85B1D0
−
   |titel=
+
   |titel=Beispiel
−
   |subtitel=
+
   |subtitel=Beispiel Unterüberschrift
−
   |text=
+
   |text=Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
 
}}
 
}}
  
Zeile 57: Zeile 103:
 
   |text=
 
   |text=
 
}}</nowiki>
 
}}</nowiki>
 +
 +
===Card-Deck (Boxen nebeneinander)===
 +
<div class="card-deck">
 +
{{CardSmall
 +
  |bg-color=#85B1D0
 +
  |titel=Beispiel
 +
  |subtitel=Beispiel Unterüberschrift
 +
  |text=Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
 +
}}
 +
{{CardSmall
 +
  |bg-color=#85B1D0
 +
  |titel=Beispiel
 +
  |subtitel=Beispiel Unterüberschrift
 +
  |text=Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
 +
}}
 +
{{CardSmall
 +
  |bg-color=#85B1D0
 +
  |titel=Beispiel
 +
  |subtitel=Beispiel Unterüberschrift
 +
  |text=Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.
 +
}}
 +
</div>
 +
 +
Um die Boxen nebeneinander zu setzen, muss vor die erste Box folgendes gesetzt werden:
 +
<nowiki><div class="card-deck"></nowiki>
 +
und um zu schließen, hinter die letzte Box
 +
<nowiki></div></nowiki>
 +
  
 
==CardCollapse==
 
==CardCollapse==
Zeile 151: Zeile 225:
 
|inhalt=Dieser Text soll expandiert werden}}</nowiki>
 
|inhalt=Dieser Text soll expandiert werden}}</nowiki>
  
−
==Hinweis==
 
−
{{Hinweis|Deinen Text hier eingeben!}}
 
−
 
−
 
−
<nowiki>{{Hinweis|Deinen Text hier eingeben!}}</nowiki>
 
  
 
==Hn==
 
==Hn==
Zeile 169: Zeile 238:
 
|Idee=Kurzbeschreibung
 
|Idee=Kurzbeschreibung
 
|Name=Name}}</nowiki>
 
|Name=Name}}</nowiki>
−
 
−
==InArbeit==
 
−
{{InArbeit
 
−
| username=Nutzerkennung
 
−
| ende=Voraussichtliches Ende der Bearbeitung}}
 
  
  
−
<nowiki>{{InArbeit
 
−
| username=Nutzerkennung
 
−
| ende=Voraussichtliches Ende der Bearbeitung}}</nowiki>
 
  
 
==Jumbotron==
 
==Jumbotron==
Zeile 236: Zeile 297:
 
  <nowiki>{{LetzteÄnderungUser}}</nowiki>
 
  <nowiki>{{LetzteÄnderungUser}}</nowiki>
  
−
==Literaturhinweis==
 
−
{{Literaturhinweis|Autor etc.}}
 
  
−
 
−
<nowiki>{{Literaturhinweis|Autor etc.}}</nowiki>
 
  
 
==NaviBox==
 
==NaviBox==
Zeile 283: Zeile 340:
 
|name=Name}}</nowiki>
 
|name=Name}}</nowiki>
  
−
==These==
 
−
{{These|detail=Deinen Text hier eingeben!}}
 
−
<nowiki>{{These|detail=Deinen Text hier eingeben!}}</nowiki>
 
−
 
−
==Tipp==
 
−
{{Tipp|text=Hier kommt der Text rein}}
 
−
 
−
 
−
<nowiki>{{Tipp|text=Hier kommt der Text rein}}</nowiki>
 
  
 
==Transform-rotate==
 
==Transform-rotate==
Zeile 340: Zeile 388:
  
 
  <nowiki>{{WikiQuickstart}}</nowiki>
 
  <nowiki>{{WikiQuickstart}}</nowiki>
−
 
−
==Zitat==
 
−
{{Zitat|Text=Nachts sind alle Katzen grau.|Autor=Hund}}
 
−
 
−
<nowiki>{{Zitat|Text=Nachts sind alle Katzen grau.|Autor=Hund}}</nowiki>
 

Version vom 23. März 2023, 12:45 Uhr

Diese Seite dient als Übersicht und Veranschaulichung der bisherigen Designvorlagen, die in eine Seite eingebaut werden können. Dazu ist unter dem jeweiligen Beispiel die Kopiervorlage eingefügt. Mit den Klammern "{{ }}" startet und endet eine Vorlage. Dazwischen kann in einigen Fällen individueller Text oder Bilder eingefügt werden.

Eine solche Vorlage sieht meist so aus, dass ein Pipe "|" und ein Gleichheitszeichen "=" vorangestellt sind. Dahinter kann dann z. B. ein Link zu einem Bild oder ein Titel oder Text eingefügt werden.


Achtung

ACHTUNG: Deinen Text hier eingeben!


{{Achtung|Deinen Text hier eingeben!}}

Hinweis

HINWEIS: Deinen Text hier eingeben!


{{Hinweis|Deinen Text hier eingeben!}}

InArbeit

Work.png
 Diese Seite wird derzeit von Nutzerkennung, voraussichtlich bis Voraussichtliches Ende der Bearbeitung, bearbeitet. 


{{InArbeit
| username=Nutzerkennung
| ende=Voraussichtliches Ende der Bearbeitung}}

These

Deinen Text hier eingeben! 

{{These|detail=Deinen Text hier eingeben!}}

Tipp

Iconbulp.png Hier kommt der Text rein 


{{Tipp|text=Hier kommt der Text rein}}

Literatur und Zitate

Literaturhinweis

Bücherstapel.png Autor etc. 


{{Literaturhinweis|Autor etc.}}

Zitat

Nachts sind alle Katzen grau.

- Hund 


{{Zitat|Text=Nachts sind alle Katzen grau.|Autor=Hund}}

Boxen und Kästen

Beispielbox

Pusteblume, Design: Charlotte Hintzmann BEISPIEL Beispieltitel

Text 


{{Beispielbox|Beispieltitel|Text}}

CardImage

DGHochN Icon Emergenz.png

Beispiel

Hier steht ein Beispieltext unterhalb des eingefügten Bildes.


{{CardImage
  |image=
  |width=250
  |link=
  |titel=
  |text=}}

CardImageOT

DGHochN Icon Emergenz.png

Hier steht eine Bildunterschrift. Diese Box hat keinen Titel eingebunden, der daher auch nicht automatisch in ein Inhaltsverzeichnis einer Seite eingebunden wird (im Vergleich zur Vorlage "CardImage").


{{CardImageOT
  |image=
  |width=250
  |link=
  |text=}}

CardSmall

Beispiel
Beispiel Unterüberschrift

Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.


{{CardSmall
  |bg-color=
  |titel=
  |subtitel=
  |text=
}}

Card-Deck (Boxen nebeneinander)

Beispiel
Beispiel Unterüberschrift

Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.


Beispiel
Beispiel Unterüberschrift

Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.


Beispiel
Beispiel Unterüberschrift

Hier steht ein Beispieltext. Die Farbwerte werden unter "bg-color" eingegeben.

Um die Boxen nebeneinander zu setzen, muss vor die erste Box folgendes gesetzt werden: 

<div class="card-deck">

und um zu schließen, hinter die letzte Box 

</div>


CardCollapse


{{Cardcollapse
  |titel=
  |text=
}}

CardHeader


{{Cardheader
  |header=
  |bg-color=
  |headalign=
  |content=
}}

ChBox

☐ 

<span style="font-size:20px">☐</span>

CheckSeg

operational Die Uni auf den Kopf stellen Schnittstellen
Um die Uni auf den Kopf zu stellen, müssen wir zuerst wissen, wo die Füße sind. Zudem sind folgende schritte auszuführen.
☐ In die Hocke gehen

☐ Die Füße greifen
☐ beherzt die Arme nach oben strecken und gleichzeitig aufstehen

Bürgermeister
Mensa
Schlüsseldienst


{{CheckSeg
|titel=Die Uni auf den Kopf stellen
|orientierung=operational
|inters1=Bürgermeister
|inters2=Mensa
|inters3=Schlüsseldienst
|freetext=Um die Uni auf den Kopf zu stellen, müssen wir zuerst wissen, wo die Füße sind. Zudem sind folgende schritte auszuführen.
|In die Hocke gehen
|Die Füße greifen
|beherzt die Arme nach oben strecken und gleichzeitig aufstehen}}

Clear

{{Clear}}

Es wird aus der Vorlage heraus nichts angezeigt. Die Vorlage verhindert den Textumfluss, ein seitliches umfließen des Textes um ein Bild oder einen Seitenbaustein. Der Effekt der Vorlage: Es geht mit dem Text einfach unterhalb eines Seitenelements weiter.

Um diese Vorlage in einen Artikel zu integrieren, musst du nur

in die entsprechende Seite eintragen.

{{Clear}} macht das selbe wie {{Clear|both}}, sie beenden das Umfließen nachfolgender Objekte um ein Objekt mit CSS-Eigenschaft, z.B. ein Bild.

{{Clear|left}} bewirkt, dass Objekte mit Eigenschaft float:left nicht mehr umflossen werden. Die ist zu benutzen, wenn rechts eine Sidebar stehen soll.

{{Clear|rechts}} bewirkt, dass Objekte mit Eigenschaft float:right nicht mehr umflossen werden.

Expander

Titel

Dieser Text soll expandiert werden 


{{Expander|Titel|Dieser Text soll expandiert werden}}

ExpanderOffen

Titel

Dieser Text soll expandiert werden 


{{ExpanderOffen|Titel|Dieser Text soll expandiert werden}}

ExpanderVar

Titel

Dieser Text soll expandiert werden 


{{ExpanderVar
|titel=Titel
|inhalt=Dieser Text soll expandiert werden}}


Hn

HOCHN 

{{Hn}}

Ideensammlung

Idee

Kurzbeschreibung

Impulsgeber:in / Ansprechpartner:in Name 
{{Ideensammlung
|Idee=Kurzbeschreibung
|Name=Name}}


Jumbotron

{{Jumbotron
  |bg-color=
  |color=
  |lead=
  |message=}}

Jumbotron Bilder

DGHochN Icon HUB.png
DGHochN Icon Geben-nehmen.png
DGHochN Icon Emergenz.png


{{Jumbotron_Bilder
  |bg-color=
  |color=
  |lead=
  |message=}}

Kasten

Überschrift

Inhalt der Box / Dein Text... 

{{Kasten
|headline-bg-color = #FFFFFF
|headline-color    = #000000
|content-bg-color  = #FFFFFF
|content-color     = #000000
|id                = Ankermöglichkeit
|headline          = Überschrift
|content           = Inhalt der Box / Dein Text...
}}

KastenTürkis

Head

Inhalt 


{{KastenTürkis|Head|Inhalt}}

LetzteÄnderungUser

Diese Seite wurde zuletzt von ClaudiaP geändert. 


{{LetzteÄnderungUser}}


NaviBox

Gesamtleitfaden

Für den Gesamtleitfaden erstellen wir Inhalte und diskutieren die Struktur 


{{NaviBox|titel=Gesamtleitfaden
|text=Für den Gesamtleitfaden erstellen wir Inhalte und diskutieren die Struktur}}

Support

Wiki-Support 

[mailto:support@hochnwiki.de {{{1|Wiki-Support}}}]

TabelleZweiFarben

Überschrift Spalte 1 Überschrift Spalte 2

Text Spalte 1

Text Spalte 2 

{{TabelleZweiFarben
|Spalte1=Überschrift Spalte 1
|Spalte2=Überschrift Spalte 2
|Text1=Text Spalte 1
|Text2=Text Spalte 2
}}

Themenspeicher

Idee

Kurzbeschreibung

Ziel

Ziel

WFI

Weiterführende Informationen

Impulsgeber:in / Ansprechpartner:in Name 
{{Themenspeicher
|text1=Kurzbeschreibung
|text2=Ziel
|text3=Weiterführende Informationen
|name=Name}}


Transform-rotate

<span style="{{Transform-rotate|Um wieviel Grad soll der Text gedreht sein?}}"> zu drehender Text </span>




Text um 270 Grad gedreht




TutorialBoX

Titeltext Beschreibung 


{{TutorialBox
| titel=Titeltext
| text=Beschreibung}}

TutorialVidBox

Titel 170px Dies ist ... 


{{TutorialVidBox
| titel=Titel
| icon=IconName.png
| video=Clip.mp4
| text=Dies ist ...
}}

WikiQuickstart

HINWEIS: Das Wichtigste für den Einstieg im Überblick: 


{{WikiQuickstart}}
Abgerufen von „https://wiki.dg-hochn.de/index.php?title=Hilfe:Vorlagen_Design&oldid=10478“
Cookies helfen uns bei der Bereitstellung von DG HochN-Wiki. Durch die Nutzung von DG HochN-Wiki erklärst du dich damit einverstanden, dass wir Cookies speichern.
Weitere Informationen
Creative Commons „Namensnennung – nicht kommerziell – Weitergabe unter gleichen Bedingungen“
Powered by MediaWiki
Powered by Semantic MediaWiki