helialprofile.png
Welcome to IOPWiki, Commander. You can contribute to this wiki without an account. Learn how to contribute and join our Discord server.

Difference between revisions of "Template:mainpage/Sandbox"

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
Line 3: Line 3:
 
<div class="mainpage">
 
<div class="mainpage">
 
<div class="leftcol">
 
<div class="leftcol">
−
{{Slider|id=banner-cn|width=800px;border: rgb(150,150,150);border-width: 0.25em;border-style: solid;box-shadow: 0px 0px 10px #000;opacity:0;|height=198px|align=|list=
+
<div id="banner-blank" class="jcarousel-item" style="max-width:800px;max-height:198px;width:auto;height:auto; border: rgb(150,150,150);border-width: 0.25em;border-style: solid;box-shadow: 0px 0px 10px #000">[[image:BANNER_Blank.png]]</div>
 +
{{Slider|id=banner-cn|class=banners|list=
 
{{#if:{{{CN_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner1_caption|}}}}}</div>}}
 
{{#if:{{{CN_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner1_caption|}}}}}</div>}}
 
{{#if:{{{CN_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner2_caption|}}}}}</div>}}
 
{{#if:{{{CN_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner2_caption|}}}}}</div>}}
Line 13: Line 14:
 
{{#if:{{{CN_banner8_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner8_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner8_caption|}}}}}</div>}}
 
{{#if:{{{CN_banner8_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner8_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner8_caption|}}}}}</div>}}
 
}}
 
}}
−
{{Slider|id=banner-kr|width=800px;border: rgb(150,150,150);border-width: 0.25em;border-style: solid;box-shadow: 0px 0px 10px #000;display:none|height=198px|align=|list=
+
{{Slider|id=banner-kr|class=banners|list=
 
{{#if:{{{KR_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner1_caption|}}}}}</div>}}
 
{{#if:{{{KR_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner1_caption|}}}}}</div>}}
 
{{#if:{{{KR_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner2_caption|}}}}}</div>}}
 
{{#if:{{{KR_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner2_caption|}}}}}</div>}}
Line 23: Line 24:
 
{{#if:{{{KR_banner8_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner8_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner8_caption|}}}}}</div>}}
 
{{#if:{{{KR_banner8_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner8_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner8_caption|}}}}}</div>}}
 
}}
 
}}
−
{{Slider|id=banner-tw|width=800px;border: rgb(150,150,150);border-width: 0.25em;border-style: solid;box-shadow: 0px 0px 10px #000;display:none|height=198px|align=|list=
+
{{Slider|id=banner-tw|class=banners|list=
 
{{#if:{{{TW_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner1_caption|}}}}}</div>}}
 
{{#if:{{{TW_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner1_caption|}}}}}</div>}}
 
{{#if:{{{TW_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner2_caption|}}}}}</div>}}
 
{{#if:{{{TW_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner2_caption|}}}}}</div>}}
Line 33: Line 34:
 
{{#if:{{{TW_banner8_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner8_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner8_caption|}}}}}</div>}}
 
{{#if:{{{TW_banner8_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner8_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner8_caption|}}}}}</div>}}
 
}}
 
}}
−
{{Slider|id=banner-jp|width=800px;border: rgb(150,150,150);border-width: 0.25em;border-style: solid;box-shadow: 0px 0px 10px #000;display:none|height=198px|align=|list=
+
{{Slider|id=banner-jp|class=banners|list=
 
{{#if:{{{JP_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner1_caption|}}}}}</div>}}
 
{{#if:{{{JP_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner1_caption|}}}}}</div>}}
 
{{#if:{{{JP_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner2_caption|}}}}}</div>}}
 
{{#if:{{{JP_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner2_caption|}}}}}</div>}}
Line 110: Line 111:
 
<div class="rightcol">
 
<div class="rightcol">
 
<div id="timerwidgets" style="max-width:395px;float:left;height:auto">
 
<div id="timerwidgets" style="max-width:395px;float:left;height:auto">
 +
<div id="update-blank" class="jcarousel-item updates {{#if:{{{CN_maintenanceStart_time|}}}|button-glow}}" style="display:block">[[file:Blank.png|link=|395x395px]]</div>
 
<div id="update-cn" class="jcarousel-item updates {{#if:{{{CN_maintenanceStart_time|}}}|button-glow}}">
 
<div id="update-cn" class="jcarousel-item updates {{#if:{{{CN_maintenanceStart_time|}}}|button-glow}}">
 
{{OverlayCaption|100%|{{#if:{{{CN_maintenanceStart_time|}}}|{{CountDown|maintenanceStart|{{{CN_maintenanceStart_time|}}} +0800|<br>until [[{{{CN_maintenanceStart_link|}}}|the next maintenance]]|<br>since [[{{{CN_maintenanceStart_link|}}}|the maintenance began]]}}|Time until the next maintenance:<BR>TBA}}}}
 
{{OverlayCaption|100%|{{#if:{{{CN_maintenanceStart_time|}}}|{{CountDown|maintenanceStart|{{{CN_maintenanceStart_time|}}} +0800|<br>until [[{{{CN_maintenanceStart_link|}}}|the next maintenance]]|<br>since [[{{{CN_maintenanceStart_link|}}}|the maintenance began]]}}|Time until the next maintenance:<BR>TBA}}}}
Line 122: Line 124:
 
{{OverlayCaption|100%|{{#if:{{{JP_maintenanceStart_time|}}}|{{CountDown|maintenanceStart|{{{JP_maintenanceStart_time|}}} +0800|<br>until [[{{{JP_maintenanceStart_link|}}}|the next maintenance]]|<br>since [[{{{JP_maintenanceStart_link|}}}|the maintenance began]]}}|Time until the next maintenance:<BR>TBA}}}}
 
{{OverlayCaption|100%|{{#if:{{{JP_maintenanceStart_time|}}}|{{CountDown|maintenanceStart|{{{JP_maintenanceStart_time|}}} +0800|<br>until [[{{{JP_maintenanceStart_link|}}}|the next maintenance]]|<br>since [[{{{JP_maintenanceStart_link|}}}|the maintenance began]]}}|Time until the next maintenance:<BR>TBA}}}}
 
{{OverlayCaption|100%|{{CountDown|maintenanceEnd|{{{JP_maintenanceEnd_time|}}} +0800|<br>until [[{{{JP_maintenanceEnd_link|}}}|the end of maintenance]]|<br>since [[{{{JP_maintenanceEnd_link|}}}|the last maintenance]]}}|top}}[[file:Blank.png|link={{{JP_maintenance1_link|}}}|395x395px]]</div>
 
{{OverlayCaption|100%|{{CountDown|maintenanceEnd|{{{JP_maintenanceEnd_time|}}} +0800|<br>until [[{{{JP_maintenanceEnd_link|}}}|the end of maintenance]]|<br>since [[{{{JP_maintenanceEnd_link|}}}|the last maintenance]]}}|top}}[[file:Blank.png|link={{{JP_maintenance1_link|}}}|395x395px]]</div>
 +
<div id="prmotion-blank" class="jcarousel-item promotions" style="visibility:visible;position:inherit">[[File:Promotion_timer.png|20px|left|link=]][[file:Promotion_Blank.png|395px]]</div>
 
{{PromotionSlider|id=promotion-cn|noarrow=1|list=
 
{{PromotionSlider|id=promotion-cn|noarrow=1|list=
 
{{#if:{{{CN_promotion1_image|}}}{{{CN_promotion1_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_promotion1_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|CN_promotion1|{{{CN_promotion1_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{CN_promotion1_caption|}}}}}</div>}}
 
{{#if:{{{CN_promotion1_image|}}}{{{CN_promotion1_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_promotion1_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|CN_promotion1|{{{CN_promotion1_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{CN_promotion1_caption|}}}}}</div>}}

Revision as of 08:16, 12 January 2018

Documentation icon Template documentation[create]

Example

Blank.png
Blank.png
Time until the next maintenance:
TBA
Blank.png
Time until the next maintenance:
TBA
Blank.png
Time until the next maintenance:
TBA
Blank.png
Promotion timer.png
Promotion Blank.png
Promotion timer.png
Promotion Blank.png
Operation Gingerbread Men Collecting, fight normal chapter bosses for Gingerbread men!
Promotion timer.png
Promotion Blank.png
Daily Discount Package available (limited to 1 purchase per day).

Promotion timer.png
Promotion Blank.png
Girls & the Sea Procurement event now in progress.
Promotion timer.png
Promotion Blank.png
New costume packages now available.
Promotion timer.png
Promotion Blank.png
Summer Carnival Special Operation from July 1st 0:00 ~ July 21st 23:59
Promotion timer.png
Promotion Blank.png
Daily Discount Package available in the cash shop (limited to 1 per day).

awefewaoifjweaofiwea

About Girls' Frontline

Developed by Mica Team, Girls' Frontline is a mobile Tactical SLG for Android and iOS where the player takes the role of a newly recruited commander in a Private Military Company named Grifon&Kryuger and completes various tasks by commanding highly advanced androids known as Tactical Dolls.

This wiki provides detailed information and tutorials in English for players that cannot read Chinese.



Retrieved from "http://iopwiki.com/index.php?title=Template:mainpage/Sandbox&oldid=32220"