Jump to content

Template:Image button: Difference between revisions

From cardbot.wiki
No edit summary
No edit summary
Line 1: Line 1:
<includeonly><!--
<includeonly>
Variables
<div class="image-button-container {{#if:{{#var:label}}|has-text}}">
-->{{#vardefine:link|{{{link|}}}}}<!--
<!-- Main image with link -->
-->{{#vardefine:label|{{{label|}}}}}<!--
<div class="image {{{image-hover|hide-on-hover}}}">[[File:{{{image}}}|{{{size|330px}}}|link={{link}}|class={{{imageClass|}}} ]]</div><!--
Single container div for positioning
--><div class="image-button-container {{#if:{{#var:label}}|has-text}}"><!--
 
    Main image with link
    --><div class="image {{#if:{{{image-hover|}}}|hide-on-hover}}">{{#if:{{{image|}}}|[[File:{{#replace:{{{image|}}}|File:}}|{{{size|330px}}}|link={{#var:link}}|class={{{imageClass|}}} ]]}}</div><!--


     Hover image with same link (positioned absolutely)
     Hover image with same link (positioned absolutely)
     -->{{#if:{{{image-hover|}}}|<div class="hover-image">[[File:{{#replace:{{{image-hover|}}}|File:}}|{{{size|330px}}}|link={{#var:link}}|class={{{imageClass|}}}]]</div>}}<!--
     -->{{#if:{{{image-hover|}}}|<div class="hover-image">[[File:{{{image-hover}}}|{{{size|330px}}}|link={{{link}}}|class={{{imageClass|}}}]]</div>}}<!--


     --><div class="image-button--gloss"></div><!--
     --><div class="image-button--gloss"></div><!--


     -->{{#if:{{#var:label}}|<div class="image-button--text">[[{{#var:link}}|{{#var:label}}]]</div>}}<!--
     -->{{#if:{{{label}}}|<div class="image-button--text">[[{{{link}}}|{{{label}}}]]</div>}}<!--


--></div></includeonly><!--
--></div></includeonly><!--

Revision as of 19:45, 15 April 2026