• 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
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><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:0px;">[[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>
">[[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.

Revision as of 09:30, 27 May 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}}

Event Banner Placeholder.pngEvent Banner Placeholder.png



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

Summer 2013 Event Banner.jpgSouthern Waters Assault Reconnaissance!

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

Summer 2013 Event Banner.jpgSouthern Waters Assault Reconnaissance!



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

Fall 2020 Event Banner EO.pngEscort! Fleet Transport Operation

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

Fall 2020 Event Banner EO.pngEscort! Fleet Transport Operation



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

Spring 2013 Event Banner.jpgBreak into the Enemy Anchorage!

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

Spring 2013 Event Banner.jpgBreak into the Enemy Anchorage!