• Welcome to the Kancolle Wiki!
  • If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord

Difference between revisions of "Template:Event Banner Fade"

From Kancolle Wiki
Jump to navigation Jump to search
m (bugfix + doc)
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<includeonly><span style="position:relative;display:inline;">[[File:{{#if:{{{incoming|}}}{{#ifeq:{{{File1|}}}{{{File2|}}}||{{#ifeq:{{{1|}}}||true|}}|}}|Event Banner Placeholder.png| {{#if:{{{File1|}}}|{{{File1|}}}|{{{1|}}} Banner{{#if:{{{suffix|}}}|&nbsp;{{{suffix|}}}|}}.{{#ifeq:{{{jpg|}}}|true|jpg|png}} }} }}{{#if:{{{size|}}}|{{!}}{{{size}}}}}]]<span style="position:absolute;right:0%;bottom:-43px;
+
<includeonly>{{#vardefine:ebf_ph| {{#if:{{{incoming|}}}{{{ph|}}}{{#ifeq:{{{File1|}}}{{{File2|}}}||{{#ifeq:{{{1|}}}||true|}}|}}|{{#if:{{{ph|}}}|{{{ph}}}| {{#vardefine:rng_roll|{{#expr:{{Random number|101}}+1}}}} {{#ifeq:{{#var:rng_roll}}|101|4|{{#ifexpr: {{#var:rng_roll}} > 90 |3|{{#ifexpr: {{#var:rng_roll}} > 50 |2|1}}}}}} }} |false}} }}<span style="display:inline;"><span style="position:absolute;" class=fadein>[[File:{{#ifeq:{{#var:ebf_ph}}|false| {{#if:{{{File2|}}}|{{{File2|}}}|{{{1|}}} Banner{{#if:{{{suffix|}}}|&nbsp;{{{suffix|}}}|}} Alt.{{#ifeq:{{{jpg|}}}|true|jpg|png}} }}|Event Banner Placeholder {{#var:ebf_ph}} Alt.png }}|link={{{link|{{#ifeq:{{{1|}}}||Events|{{{1|}}}}} }}}{{#if:{{{size|}}}| {{!}}{{{size}}} }}{{#if:{{{caption| {{{link| {{{1|}}} }}} }}}|{{!}}{{{caption|{{{link| {{{1|}}} }}} }}} }}]]</span>[[File:{{#ifeq:{{#var:ebf_ph}}|false| {{#if:{{{File1|}}}|{{{File1|}}}|{{{1|}}} Banner{{#if:{{{suffix|}}}|&nbsp;{{{suffix|}}}|}}.{{#ifeq:{{{jpg|}}}|true|jpg|png}} }} | Event Banner Placeholder {{#var:ebf_ph}}.png }}|link={{{link|{{#ifeq:{{{1|}}}||Events|{{{1|}}}}} }}}{{#if:{{{size|}}}| {{!}}{{{size}}} }}]]</span></includeonly><noinclude>
">[[File:{{#if:{{{incoming|}}}{{#ifeq:{{{File1|}}}{{{File2|}}}||{{#ifeq:{{{1|}}}||true|}}|}}|Event Banner Placeholder.png| {{#if:{{{File2|}}}|{{{File2|}}}|{{{1|}}} Banner{{#if:{{{suffix|}}}|&nbsp;{{{suffix|}}}|}} Alt.{{#ifeq:{{{jpg|}}}|true|jpg|png}} }} }}|link={{{link|{{#ifeq:{{{1|}}}||Events|{{{1|}}}}} }}}{{#if:{{{size|}}}| {{!}}{{{size}}} }}{{#if:{{{caption| {{{link| {{{1|}}} }}} }}}|{{!}}{{{caption|{{{link|}}} }}} }}|class=fadein]]</span></span></includeonly><noinclude>
 
 
A template for event banners to change image on-hover using the <code>.fadein</code> css, without having to make a new class every time.
 
A template for event banners to change image on-hover using the <code>.fadein</code> css, without having to make a new class every time.
 
<br>Also allows for other new options, like changing the banner size.
 
<br>Also allows for other new options, like changing the banner size.
 
  
 
<pre>{{Event Banner Fade|size=400px}}</pre>
 
<pre>{{Event Banner Fade|size=400px}}</pre>
Line 37: Line 35:
 
<pre>{{Event Banner Fade|File1=2013SpringEventBanner.jpg|File2=2013SpringEventBannerAlt.jpg|link=Spring 2013 Event}}</pre>
 
<pre>{{Event Banner Fade|File1=2013SpringEventBanner.jpg|File2=2013SpringEventBannerAlt.jpg|link=Spring 2013 Event}}</pre>
 
{{ {{PAGENAME}}|File1=2013SpringEventBanner.jpg|File2=2013SpringEventBannerAlt.jpg|caption=Break into the Enemy Anchorage!|link=Spring 2013 Event}}
 
{{ {{PAGENAME}}|File1=2013SpringEventBanner.jpg|File2=2013SpringEventBannerAlt.jpg|caption=Break into the Enemy Anchorage!|link=Spring 2013 Event}}
 +
 +
==Placeholders==
 +
If not specified, one is chosen at random (at different weights) each hard refresh (page edit/purge).
 +
{| class="wikitable"
 +
|-
 +
!#!!credit!!% to<br>appear!!example!!Main Image!!Hover Image!!test
 +
|-
 +
|1||'''[[User:Rambern4|Rambern4]]'''||50/101
 +
|style="text-align:center;"|{{ {{PAGENAME}}|size=400px|ph=1}}
 +
|[[File:Event Banner Placeholder 1.png|400px]]||N/A
 +
|-
 +
|2||'''Ben_5917'''<br>''assistance:'' '''[[User:Grunilg|Grunilg]]'''||40/101
 +
|style="text-align:center;"|{{ {{PAGENAME}}|size=400px|ph=2}}
 +
|[[File:Event Banner Placeholder 2.png|400px]]||[[File:Event Banner Placeholder 2 Alt.png|400px]]
 +
|-
 +
|3||'''Ben_5917'''<br>''assistance:'' '''[[User:Grunilg|Grunilg]]'''||10/101
 +
|style="text-align:center;"|{{ {{PAGENAME}}|size=400px|ph=3}}
 +
|(redirects to #2)<br>[[File:Event Banner Placeholder 3.png|400px]]||[[File:Event Banner Placeholder 3 Alt.png|400px]]
 +
|-
 +
|4||'''Ben_5917'''||1/101
 +
|style="text-align:center;"|{{ {{PAGENAME}}|size=400px|ph=4}}
 +
|[[File:Event Banner Placeholder 4.png|400px]]||N/A
 +
|}
  
 
<noinclude>
 
<noinclude>

Latest revision as of 09:16, 21 July 2023

A template for event banners to change image on-hover using the .fadein css, without having to make a new class every time.
Also allows for other new options, like changing the banner size.

{{Event Banner Fade|size=400px}}

Event Banner Placeholder 1.pngEvent Banner Placeholder 1.png

{{Event Banner Fade|Incoming 2099 Event|incoming=true|size=400px}}

Incoming 2099 EventEvent Banner Placeholder 1.png



{{Event Banner Fade|Summer 2013 Event|jpg=true|caption=Southern Waters Assault Reconnaissance!|size=400px}}

Southern Waters Assault Reconnaissance!Summer 2013 Event Banner.jpg

{{Event Banner Fade|Summer 2013 Event|jpg=true|caption=Southern Waters Assault Reconnaissance!}}

Southern Waters Assault Reconnaissance!Summer 2013 Event Banner.jpg



{{Event Banner Fade|Fall 2020 Event|suffix=EO|caption=Escort! Fleet Transport Operation|size=400px}}

Escort! Fleet Transport OperationFall 2020 Event Banner EO.png

{{Event Banner Fade|Fall 2020 Event|suffix=EO|caption=Escort! Fleet Transport Operation}}

Escort! Fleet Transport OperationFall 2020 Event Banner EO.png



{{Event Banner Fade|File1=2013SpringEventBanner.jpg|File2=2013SpringEventBannerAlt.jpg|size=400px|link=Spring 2013 Event}}

Break into the Enemy Anchorage!Spring 2013 Event Banner.jpg

{{Event Banner Fade|File1=2013SpringEventBanner.jpg|File2=2013SpringEventBannerAlt.jpg|link=Spring 2013 Event}}

Break into the Enemy Anchorage!Spring 2013 Event Banner.jpg

Placeholders

If not specified, one is chosen at random (at different weights) each hard refresh (page edit/purge).

# credit % to
appear
example Main Image Hover Image test
1 Rambern4 50/101 Event Banner Placeholder 1.pngEvent Banner Placeholder 1.png Event Banner Placeholder 1.png N/A
2 Ben_5917
assistance: Grunilg
40/101 Event Banner Placeholder 2 Alt.pngEvent Banner Placeholder 2.png Event Banner Placeholder 2.png Event Banner Placeholder 2 Alt.png
3 Ben_5917
assistance: Grunilg
10/101 Event Banner Placeholder 3 Alt.pngEvent Banner Placeholder 2.png (redirects to #2)
Event Banner Placeholder 2.png
Event Banner Placeholder 3 Alt.png
4 Ben_5917 1/101 Event Banner Placeholder 4.pngEvent Banner Placeholder 4.png Event Banner Placeholder 4.png N/A