vBulletin

Thank you for visiting. This is our website archive. Please visit our main website by clicking the banner above.
vBulletin FAQ is dedicated to helping the forum owner build, manage and profit from his vBulletin Forum
vBulletin Web Hosting - Free skins and styles for your vBulletin - Search Engine Optimization




Hover Link, Show Image

RC Attacker
07-04-2007, 07:23 PM
Is it possible to hover a link and then show an image below it?

Here is an example:

http://forum.teamxbox.com/showthread.php?p=904566#post904566

Where it says "tag" in his info on the left, click Shockwave. Then you will see that image. Do you guys know how to do that? I found the way they did it but it isn't possible for me to use that because theirs is some weird thing involving their database like this:

<div style="padding: 1px 0px 1px 0px"></div>
<div class="postbitfields" id="gamercard_904566">
Tag: <a href="http://xboxlive.teamxbox.com" title="Click to view Shockwave's GamerCard"><b>Shockwave</b></a>

<script type="text/javascript"> vbmenu_register("gamercard_904566", true); </script>
</div>

Also, do you guys know how I could display that same image (if I can't do that^^^^^^) next to the join date, posts, and location? Like, I know how, using the image wrap

<img src="url.png" align="left">

but then the join date, posts, and location goes off the page (to the right.)

Thanks

Gadabout
07-06-2007, 10:12 AM
he's just using the built in vbulletin dhtml menus

Here's the two key pieces of code to achieve this.


<div id="gamercard_$post[postid]">
Tag: <a href="http://xboxlive.teamxbox.com" title="Click to view Shockwave's GamerCard"><b>Shockwave</b></a>
<script type="text/javascript"> vbmenu_register("gamercard_$post[postid]", true); </script>
</div>


Above is the code for making the link in the posbit. I left the original code in there for an example


<div id="gamercard_$post[postid]_menu" style="display:none">
Put your popup data in here
</div>


Above is the physical popup that you get when you click on the shockwave link.

Once you have the link integrated into your postbit, you can paste the second bit of code either at the very top or bottom of the postbit and enter your goodies that you want displayed. Try not to embed it in any other HMTL tags because the style="disaply:none" can cause issues.

browie
07-06-2007, 05:48 PM
Cool stuff, I wonder how I could use that.


vBulletin

seo book

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum