[Archived] Hiding images around Forum for Easter

What is my question?: I want to know if it is possible to insert little easter eggs around the forum that have to be hovered over to show up! Like an easter egg hunt (: I have the images I wish to use, this is just one of them:

[img]

*Note* All images are the same width and height as the egg above!

Your Forum Address: http://live-the-worldwide.foroactivo.com/
Forum Version: PunBB

You may use this:

Code:

[panda=html]<div style="position:absolute; left:20px; top:50px; width:100px; height:100px;" onmouseover="document.getElementById('image1').style.visibility='visible'">
  <img id="image1" name="image1" src="image1.jpg" style="visibility:hidden;">
</div>

*Change [ic]src="image1.jpg"[/ic] with a link of desired image.

Thanks shadow! But... where should I put this in the forum? It is not in BBC code, are you sure it shouldn't go in the CSS stylesheet?

Thanks!

Maybe use the [ic]:hover:before[/ic] hack.

Code:

a.rightHeaderLink:hover:before { background: url(http://i56.servimg.com/u/f56/18/43/01/09/abey_e11.png) no-repeat; background-size: 17px 22px; font-size: 16px; letter-spacing: 9px; margin: 0px!important; cursor: context-menu; content: "x"; color: transparent!important;}

That code puts an egg on the login, register, and notification tags, you can change it to [ic]a[href="+link here+"]:hover:before[/ic]or [ic]a[href^="/u +usernumber+"]:hover:before[/ic] so if that link is hovered, the egg will show on the left side. Hope this helps.

[aviso="Thread Archived"]Original poster seems to be inactive and didn't respond within 7 days in this thread. Because of this, the topic has been Archived.

If you have further questions, please open a new topic.[/aviso]