Template for overlapping image

Ar-cen-ciel·2/20/2017 in Technical Advice & Coding Help

I needed a template that allows me to overlap an icon over another like this. This one is an impromptu preview, but I couldn't add styles into the icons...

Also, I'm planning to have a switch-case template for the character IDs. Should I put them into a regular template or Lua modules? (I have no experience whatsoever for the latter...)

(Edited by Ar-cen-ciel)

AdorableDarling·2/20/2017

For the overlapping icons, add the following on CSS of wiki:

.overlapicon {
 	position: absolute;
	padding-top: 3px;
	padding-left: 3px;
}

To bring it to use, add the icon image you want to overlap on another one within

<span class="overlapicon"></span>

. As an instance, like this:

<span class="overlapicon">[[File:Class 303.png]]</span>[[File:Icon 100090 01.png]]

(Edited by AdorableDarling)

What do you think?