Creating Image Links

To create Image Links (Images that you click to open a new page. Also known as "Buttons" and "Banners") using the MrSite Editor click on the image in question, then click on the "insert link" icon in the MrSite Editor. Type the address of the webpage you are linking to in the popup box that appears (eg type www.mrsite.com to link to the Mr Site website), or link to a page or image from your own website by selecting it from the drop down list provided.

Alternatively, if you would like to use HTML to create your image link


<a href="mypage.html" title="Title of my Web Page">
 
<img src="http://www.yoursite.com/USERIMAGES/imagetitle.jpg" alt="Title of My Image" width="100" height="100"/>
 
</a>

This will create an image link that will open in the same window.

On the first line you will need to replace the text in Red with the page you would like to link and replace the text in Green with the title of the page you are linking to. This text will show up when a visitor hovers over your link.

To change the image you would like to use change the text in Red on the second line to the name of the image file. This can be either a JPG or a GIF. You can change the text in Green to the title of your image. This will be the text that appears if, for some reason, the image is unabled to be displayed.

The numbers in Bold will need to be replaced by the dimensions of the image in Pixels.

If you would like the image link to open in a new window use this code instead


<a href="mypage.html" title="Title of my Web Page" target="_blank">
 
<img src="http://www.yoursite.com/USERIMAGES/imagetitle.jpg" alt="Title of My Image" width="100" height="100"/>
 
</a>

This is particularly useful when linking to external sites because your visitors will not leave your site to get to it.


Mr Site Takeaway Website. Build a professional website in minutes.
 

© 2007 AboutMrSite.com | Created at www.1and1.co.uk