Zum Inhalt springen

Vorlage:Tutorials/Mockup

aus AufEinWort, der freien Forschung
Dies ist eine alte Version dieser Seite, zuletzt bearbeitet am 25. September 2026 um 11:17 Uhr durch Nikolaos (Diskussion | Beiträge) (AZ: Die Seite wurde neu angelegt: <noinclude>{{SeitenordnungWP.de | Obereinordnung1 = ∆MW-Verwaltung }}</noinclude> <onlyinclude>{{#ifeq:{{{only|}}}|end||<div class="tutorial-mockup" style="border: 1px #DDD solid;box-shadow: inset.1em .2em .6em rgba(0,0,0,.2);border-radius: .2em;font-size: .9em;color: #00008B;background: #FFFFFF;padding: 0;margin: 1.2em 0;max-width:100%; max-height:66vh;overflow: auto;{{{styles|}}}"><div style="pa…). Sie kann sich erheblich von der aktuellen Version unterscheiden.
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

Diese Vorlage dient dazu Abschnitte auf Hilfe- und Tutorialseiten u.ä. zu kennzeichnen, die ein Mock-up oder einen Screenshot einer Nutzeroberfläche enthalten.

Parameter

only
Der Wert start sorgt dafür, dass nur der Anfangsbereich der Vorlage ausgegeben wird. Der Inhalt des Abschnittes kann dann einfach druntergeschrieben werden, muss dann aber eigenständig mit end abgeschlossen werden. Der Parameter content darf in diesem Fall nicht gesetzt sein.
Der Wert end schließt einen mit start geöffneten Abschnitt. Keine weiteren Parameter nötig.
styles
Inline-Styles für den äußeren Container (überschreiben ggf. die Stile der Vorlage)
inner-styles
Inline-Styles für den inneren Container (überschreiben ggf. die Stile der Vorlage)

Beispiele

Einfachste Version

{{Tutorials/Mockup|content=Der Inhalt des MockUps}}

Der Inhalt des Mockups

Separate Start und End-Vorlagen

{{Tutorials/Mockup|only=start}}
Der Inhalt des Mockups
{{Tutorials/Mockup|only=end}}

Der Inhalt des Mockups

Schachteln mit styles (Schatteneffekt)

Außeninhalt 1

Inhalt 2

Inhalt 3

Inhalt 4

Schachteln mit inner-styles (kein Schatteneffekt)

Außeninhalt 1

Inhalt 2

Inhalt 3

Inhalt 4

Siehe auch