• 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 (Minor fix & change)
m (both images now link, fixes quick clicks while pages are loading/rendering)
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}} }} }}{{#if:{{{size|}}}|{{!}}{{{size}}}}}]]</span></includeonly><noinclude>
+
<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>
 
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.

Revision as of 14:38, 2 November 2022

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.pngEvent Banner Placeholder.png

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

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