• 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 (both images now link, fixes quick clicks while pages are loading/rendering)
(New placeholders + rng)
Line 1: Line 1:
−
<includeonly><span style="display:inline;"><span style="position:absolute;" class=fadein>[[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| {{{1|}}} }}} }}} }}]]</span>[[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}} }} }}|link={{{link|{{#ifeq:{{{1|}}}||Events|{{{1|}}}}} }}}{{#if:{{{size|}}}| {{!}}{{{size}}} }}]]</span></includeonly><noinclude>
+
<includeonly>{{#vardefine:ebf_ph| {{#if:{{{incoming|}}}{{{ph|}}}{{#ifeq:{{{File1|}}}{{{File2|}}}||{{#ifeq:{{{1|}}}||true|}}|}}|{{#if:{{{ph|}}}|{{{ph}}}| {{#vardefine:rng_roll|{{Random number|101}}}} {{#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>
 
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 36: 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)
 +
{| class="wikitable"
 +
|-
 +
!#!!credit!!example!!Main Image!!Hover Image!!test
 +
|-
 +
|1||'''[[User:Rambern4|Rambern4]]'''
 +
|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]]'''
 +
|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]]'''
 +
|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'''
 +
|style="text-align:center;"|{{ {{PAGENAME}}|size=400px|ph=4}}
 +
|[[File:Event Banner Placeholder 4.png|400px]]||N/A
 +
|}
  
 
<noinclude>
 
<noinclude>

Revision as of 17:03, 19 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 2 Alt.pngEvent Banner Placeholder 2.png 

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

Incoming 2099 EventEvent Banner Placeholder 2.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)

# credit example Main Image Hover Image test
1 Rambern4 Event Banner Placeholder 1.pngEvent Banner Placeholder 1.png Event Banner Placeholder 1.png N/A
2 Ben_5917
assistance: Grunilg 		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 		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 Event Banner Placeholder 4.pngEvent Banner Placeholder 4.png Event Banner Placeholder 4.png N/A


Retrieved from "https://en.kancollewiki.net/w/index.php?title=Template:Event_Banner_Fade&oldid=157113"