https://wiki-de.moshellshocker.dns64.de/index.php?action=history&feed=atom&title=Vorlage%3ATutorials%2FMockup 2026-05-31T09:56:31Z Versionsgeschichte dieser Seite in Wikipedia (Deutsch) – Lokale Kopie MediaWiki 1.43.8 https://wiki-de.moshellshocker.dns64.de/index.php?title=Vorlage:Tutorials/Mockup&diff=2930356&oldid=prev 2025-09-15T15:12:37Z

<p></p> <p><b>Neue Seite</b></p><div>&lt;onlyinclude&gt;{{#ifeq:{{{only|}}}|end||&lt;div class=&quot;tutorial-mockup&quot; style=&quot;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|}}}&quot;&gt;&lt;div style=&quot;padding:1em;{{{inner-styles|}}}&quot;&gt;<br /> {{{content|}}} }}<br /> {{#ifeq:{{{only|}}}|start||&lt;/div&gt;&lt;/div&gt;}}&lt;/onlyinclude&gt;<br /> <br /> {{Dokumentation/ruler}}<br /> Diese Vorlage dient dazu Abschnitte auf Hilfe- und Tutorialseiten u.ä. zu kennzeichnen, die ein [[Mock-up]]&lt;!-- irgendwie ein verwirrender Link [[Mock-up#Softwareentwicklung]] oder [[Mock-Objekt]] ?--&gt; oder einen Screenshot einer Nutzeroberfläche enthalten.&lt;!-- ich verstehe nicht einmal den ersten Satz hier „Screenshot einer Nutzeroberfläche“?--&gt;<br /> <br /> == Parameter ==<br /> &lt;!--<br /> ; content<br /> : Inhalt, der innerhalb dieses Rahmens angezeigt werden soll. --&gt;<br /> ; only<br /> : Der Wert &lt;code&gt;start&lt;/code&gt; 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 &lt;code&gt;end&lt;/code&gt; abgeschlossen werden. Der Parameter &lt;code&gt;content&lt;/code&gt;&lt;!-- welcher Parameter content?--&gt; darf in diesem Fall nicht gesetzt sein.<br /> : Der Wert &lt;code&gt;end&lt;/code&gt; schließt einen mit &lt;code&gt;start&lt;/code&gt; geöffneten Abschnitt. Keine weiteren Parameter nötig.<br /> ; styles<br /> : Inline-Styles für den äußeren Container (überschreiben ggf. die Stile der Vorlage)<br /> ; inner-styles&lt;!-- man sollte den Parameter schon korrekt bezeichnen, wenn man den verwenden können soll--&gt;<br /> : Inline-Styles für den inneren Container (überschreiben ggf. die Stile der Vorlage)<br /> <br /> == Beispiele ==<br /> <br /> === Einfachste Version ===<br /> &lt;pre&gt;<br /> {{Tutorials/Mockup|content=Der Inhalt des MockUps}}<br /> &lt;/pre&gt;<br /> {{Tutorials/Mockup|content=Der Inhalt des Mockups}}<br /> <br /> === Separate Start und End-Vorlagen ===<br /> &lt;pre&gt;<br /> {{Tutorials/Mockup|only=start}}<br /> Der Inhalt des Mockups<br /> {{Tutorials/Mockup|only=end}}<br /> &lt;/pre&gt;<br /> {{Tutorials/Mockup|only=start}}<br /> Der Inhalt des Mockups<br /> {{Tutorials/Mockup|only=end}}<br /> <br /> === Schachteln mit styles (Schatteneffekt) ===<br /> {{Tutorials/Mockup|content= Außeninhalt 1<br /> {{Tutorials/Mockup|content=Inhalt 2 |styles=background:#ABCDEF; color:#0000FF}}<br /> {{Tutorials/Mockup|content=Inhalt 3 |styles=background:#FEDCBA; color:#FF0000}}<br /> {{Tutorials/Mockup|content=Inhalt 4 |styles=background:#{{Hilfe/style|bg}}; color:#008000}}<br /> |styles=background:#FAFAD2;<br /> }}<br /> <br /> === Schachteln mit inner-styles (kein Schatteneffekt) ===<br /> {{Tutorials/Mockup|content= Außeninhalt 1<br /> {{Tutorials/Mockup|content=Inhalt 2 |inner-styles=background:#ABCDEF; color:#0000FF}}<br /> {{Tutorials/Mockup|content=Inhalt 3 |inner-styles=background:#FEDCBA; color:#FF0000}}<br /> {{Tutorials/Mockup|content=Inhalt 4 |inner-styles=background:#{{Hilfe/style|bg}}; color:#008000}}<br /> |inner-styles=background:#FAFAD2;<br /> }}<br /> <br /> == Siehe auch ==<br /> * [[Vorlage:Tutorials]]<br /> <br /> [[Kategorie:Vorlage:Formatierungshilfe nicht für Artikel]]</div>

imported>Hanzlan