Template:StorySlider: Difference between revisions
Jump to navigation
Jump to search
Pianoforte (talk | contribs) No edit summary |
Pianoforte (talk | contribs) No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
<includeonly><div class="jcarousel-wrapper" style="max-width:1280px;width:auto;height:auto;margin-left:auto;margin-right:auto;overflow-x:hidden"><div class="jcarousel jcarousel-stopslide" data-animation="0"><div class="jcarousel-list">{{{list|}}}<div class="jcarousel-item">[[image:BG_black.png|link=]]<div style="font-size: | <includeonly><div class="jcarousel-wrapper" style="max-width:1280px;width:auto;height:auto;margin-left:auto;margin-right:auto;overflow-x:hidden"><div class="jcarousel jcarousel-stopslide" data-animation="0"><div class="jcarousel-list">{{{list|}}}<div class="jcarousel-item">[[image:BG_black.png|link=]]<div style="font-size:4.0em;top:0;bottom:0;left:0;right:0;display:flex;position:absolute;align-items:center;justify-content: center;">END</div></div></div> | ||
<span class="jcarousel-control-prev">[[file:Icon_banner_arrow_left.png|link=#|50px]]</span> | <span class="jcarousel-control-prev">[[file:Icon_banner_arrow_left.png|link=#|50px]]</span> | ||
<span class="jcarousel-control-next">[[file:Icon_banner_arrow_right.png|link=#|50px]]</span> | <span class="jcarousel-control-next">[[file:Icon_banner_arrow_right.png|link=#|50px]]</span> | ||
</div></div><BR><div class="jcarousel-pagination" style="width:100%;max-width:1280px;margin-left:auto;margin-right:auto;position:inherit;background-color:rgba(0,0,0,0.4);padding:0.5em;box-sizing: border-box"></div></includeonly> | </div></div><BR><div class="jcarousel-pagination" style="width:100%;max-width:1280px;margin-left:auto;margin-right:auto;position:inherit;background-color:rgba(0,0,0,0.4);padding:0.5em;box-sizing: border-box"></div></includeonly> | ||
<noinclude>{{Documentation}}</noinclude> | <noinclude>{{Documentation}}</noinclude> |
Latest revision as of 17:13, 19 April 2017
This template is used for a slider made out of thumbnails.
Usage[edit]
Please remove the parameters that are left blank.
{{ThumbSlider|list= {{p| content1 }} {{p| content2 }} {{p| content3 }} ... }}
Parameter list[edit]
list -
For every slide, start a new line and put<div class="jcarousel-item">SLIDECONTENTHERE</div>
, substituting SLIDECONTENTHERE for the content in that page.- content include:
- A background image: such as
[[image:BG research.jpg|link=]]
. Check here for background images. If you cannot find an image please visit the discord channel. - Character sprites: Use Template:StorySprite to make a character sprite appear. You may use multiple character sprites.
- Dialogue box: use Template:StoryDialogue to make a dialogue box appear.
- A background image: such as
- content include:
- An example would be:
- {{p|
- [[image:BG_indoorfighting.jpg|link=]]{{StorySprite|M16A1.png|0%|15%|effect=darken}}{{StorySprite|M4A1_D.png|30%|15%}}{{StoryDialogue|M4A1|Phew... M16, what's the situation outside? AR-15 and others, are they still--}}
- }}
- Which adds BG_indoorfighting.jpg image, M16A1.png at 0% x-pos and 15% y-pos darkened, M4A1_D.png, and a dialogue box for M4A1 asking the situation outside.
- T-Doll sprite image names are same as their own page name, with _D and _1 _2 _3 etc for the variations.
- An example would be:
Notes[edit]
The above documentation is transcluded from Template:StorySlider/doc. (edit | history) Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages. Please add categories to the /doc subpage. Subpages of this template. |