- 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"
Jump to navigation
Jump to search
((Files renamed, template now works) now supports File:Event_Banner_Placeholder.png.) |
|||
Line 1: | Line 1: | ||
− | <includeonly><span style="position:relative;display:inline;">[[File:{{#if:{{{File1|}}}|{{{File1|}}}|{{{1|}}} Banner{{#if:{{{suffix|}}}| {{{suffix|}}}|}}.{{#ifeq:{{{jpg|}}}|true|jpg|png}} }}{{#if:{{{size|}}}|{{!}}{{{size}}}}}]]<span style="position:absolute;right:0px; | + | <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|}}}| {{{suffix|}}}|}}.{{#ifeq:{{{jpg|}}}|true|jpg|png}} }} }}{{#if:{{{size|}}}|{{!}}{{{size}}}}}]]<span style="position:absolute;right:0px; |
− | ">[[File:{{#if:{{{File2|}}}|{{{File2|}}}|{{{1|}}} Banner{{#if:{{{suffix|}}}| {{{suffix|}}}|}} Alt.{{#ifeq:{{{jpg|}}}|true|jpg|png}} }}|link={{{link|{{{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|}}}| {{{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> |
+ | {{ {{PAGENAME}}|size=400px}} | ||
+ | <pre>{{Event Banner Fade|Incoming 2099 Event|incoming=true|size=400px}}</pre> | ||
+ | {{ {{PAGENAME}}|Incoming 2099 Event|incoming=true|size=400px}} | ||
+ | |||
+ | |||
+ | <hr> | ||
<pre>{{Event Banner Fade|Summer 2013 Event|jpg=true|caption=Southern Waters Assault Reconnaissance!|size=400px}}</pre> | <pre>{{Event Banner Fade|Summer 2013 Event|jpg=true|caption=Southern Waters Assault Reconnaissance!|size=400px}}</pre> |
Revision as of 07:33, 26 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 Fade|Incoming 2099 Event|incoming=true|size=400px}}
{{Event Banner Fade|Summer 2013 Event|jpg=true|caption=Southern Waters Assault Reconnaissance!|size=400px}}
{{Event Banner Fade|Summer 2013 Event|jpg=true|caption=Southern Waters Assault Reconnaissance!}}
{{Event Banner Fade|Fall 2020 Event|suffix=EO|caption=Escort! Fleet Transport Operation|size=400px}}
{{Event Banner Fade|Fall 2020 Event|suffix=EO|caption=Escort! Fleet Transport Operation}}
{{Event Banner Fade|File1=2013SpringEventBanner.jpg|File2=2013SpringEventBannerAlt.jpg|size=400px|link=Spring 2013 Event}}
{{Event Banner Fade|File1=2013SpringEventBanner.jpg|File2=2013SpringEventBannerAlt.jpg|link=Spring 2013 Event}}