Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Archived] Hiding images around Forum for Easter



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  KeiferLTW

avatar
Newbie
Newbie
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

Powered by PunBB
Currently 0 users have thanked KeiferLTW for this post:

2
Offline

  Shadow

avatar
Administrator
Administrator
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.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

3
Offline

  KeiferLTW

avatar
Newbie
Newbie
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!

Powered by PunBB
Currently 0 users have thanked KeiferLTW for this post:

4
Offline

  Random Troll

avatar
Punbb Rookie
Punbb Rookie
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.

Powered by PunBB
Currently 0 users have thanked Random Troll for this post:

5
Offline

  Shadow

avatar
Administrator
Administrator
[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]

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

6
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum