Vorlage:TutorialVidBox: Unterschied zwischen den Versionen

Version vom 24. März 2020, 10:21 Uhr

Benutzung

Diese Vorlage ist für Tutorialseiten gedacht, in denen es Anleitungsvideos gibt. Sie enthält drei Tabellenkästen in einer Zeile. links soll der Titel stehen, rechts davon ein BildIcon als Link oder nur der Link zum Video, rechts oll eine Zusammenfassung der Inhalte stehen.

Um sie zu nutzen:

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

Zum Beispiel:

{{TutorialVidBox
| titel=Einstieg und Grundfunktionen
| icon=iconvideo.png
| video=1-Einstieg.mp4
| text=Dies ist das erste Tutorial Video. Es behandelt:
* Seiten
* Liknks
* Diskusisonseiten
}}

erzeugt (beachte: das Icon ist klickbar):

Einstieg und Grundfunktionen

Dies ist das erste Tutorial Video. Es behandelt:

Seiten
Liknks
Diskusisonseiten

Workflow

Video hochladen. Naming Convention: "VideoTitel.Extension" bspw VideoTutorialLinks.mp4
Icon für Video erstellen und hochladen (als Preview) Naming Convention: "icontitel.extension" bnspow. IconTutorialVidLinks.png
Template ausfüllen

@@ Zeile 1: / Zeile 1: @@
+<includeonly>{|
-{|
 |-
 |style="padding:20px; background-color: #FFF1DF; color:#474647"| '''{{{titel}}}'''
 |style="padding:20px; background-color: #FFF1DF; color:#474647"| [[Image:{{{icon}}}|100px|link={{filepath:{{{video}}}}}]]
 |style="padding:20px; background-color: #FFF1DF; color:#474647"| {{{text}}}
-|}
+|}</includeonly><noinclude>__NOTOC__
@@ Zeile 32: / Zeile 31: @@
 }}</nowiki>
-erzeugt (Beachte, der das Image ist klickbar):
+erzeugt (beachte: das Icon ist klickbar):
 {{TutorialVidBox
@@ Zeile 45: / Zeile 44: @@
 ==Workflow==
-# Video hochladen
+# Video hochladen. Naming Convention: "VideoTitel.Extension" bspw VideoTutorialLinks.mp4
-# Icon für Video erstellen und hochladen (als Preview) Naming Convention: "VideoTitel.Extension" bspw VideoTutorialLinks.mp4
+# Icon für Video erstellen und hochladen (als Preview) Naming Convention: "icontitel.extension" bnspow. IconTutorialVidLinks.png
 # Template ausfüllen
+</noinclude>