Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 03-15-2009, 05:40 AM
setishock setishock is offline
 
Join Date: Feb 2008
Location: Houma, La.
Posts: 1,177
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Making a mouseover image a clickable link

Resolved
And I thought I'd come back and share what I found to make it work like I wanted it to.

The code below is from CoolText.com. It's to make a mouseover button. You put your images where you can find them and mod the path to suite. This got me on the way to figuring out how to make some eye candy buttons.
Code:
<img src="cooltext416064551.png" 
onmouseover="this.src='cooltext416064551MouseOver.png';" 
onmouseout="this.src='cooltext416064551.png';" />
Where I wanted to park it was not cooperating. It finally dawned on me to park the code between some div tags. It's parked in the footer code just after the phrase for the time. It wound up in the lower left corner and that's cool with me for now. I have replaced parts of the link with garbage to keep snoops from linking to this once it's done.
Code:
<div><img src="http://animeappeal.com/yadda/images/blah/od1/cv-a.png" 
onmouseover="this.src='http://animeappeal.com/yadda/images/blah/od1/cv-b.png';"
onmouseout="this.src='http://animeappeal.com/yadda/images/blah/od1/cv-a.png';" /></div>
What I'm wanting to do is make the second image (the mouseover image) a clickable image with an embedded link. The end goal is to have them as affiliate buttons and/or page jumpers. But getting the embedded link to work is putting the kabosh on it for now. The part I have working is here> http://animeappeal.com/forums/index.php
It's in the Traumatic Tinkering theme at the bottom left.

Any ideas?

--------------- Added [DATE]1237111408[/DATE] at [TIME]1237111408[/TIME] ---------------

Code:
<div><img src="http://animeappeal.com/yadda/images/blah/od1/cv-a.png" 
onmouseover="this.src='http://animeappeal.com/yadda/images/blah/od1/cv-b.png';"
onmouseout="this.src='http://animeappeal.com/yadda/images/blah/od1/cv-a.png';" /></div>
Amazing what you find on Google when you word it just right. In another forum a OP was asking to do something like I wanted to do, just worded differently. A responce from another was besides being amusing, almost spot on.
Code:
<input type="button" value="Click Me Baby One More Time" onClick="location.href='http://www.britneyspears.com'">
I didn't need the button part since I have my own. From onclick back was what I needed. I pasted that part to the code under the onmouseover line and it went right to the BS site.
I fixed the url to point to where I wanted to go and it works like a charm.
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 03:56 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05075 seconds
  • Memory Usage 2,164KB
  • Queries Executed 13 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (4)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)post_thanks_box
  • (1)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit_info
  • (1)postbit
  • (1)postbit_onlinestatus
  • (1)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete