What does it for you?

[Hamish Gill]

Hah! Nice ... He's looking pretty nifty there eh?
Good work!
How did you do it in te end?

 

[Brian Moore]

I took some time to actually read through my options about adding widgets. (Like I always say,...when all else fails, read the instructions Spotted an option to "add your own". Plugged your HTML code into the drop down box that gave me and that was that. Except, it kept the a white rectangle which stood out uncomfortably for me so I removed that portion of the code, and then I removed the text because I felt it was maybe a bit too much of an invitation to leave my blog.

May I make a suggestion, Hamish? How about if Hugo were coded such that when you clicked on him he opens up the linked site in a new browser window? This way the original site would stay and the viewer could then opt to leave permanently or not. As it is now, I believe Hugo moves you out of the site you find him on and into a new one on the same browser.

 

[Hamish Gill]

The code I gave you should do that already
Paste the code as you have edited it back here and I'll take a look ...

 

[Brian Moore]

My mistake, Hamish. When I checked it real quick the other day I didn't realize you already did with the code what I suggested. (The tabs in Mozilla Firefox confused me.) Actually Hugo does indeed open a new browser window. Sorry about that Hamish!

 

[Hamish Gill]

No worries, for reference, if your interested(?) it's this bit that makes it happen

target="_blank"

Anyway, would a darker box and different text suit better?
Or are you happy as is with it?

 

[Brian Moore]

I'm OK with Hugo as is if you are. However, what is it called when you roll your cursor over an image and text appears on the image momentarily? It is "alt text?" Anyway, I'm sure you know what I mean. Well, Hugo doesn't do that. Instead, when I roll my cursor over him I get the RPF URL in the bottom left corner of my screen. I'm ok with that. But, if you wanted to put some alt text actually on Hugo I'm ok with that too.

 

[Hamish Gill]

hmmm, how odd... the alt text is there in the code, but it doesnt work ...
Maybe blogger doesnt allow it ...
how would you feel about just putting it as a bit of text next to it?

 

[Brian Moore]

That would be fine, Hamish. What do you suggest?

 

[Hamish Gill]

<div style= "height:72px">
	
        <div style="float:right; margin: 5px 0px 0px 0px">

		<a href="http://www.realphotographersforum.com/" target="_blank"><img src="http://www.realphotographersforum.com/downloads/dont-exist.png" alt="Hugo Hare Here"/></a>
	
        </div>
	
	<div style="float: right; margin: 40px 5px 0px 0px">
	        <p>Hugo Hare Here    </p>
	
        </div>

</div>

maybe just "Hugo Hare Here"?
Ive left the alt tag in case it works in other browsers????

 

[Brian Moore]

Ok, Hamish. I've changed it.

 

[Oliver Lee-Haswell]

<div style= "height:72px">
	
        <div style="float:right; margin: 5px 0px 0px 0px">

		<a href="http://www.realphotographersforum.com/" target="_blank"><img src="http://www.realphotographersforum.com/downloads/dont-exist.png" alt="Hugo Hare Here" [COLOR="red"]title="WHAT YOU WANT TO SEE WHEN HOVER"[/COLOR]/></img></a>
	
        </div>
	
	<div style="float: right; margin: 40px 5px 0px 0px">
	        <p>Hugo Hare Here    </p>
	
        </div>

</div>

maybe just "Hugo Hare Here"?
Ive left the alt tag in case it works in other browsers????

i have altered the code for you so that you can have some text show when the curser hovers over the image, this should work across all browsers.

the "alt" tag shows if no image loaded up from the server/image is missing from the server.

i highlighted the code in red so you can see what i changed.

hope it helps

Oliver

PS: you can also make the text part of the link as well :

<div style="float: right; margin: 40px 5px 0px 0px">
	        <p><a href="http://www.realphotographersforum.com/" target="_blank">Hugo Hare Here</p></a>
	
</div>

or if you really want you can span the entire div to make that the link (although more code jiggling required)

<div style="float:right; margin: 5px 0px 0px 0px">

		<a href="http://www.realphotographersforum.com/" target="_blank">Hugo Hare Here &nbsp;&nbsp;&nbsp;<img src="http://www.realphotographersforum.com/downloads/dont-exist.png" alt="Hugo Hare Here" [COLOR="red"]title="WHAT YOU WANT TO SEE WHEN HOVER"[/COLOR]/></img></a>
	
</div>

 

[Brian Moore]

Oliver,...check it and see if it's doing what you intended please.

http://myglass-i.blogspot.com/

 

[Oliver Lee-Haswell]

Oliver,...check it and see if it's doing what you intended please.

http://myglass-i.blogspot.com/

yup thats working fine, just change the text "WHAT YOU WANT TO SEE HERE WHEN HOVER" to what ever text you would like.

 

[Brian Moore]

DOH!

Thanks.

 

[Oliver Lee-Haswell]

DOH!

Thanks.

checked and all fine with "Take me to the Real Photographers Forum" as the hover text

 

[Hamish Gill]

Nice one Oliver!