Turn a picture or text into a hyperlink

If you would like visitors to your website to be able to click on some text or on an image to bring up another web page that is relevant to yours, you can use the ‘Insert hyperlink’ button

Go to 'Change content' and make sure that you are in 'Creative mode'.

In the 'Paint box' highlight the text or image that you would like to convert into a link. Next, click on the ‘Insert hyperlink’ button. The following box will appear:




If you want to add a hyperlink to a file or image, you will need to upload them to your Mr Site web space.To do this, follow the instructions for 'Upload', found below.

Url:
Hit the ‘Browse’ button to find the web page/ file/ image stored in your Mr Site web space that you want to link to. You will be able to find your other web pages by scrolling to the bottom of the list that opens - any images, shop pages, forum pages and blog pages you want to link to are saved in the 'USERIMAGES' folder.

If you want to link to a different website or to an email address simply type it into this box.

Type: This is the type of address you are linking to. To link to another website select ‘http://’, to link to an email address select ‘mailto:’.

Target: This determines how the link behaves. Mr Site recommends that you select ‘New Window’, which means that the link will open in a new window and your website will still be open behind it.

ID: Advanced users only - if you have created cascading style sheets for your website you can give this box an ID.

CSS Class: Advanced users only - if you have created cascading style sheets for your website you can type a class into this box.

Tab index: Every element on a web page is selectable by clicking on the ‘Tab ’ key on your keyboard. Here the ‘Tab index’ is the number of times that a person has to click on the ‘Tab ’ key to get to this link. This can be used by people with disabilities (or for those without a mouse).

Access key: Type a letter here and visitors to your web page will be able to access this link by pressing this letter on their keyboard, taking their cursor directly to it. This can be used by people with disabilities (or for those without a mouse).

Colour: This allows you to specify the colour of the link.

Title: Here you can type in a description of your link. This helps your website become more accessible to people with disabilities.

Select a named anchor in the current page: This allows you to link to an ‘anchor’ on your web page.

Advanced users can also use the 'General' and 'Style Builder' tabs to apply further settings to their hyperlinks.