Registration has been disabled and the moderation extension has been turned off.
Contact an admin on Discord or EDF if you want an account. Also fuck bots.

Template:Videoframe: Difference between revisions

From Encyclopedia Dramatica
Jump to navigation Jump to search
imported>Ld3105
workaround using MediaWiki's gallery slideshow elements
imported>MarioMario456
making this template look good on mobile
 
(25 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<includeonly><gallery mode="slideshow" style="display: none;"></gallery>
<includeonly><div class="cyclesequence" style="max-width:640px; margin-left:auto; margin-right:auto; text-align:center; {{{2|}}}" ><!--
<ul class="gallery mw-gallery-slideshow" style="margin: 0 auto; width: {{{width|570px}}}; {{{2|}}}">
-->{{#if:{{{4|}}}|<div class="cyclesequenceitem" align="center">{{{4}}}</div>|}}<!--
{{#if:{{{4|}}}|<li class="gallerybox"><div class="gallerytext">{{{4}}}</div></li>|}}<!--
-->{{#if:{{{5|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{5}}}</div>|}}<!--
-->{{#if:{{{5|}}}|<li class="gallerybox"><div class="gallerytext">{{{5}}}</div></li>|}}<!--
-->{{#if:{{{6|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{6}}}</div>|}}<!--
-->{{#if:{{{6|}}}|<li class="gallerybox"><div class="gallerytext">{{{6}}}</div></li>|}}<!--
-->{{#if:{{{7|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{7}}}</div>|}}<!--
-->{{#if:{{{7|}}}|<li class="gallerybox"><div class="gallerytext">{{{7}}}</div></li>|}}<!--
-->{{#if:{{{8|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{8}}}</div>|}}<!--
-->{{#if:{{{8|}}}|<li class="gallerybox"><div class="gallerytext">{{{8}}}</div></li>|}}<!--
-->{{#if:{{{9|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{9}}}</div>|}}<!--
-->{{#if:{{{9|}}}|<li class="gallerybox"><div class="gallerytext">{{{9}}}</div></li>|}}<!--
-->{{#if:{{{10|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{10}}}</div>|}}<!--
-->{{#if:{{{10|}}}|<li class="gallerybox"><div class="gallerytext">{{{10}}}</div></li>|}}<!--
-->{{#if:{{{11|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{11}}}</div>|}}<!--
-->{{#if:{{{11|}}}|<li class="gallerybox"><div class="gallerytext">{{{11}}}</div></li>|}}<!--
-->{{#if:{{{12|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{12}}}</div>|}}<!--
-->{{#if:{{{12|}}}|<li class="gallerybox"><div class="gallerytext">{{{12}}}</div></li>|}}<!--
-->{{#if:{{{13|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{13}}}</div>|}}<!--
-->{{#if:{{{13|}}}|<li class="gallerybox"><div class="gallerytext">{{{13}}}</div></li>|}}
--><div class="cyclesequencelinks"><p><span class="cyclesequencelinkprev showhidetext" style="{{{3}}}">Previous Video</span> &#124; <span class="cyclesequencelinknext showhidetext" style="{{{3}}}">Next Video</span></p></div><!--
</ul></includeonly><noinclude>
--></div></includeonly><noinclude>
Lets you create a frame with multiple videos and switch between them by using the "Previous" and "Next" buttons.
Lets you create a frame with multiple videos and switch between them by using the "Previous" and "Next" buttons.


Line 24: Line 24:
==Examples==
==Examples==
  <nowiki>{{videoframe|BOTDFvids|background-color: #FF6666;|font-weight: bold;
  <nowiki>{{videoframe|BOTDFvids|background-color: #FF6666;|font-weight: bold;
|<youtube>tCLBntJznsM</youtube><center>'''[[Dying Alone|Believe]]'''</center>
|<youtube>tCLBntJznsM</youtube>'''[[Dying Alone|Believe]]'''
|<youtube>JVIwEGQiFUI</youtube><center>'''[[Hello Kitty|I <3 Hello Kitty]]'''</center>
|<youtube>JVIwEGQiFUI</youtube>'''[[Hello Kitty|I <3 Hello Kitty]]'''
|<youtube>u9i-cphEtAM</youtube><center>'''[[Sexting]]'''</center>
|<youtube>u9i-cphEtAM</youtube>'''[[Sexting]]'''
|<youtube>M2iDkf1SAWY</youtube><center>'''[[Blowjob|Scream For My Ice Cream]]'''</center>
|<youtube>M2iDkf1SAWY</youtube>'''[[Blowjob|Scream For My Ice Cream]]'''
|<youtube>JbB51XglEuc</youtube><center>'''[[Almost Rape|Bitches Get Stitches]]'''</center>}}</nowiki>
|<youtube>JbB51XglEuc</youtube>'''[[Almost Rape|Bitches Get Stitches]]'''}}</nowiki>
produces:
produces:
{{videoframe|BOTDFvids|background-color: #FF6666;|font-weight: bold;|<youtube>tCLBntJznsM</youtube><center>'''[[Dying Alone|Believe]]'''</center>|<youtube>JVIwEGQiFUI</youtube><center>'''[[Hello Kitty|I <3 Hello Kitty]]'''</center>|<youtube>u9i-cphEtAM</youtube><center>'''[[Sexting]]'''</center>|<youtube>M2iDkf1SAWY</youtube><center>'''[[Blowjob|Scream For My Ice Cream]]'''</center>|<youtube>JbB51XglEuc</youtube><center>'''[[Almost Rape|Bitches Get Stitches]]'''</center>}}
{{videoframe|BOTDFvids|background-color: #FF6666;|font-weight: bold;|<youtube>tCLBntJznsM</youtube>'''[[Dying Alone|Believe]]'''|<youtube>JVIwEGQiFUI</youtube>'''[[Hello Kitty|I <3 Hello Kitty]]'''|<youtube>u9i-cphEtAM</youtube>'''[[Sexting]]'''|<youtube>M2iDkf1SAWY</youtube>'''[[Blowjob|Scream For My Ice Cream]]'''|<youtube>JbB51XglEuc</youtube>'''[[Almost Rape|Bitches Get Stitches]]'''}}


===Rounded centered video frame===
===Rounded centered video frame===
  <nowiki>{| style="margin: 0 auto"
  <nowiki>{| style="margin: 0 auto"
|{{frame|{{videoframe|RYTP|background-color: #FF4000;|font-weight: bold;
|{{frame|{{videoframe|RYTP|background-color: #FF4000;|font-weight: bold;
|<youtube>LyM1UGD8sqM</youtube><br /><center>'''5 words that will change your life forever'''</center>
|<youtube>LyM1UGD8sqM</youtube><br />'''5 words that will change your life forever'''
|<youtube>yBgnPMYHMTc</youtube><br /><center>'''I like the part where he said "PINGAS"'''</center>
|<youtube>yBgnPMYHMTc</youtube><br />'''I like the part where he said "PINGAS"'''
|<youtube>23pXoyKBHd4</youtube><br /><center>'''The [[YouTube Poop]] that started it all'''</center>
|<youtube>23pXoyKBHd4</youtube><br />'''The [[YouTube Poop]] that started it all'''
|<youtube>2_EwDlDr-FM</youtube><br /><center>'''[[Sauce]] part 1'''</center>
|<youtube>2_EwDlDr-FM</youtube><br />'''[[Sauce]] part 1'''
|<youtube>d7gAtP6jhRs</youtube><br /><center>'''Sauce part 2'''</center>
|<youtube>d7gAtP6jhRs</youtube><br />'''Sauce part 2'''
|<youtube>1QAQHxRo71g</youtube><br /><center>'''Eggman goes back to his roots.'''</center>}}|border=#FF4000|background=#FF4000}}
|<youtube>1QAQHxRo71g</youtube><br />'''Eggman goes back to his roots.'''}}|border=#FF4000|background=#FF4000}}
|}</nowiki>
|}</nowiki>
produces:
produces:
{| style="margin: 0 auto"
{| style="margin: 0 auto"
|{{frame|{{videoframe|RYTP|background-color: #FF4000;|font-weight: bold;|<youtube>LyM1UGD8sqM</youtube><br /><center>'''5 words that will change your life forever'''</center>|<youtube>yBgnPMYHMTc</youtube><br /><center>'''I like the part where he said "PINGAS"'''</center>|<youtube>23pXoyKBHd4</youtube><br /><center>'''The [[YouTube Poop]] that started it all'''</center>|<youtube>2_EwDlDr-FM</youtube><br /><center>'''[[Sauce]] part 1'''</center>|<youtube>d7gAtP6jhRs</youtube><br /><center>'''Sauce part 2'''</center>|<youtube>1QAQHxRo71g</youtube><br /><center>'''Eggman goes back to his roots.'''</center>}}|border=#FF4400|background=#FF4400}}
|{{frame|{{videoframe|RYTP|background-color: #FF4000;|font-weight: bold;|<youtube>LyM1UGD8sqM</youtube><br />'''5 words that will change your life forever'''|<youtube>yBgnPMYHMTc</youtube><br />'''I like the part where he said "PINGAS"'''|<youtube>23pXoyKBHd4</youtube><br />'''The [[YouTube Poop]] that started it all'''|<youtube>2_EwDlDr-FM</youtube><br />'''[[Sauce]] part 1'''|<youtube>d7gAtP6jhRs</youtube><br />'''Sauce part 2'''|<youtube>1QAQHxRo71g</youtube><br />'''Eggman goes back to his roots.'''}}|border=#FF4400|background=#FF4400}}
|}
|}
[[Category:Formatting Templates|{{PAGENAME}}]]</noinclude>
[[Category:Formatting Templates|{{PAGENAME}}]]</noinclude>

Latest revision as of 21:21, 14 July 2022

Lets you create a frame with multiple videos and switch between them by using the "Previous" and "Next" buttons.

Syntax

{{ videoframe | name | style | button styles | first youtube link | second one | etc. (max. 10 links) }}
  1. name - gives the frame a unique name, e.g. OBAMAvids1, OBAMAvids2 (you can't use the same name twice on one page)
  2. style - changes the frame style, e.g. background-color:red. See here for more.
  3. button styles - changes the font of prev/next buttons, e.g. font-size:125%. See here for more.
  4. youtube link - ID of a YouTube video enclosed in <youtube> tags, after ?v=

Note: remember to remove all whitespaces (except for the ones in links) and put everything in one long line, otherwise it might get broken.

Examples

{{videoframe|BOTDFvids|background-color: #FF6666;|font-weight: bold;
|<youtube>tCLBntJznsM</youtube>'''[[Dying Alone|Believe]]'''
|<youtube>JVIwEGQiFUI</youtube>'''[[Hello Kitty|I <3 Hello Kitty]]'''
|<youtube>u9i-cphEtAM</youtube>'''[[Sexting]]'''
|<youtube>M2iDkf1SAWY</youtube>'''[[Blowjob|Scream For My Ice Cream]]'''
|<youtube>JbB51XglEuc</youtube>'''[[Almost Rape|Bitches Get Stitches]]'''}}

produces:

Rounded centered video frame

{| style="margin: 0 auto"
|{{frame|{{videoframe|RYTP|background-color: #FF4000;|font-weight: bold;
|<youtube>LyM1UGD8sqM</youtube><br />'''5 words that will change your life forever'''
|<youtube>yBgnPMYHMTc</youtube><br />'''I like the part where he said "PINGAS"'''
|<youtube>23pXoyKBHd4</youtube><br />'''The [[YouTube Poop]] that started it all'''
|<youtube>2_EwDlDr-FM</youtube><br />'''[[Sauce]] part 1'''
|<youtube>d7gAtP6jhRs</youtube><br />'''Sauce part 2'''
|<youtube>1QAQHxRo71g</youtube><br />'''Eggman goes back to his roots.'''}}|border=#FF4000|background=#FF4000}}
|}

produces:


5 words that will change your life forever


I like the part where he said "PINGAS"


The YouTube Poop that started it all


Sauce part 1


Sauce part 2


Eggman goes back to his roots.