Thread:Kirkburn/@comment-24142930-20171230172003

Hi Kirkburn, I am the founder of Street Fighter Sprites Wiki, I have asked this question on the support forums already, am currently waiting to see if it will get any replies, but I thought I would try and ask a FANDOM staff member directly as well. Would you possibly be able to guide me with some CSS? This is a class I have in Common.css .face { background: url('https://vignette.wikia.nocookie.net/street-fighter-sprites/images/8/84/Adon-SFA2-Heavy-Punch.gif/revision/latest?cb=20171224003921') no-repeat; width: 132px; height:107px; } .face:hover { background: url('https://vignette.wikia.nocookie.net/street-fighter-sprites/images/a/ab/Adon-SFA2-Heavy-Punch-Hitbox.gif/revision/latest?cb=20171230004239') no-repeat; } I then use

Hovering the mouse over the first image will replace it with a second image. This is exactly what I need, except with many many more images.

Would it be possible to create a template where I can define the images and width/height, instead of having to create a seperate css class like the one above? I do have another hover CSS class that uses a template to change image on mouseover, but it doesn't work well with GIFS that have transparent backgrounds. Or alternatively could I create custom MediaWiki CSS pages to organize these classes better?

Have a good day. 