Welcome to IOPWiki, Commander.
We are searching for new editors to keep track of Girls' Frontline 2 content, as well as veteran players to complete the data of Girls' Frontline and Project Neural Cloud characters.
You can contribute without an account. Learn how to contribute and join our Discord server.

Template:StorySlider: Difference between revisions

Welcome to IOP Wiki. This website is maintained by the Girls' Frontline community and is free to edit by anyone.
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:2.0em;top:0;bottom:0;left:0;right:0;display:display:flex;align-items:center;justify-content: center;">END</div></div></div>
<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

Documentation icon Template documentation[view] [edit] [history] [purge]

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:
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.

Notes[edit]