How to make a hyper link...

(Be aware: the appearance of the example hyper links are different in your profile...)

Content:

LINK TO AN E-MAIL ADDRESS
LINK TO A WEBSITE
LINK TO A MUSIC FILE
* new * WHEN YOUR LINK IS NOT WORKING * new *
DIFFERENT COLOR HYPER LINK
Click << here >> to practice codes in the Tester.

 

LINK TO AN E-MAIL ADDRESS

A link (or officially a hyper link) is an activated text or image which will direct you an other web page or even to send an E-mail when a visitor click on it.

Add the following code to your profile to make a link to your E-mail:

<a href=mailto:email@address.com>Click here to send me E-mail!</a>

The text Click here to send me E-mail is the text on which the visitor can click now to send you an E-mail. You can use any text you like. To make it work completely right you have to change email@address.com into your own E-mail address.

This will look as follows in your profile:

Click here to send me E-mail!

You can also use a image in stead of the text Click here for my E-mail!.

Again you add the same code with you E-mail address. For me that would be:

<a href=mailto:email@address.com>

directly after that you have to add the code for a image by using the code <img src code:

<img src=http://home-3.worldonline.nl/~tl231984/img/mail5.gif border=0></a>

In you profile, the complete code will look like follows:

<a href=mailto:email@adres.com><img src=http://home-3.worldonline.nl/~tl231984/img/mail5.gif border=0></a>Click on the image to send me an E-mail.

(when you type the code into your profile, keep typing without using the enter key at all!! This is very important otherwise the code will not work. Using enter in a code is never allowed when you want it to work in your profile)

Be AWARE: A space has to be present between the code http:// adres and border=0, do not forget that...

The code </a> is important to close the code for the link. When you forget to use is everything you add now will be activated as a link, and this is not what we want. The code border=0 is needed to prevent that a box is displayed around the image when it is activated as a link. This box will normally be there to point out that the image is a link but u can switch that off by using border=0. I will look much nicer without, you can decide for yourself if you want that or not.

When you used the code right, the image is the only place to click for sending an E-mail!! Using the example code it will look like follows in your profile: 

Click on the image to send me an E-mail.

Searching for nice email images to use? Just click on the button ...

 

TOP


 

LINK TO A WEBSITE

works almost the same ...  assume your address of your website is: http://www.rentadabo.nl/~english, then the code in your profile will be:

<a href=http://rentadabo.nl/~english>

and directly behind that the text to click on, or the code for an image you like, a small button for example.  When you like the following in your profile: 

Click the button to go to the website of the English Rentadabo help site!!

you need to put the following code into your profile:

<a href=http://www.rentadabo.nl/~english><img src=http://home-3.worldonline.nl/~tl231984/img/knopjeblauw.gif border=0></a> Click the button to go to the website of the English Rentadabo help site!!

BE AWARE: Do not forget the space between http:// adres and border=0 ...

 

TOP


 

LINK TO A MUSIC FILE

Even this is possible!! The principle is exactly the same as the one we described for a link to a website or E-mail. Copy the address of the music file on internet and paste it into your profile. We are using the soundtrack of Startrek (Deep Space 9). The address of that file on internet is:

http://home-3.worldonline.nl/~tl231984/sounds/stds9.mid

It is better not to use a MP3 file for this, they are rather big and it will take a long time to load. Nobody will wait for that! Better to use a .mid, small .wav or .wma.

So when you want to "SEE" the following in your profile: (just click it!!)

This music is a part of a soundtrack from StarTrek...

the complete code you have to add to your profile will be:

<a href=http://home-3.worldonline.nl/~tl231984/sounds/stds9.mid>This music is a part of a soundtrack from StarTrek...</a>

You want to use the button again (or other image): (just try it)

Click on the button to hear music from StarTrek...

than this will be the complete code to add to your profile:

<a href=http://home-3.worldonline.nl/~tl231984/sounds/stds9.mid><img src=http://www.rentadabo.nl/img/knopjerood.gif border=0></a>Click on the button to hear music from StarTrek...

BE AWARE: Do not forget the space between http:// adres and border=0 ...

 

TOP


 

WHEN A LINK IS NOT WORKING!

For some not known reason your link is not working, for example your E-mail. You click at the link/image, an E-mail window appers and your E-mail address is not there or only a part of it!! This can happens sometimes. We don't know why sometimes it is working and another time it will not!! Fortunately we know an easy way to "fix" that. You have to add  target=_blank  to the code. Be aware of the exact location of this code. When it is on the wrong position, your link will not work!

When your present code is:

<a href=mailto:email@address.com>

change it into:

<a href=mailto:email@address.com target=_blank>

BE AWARE: Do not forget the space between email@address.com and target=_blank

Above solution will "fix" all other links too. Just add target=_blank to each link used in your profile. For example a link to our help page:

<a href=http://rentadabo.nl/~english target=_blank>

 

TOP


 

DIFFERENT COLOR HYPER LINK

 

The standard color blue is a disadvantage of a hyperlink. This will be a problem when your background is blue too. You are not able to see the hyperlink then. It is possible to change  the color of a hyperlink, by adding the color to the code. Following example will change the color to red:

<a style="color:red" href=http://www.rentadabo.nl/~english>Click here to go to the English Rentadabo help site.</a>

The difference is the part style="color:red" in the code. You can replace red by any other color.  Click << here >> for all other color codes.

 

TOP