Template:VideoTutorial: Difference between revisions

From RPTools Wiki
Jump to navigation Jump to search
m (Fix div)
No edit summary
Tag: Manual revert
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<noinclude>
<noinclude>
=Template Usage=
=Template Usage=
This template wraps video embed code intended for demonstration and tutorial videos.
This template wraps a YouTube video slug into a link/callout box intended for demonstration and tutorial videos. To test out this template there is a [[VideoTutorial|VideoTutorial sandbox page]].


==Example Output==
==Example Output==
<div style="display: inline-block;padding: .5rem .5rem .5rem 5rem;border: 1px solid silver;background: #fdfdfd;background-image: url(https://wiki.rptools.info/images/9/98/clapperboard.png);background-position: left center;background-size: 4rem;background-repeat: no-repeat;" class="video_tutorial">
<div style="display: inline-block;padding: 0;border: 1px solid silver;background: #fdfdfd; background-position: left center;background-size: 4rem;background-repeat: no-repeat" class="video_tutorial">
<p><strong>[https://www.youtube.com/watch?v=9rVo2Yj-xcw Tom Chapman's first MapTool tutorial]</strong><br><em>The most watched tutorial series for MapTool.</em>
<div style="float:left">[[File:clapperboard.png|48px]]</div>
</p>
<div style="float:right; padding:.5rem; .75rem .5rem 0;"><strong>[https://www.youtube.com/watch?v=9rVo2Yj-xcw Tom Chapman's first MapTool tutorial]</strong><br><em>The most watched tutorial series for MapTool.</em>
</div>
</div>
</div>


Line 18: Line 19:
=Source=
=Source=
Edit this section to view template source.
Edit this section to view template source.
</noinclude><includeonly><div style="display: inline-block;padding: .5rem .5rem .5rem 5rem;border: 1px solid silver;background: #fdfdfd;background-image: url(https://wiki.rptools.info/images/9/98/clapperboard.png);background-position: left center;background-size: 4rem;background-repeat: no-repeat;" class="video_tutorial">
</noinclude><includeonly><div style="display: inline-block;padding: 0;border: 1px solid silver;background: #fdfdfd; background-position: left center;background-size: 4rem;background-repeat: no-repeat" class="video_tutorial">
<strong>[https://www.youtube.com/watch?v={{{1}}} {{{2|Video Tutorial}}}]</strong><br><em>{{{3}}}</em>
<div style="float:left">[[File:clapperboard.png|48px]]</div>
</div>[[Category:Pages with Video Tutorials]]</includeonly><noinclude>[[Category:Templates]]</noinclude>
<div style="float:right; padding:.5rem; .75rem .5rem 0;"><strong>[https://www.youtube.com/watch?v={{{1}}} {{{2|Video Tutorial}}}]</strong><br><em>{{{3}}}</em>
</div></div>[[Category:Pages with Video Tutorials]]</includeonly><noinclude>[[Category:Templates]]</noinclude>

Latest revision as of 02:38, 15 February 2023

Template Usage

This template wraps a YouTube video slug into a link/callout box intended for demonstration and tutorial videos. To test out this template there is a VideoTutorial sandbox page.

Example Output

Tom Chapman's first MapTool tutorial
The most watched tutorial series for MapTool.

Example

{{VideoTutorial
|9rVo2Yj-xcw
|Tom Chapman's MapTool Tutorial
|The first video in the series.
}}

Source

Edit this section to view template source.