Results 1 to 3 of 3

Thread: Hover Link, Show Image

  1. #1
    Experienced vBulletin User RC Attacker's Avatar
    Join Date
    Sep 2006
    Posts
    203

    Hover Link, Show Image

    Is it possible to hover a link and then show an image below it?

    Here is an example:

    http://forum.teamxbox.com/showthread...566#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:

    Code:
    <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

    Code:
    <img src="url.png" align="left">
    but then the join date, posts, and location goes off the page (to the right.)

    Thanks

  2. #2
    Intermediate vBulletin User Gadabout's Avatar
    Join Date
    Jan 2005
    Posts
    62
    he's just using the built in vbulletin dhtml menus

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

    Code:
    <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

    Code:
    <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.

  3. #3
    New to vBFAQ
    Join Date
    Feb 2007
    Posts
    24
    Cool stuff, I wonder how I could use that.

Similar Threads

  1. Help Change my forum to show up at main link, not forums..
    By DJ24 in forum Setting up and Customizing your Forum
    Replies: 2
    Last Post: 04-23-2009, 06:24 AM
  2. How do I show an image ?
    By 2010 in forum vBulletin Graphics Discussions and Requests
    Replies: 7
    Last Post: 01-02-2008, 08:31 AM
  3. Link from an image
    By wenchupover in forum vBulletin Discussion and Questions
    Replies: 7
    Last Post: 04-02-2007, 05:05 PM
  4. Link Exchange with Tv show or Entertainment
    By temyong in forum Link Building and Development
    Replies: 0
    Last Post: 03-23-2007, 08:56 PM
  5. Show Your Posts Link
    By Buffaloed in forum Hack Discussion and Requests
    Replies: 4
    Last Post: 07-30-2005, 06:21 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •