Internet Marketing Business Forum

Elemental Silver · 08-01-2009, 11:35 AM

Just basic coding or something I think.

Two things.

First you know when you hover your mouse over a word and theres a little bubble that pops up with whatever text the person wants?
How do you do that?

And second,
How do you put multiple links on a picture?
Like this for example

---------------------------------------------
Link here l
l
Link here l
Link here l
--------------------------------------------

To different places?

Thanks so much for any help.
I'd personally like permade codes because its just for a fourm signature.

computerguy103 · 08-01-2009, 01:10 PM

The first one is easy, just use the title property, like this:

* * <a href="…" title="bubble">mouse over me</a>

If you don’t want to make a link, you can put the title attribute in a <span> tag instead.

For the second, the easiest way is to just cut the picture into strips and make each one a link. Then display them with no space between them.

There is also an image map feature, but that’s a little more complicated. You can read how to do that here:
http://www.htmlcodetutorial.com/images/images_famsupp_220.html

Keep in mind that forums don’t always allow any old sort of HTML, and there is probably a maximum length.

Beldemhein · 08-01-2009, 01:20 PM

1st question
<div title="your text here">
Content
</div>

2nd question, they either cut the picture up into different pieces and then put it in a table.

<table cellpadding="0" cellspacing="0">
<tr><td><img src="~yourpictop" /></td></tr>
<r><td><img src="~yourpicbottom" /></td></tr>
</table

or they positioned a div with the links on top of the pic.
something like this

<div style="position:absolute; top:100; left:100; height:100; width:100; background-color:blue; z-index:0;">
image
</div>
<div style="position:absolute; top:110; left:110; height:80; width:80; background-color:red; z-index:1;">
links
</div>

good luck

08-01-2009, 11:35 AM	#1 (permalink)
Elemental Silver Status: Junior Member Join Date: Aug 2009 Posts: 1	How do I do this? I think its basic HTML (premade codes would be loved)? Just basic coding or something I think. Two things. First you know when you hover your mouse over a word and theres a little bubble that pops up with whatever text the person wants? How do you do that? And second, How do you put multiple links on a picture? Like this for example --------------------------------------------- Link here l l Link here l Link here l -------------------------------------------- To different places? Thanks so much for any help. I'd personally like permade codes because its just for a fourm signature.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

08-01-2009, 01:10 PM	#2 (permalink)
computerguy103 Status: Junior Member Join Date: Aug 2009 Posts: 1	The first one is easy, just use the title property, like this: * * <a href="…" title="bubble">mouse over me</a> If you don’t want to make a link, you can put the title attribute in a <span> tag instead. For the second, the easiest way is to just cut the picture into strips and make each one a link. Then display them with no space between them. There is also an image map feature, but that’s a little more complicated. You can read how to do that here: http://www.htmlcodetutorial.com/images/images_famsupp_220.html Keep in mind that forums don’t always allow any old sort of HTML, and there is probably a maximum length.

08-01-2009, 01:20 PM	#3 (permalink)
Beldemhein Status: Junior Member Join Date: Aug 2009 Posts: 1	1st question <div title="your text here"> Content </div> 2nd question, they either cut the picture up into different pieces and then put it in a table. <table cellpadding="0" cellspacing="0"> <tr><td><img src="~yourpictop" /></td></tr> <r><td><img src="~yourpicbottom" /></td></tr> </table or they positioned a div with the links on top of the pic. something like this <div style="position:absolute; top:100; left:100; height:100; width:100; background-color:blue; z-index:0;"> image </div> <div style="position:absolute; top:110; left:110; height:80; width:80; background-color:red; z-index:1;"> links </div> good luck