Template:Photoframe: Difference between revisions

Latest revision as of 21:51, 18 July 2022

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

Syntax

{{ Photoframe | name | style | button styles | first photo link | second one | etc. (max. 10 links) }}

name - gives the frame a unique name, e.g. .wilnudes, .tabsnudes (you can't use the same name twice on one page)
style - changes the frame style, e.g. background-color:red. See here for more.
button styles - changes the font of prev/next buttons, e.g. font-size:125%. See here for more.
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.

Previous Image | Next Image

@@ Line 1: / Line 1: @@
-<includeonly><span class="morphMaster" id="{{{1}}}Master"></span>
+<includeonly><div class="cyclesequence" style="margin-left:auto; margin-right:auto; text-align:center; {{{2|}}}" ><!--
+-->{{#if:{{{4|}}}|<div class="cyclesequenceitem" align="center">{{{4}}}</div>|}}<!--
+-->{{#if:{{{5|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{5}}}</div>|}}<!--
+-->{{#if:{{{6|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{6}}}</div>|}}<!--
+-->{{#if:{{{7|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{7}}}</div>|}}<!--
+-->{{#if:{{{8|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{8}}}</div>|}}<!--
+-->{{#if:{{{9|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{9}}}</div>|}}<!--
+-->{{#if:{{{10|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{10}}}</div>|}}<!--
+-->{{#if:{{{11|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{11}}}</div>|}}<!--
+-->{{#if:{{{12|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{12}}}</div>|}}<!--
+-->{{#if:{{{13|}}}|<div class="cyclesequenceitem hiddentext" align="center">{{{13}}}</div>|}}<!--
+--><div class="cyclesequencelinks"><p><span class="cyclesequencelinkprev showhidetext" style="{{{3}}}">Previous Image</span> &#124; <span class="cyclesequencelinknext showhidetext" style="{{{3}}}">Next Image</span></p></div><!--
+--></div></includeonly><noinclude>
+Lets you create a frame with multiple photos and switch between them by using the "Previous" and "Next" buttons.
-<table style="{{{2}}}">
+==Syntax==
-<tr>
+ '''<nowiki>{{ Photoframe | name | style | button styles | first photo link | second one | etc. (max. 10 links) }}</nowiki>'''
-<td><span class="nodlimageframe">{{ #if:{{{4|}}} | <span id="{{{1}}}Content1">{{{4}}}</span> |}}{{ #if:{{{5|}}} | <span id="{{{1}}}Content2">{{{5}}}</span> |}}{{ #if:{{{6|}}} | <span id="{{{1}}}Content3">{{{6}}}</span> |}}{{ #if:{{{7|}}} | <span id="{{{1}}}Content4">{{{7}}}</span> |}}{{ #if:{{{8|}}} | <span id="{{{1}}}Content5">{{{8}}}</span> |}}{{ #if:{{{9|}}} | <span id="{{{1}}}Content6">{{{9}}}</span> |}}{{ #if:{{{10|}}} | <span id="{{{1}}}Content7">{{{10}}}</span> |}}{{ #if:{{{11|}}} | <span id="{{{1}}}Content8">{{{11}}}</span> |}}{{ #if:{{{12|}}} | <span id="{{{1}}}Content9">{{{12}}}</span> |}}{{ #if:{{{13|}}} | <span id="{{{1}}}Content10">{{{13}}}</span> |}}</span></td>
+#'''name''' - gives the frame a unique name, e.g. '''.wilnudes''', '''.tabsnudes''' (you can't use the same name twice on one page)
-</tr>
+#'''style''' - changes the frame style, e.g. '''background-color:red'''. See [http://www.w3schools.com/css/css_table.asp here] for more.
-<tr>
+#'''button styles''' - changes the font of prev/next buttons, e.g. '''font-size:125%'''. See [http://www.w3schools.com/css/css_font.asp here] for more.
-<td style="text-align: center;">
+#'''youtube link''' - ID of a YouTube video enclosed in <nowiki><youtube></nowiki> tags, after ''?v=''
-<span id="{{{1}}}LinkPrev" style="{{{3}}}">Previous Image</span>&nbsp;&nbsp;|&nbsp;&nbsp;<span id="{{{1}}}LinkNext" style="{{{3}}}">Next Image</span>
+'''''Note''''': remember to remove all whitespaces (except for the ones in links) and put everything in one long line, otherwise it might get broken.
-</td>
-</tr>
-</table></includeonly>
-<noinclude>
-See [[Template:Videoframe]] for usage information since this is the exact same template.
+{{photoframe|RYTP|background-color: #FF4000;|font-weight: bold;|[[File:EDLogoV1.png]]|[[File:EDLogoV2.png]]}}
-[[Category:Formatting Templates|{{PAGENAME}}]]</noinclude>

Template:Photoframe: Difference between revisions

Latest revision as of 21:51, 18 July 2022

Syntax

Navigation menu

Search