Solution Finder/Text/HTML Editor

How Do I Make an Image a Link?

Nancy Koch
posted this on August 02, 2010 02:29 pm

When you are in a HTML / Text module you can make an image a link by following the steps below:

There are two different text editors. This tutorial will walk you through both versions.

Click "Edit Text" or "Edit Content"

001.jpg

 Version 1 Text Editor

Place your cursor where you want your image to be located within your HTML/Text Module and then click on the "Add/Edit Image" icon.

002.jpg

 

When your Image Properties box comes up, click "Browse Server".

 

003.jpg

 

Select your "Images" folder.

004.jpg

 

If the image you want to is not located in that folder but instead is on your computer,

1) Click "Browse"

2) Navigate to the image you want to upload when the new window pops up.

3) Highlight the image and it will populate the name box,

4) then click "open".

5) Click "Upload New File".

6) Select your image once it is uploaded to the Images folder.

005.jpg

Once you select your image, your "Image Properties" box will appear again with the image you selected in the "preview" window.

1) Adjust your width and height if applicable.

2) Click the "Link" tab.

3) Click "Browse Server"

4) Choose your Link type. (URL, Page, or File). Once you choose your link type, type in your URL or use the pull down menu to select the page or file to link to.

5) Click "Use Selected Link".

6) Use the pull down menu at the "Target" and select "New Window".

7) Click "ok'.

 

006.jpg

 

  

 

 Your image is now a link.

007.jpg

 

Version 2 Text Editor

 

 im001.jpg

im002.jpg

 

In the left hand side, navigate to the images folder. The right side will display the images in the folder.

 

im003.jpg

 

1) Navigate to the editors image folder.

2) Click on the image.

3) Click "Ok".

NOTE:

If the image needs to be uploaded:

1) Click "upload file".

2) Click "browse".

3) Navigate to the image, select it and select "open".

4) You will see the path in the box, Click "Upload Now".

im004.jpg

 

You will be taken back to the Image Properties.

im005.jpg

 

Click on the Link tab.

1) If you want to link to a URL, type in the address, if you want to link a file or page, click Browse Server to open the browser-modus. If you want to link a file, click the File Link tab, select the folder where the file is, highlight the file and click ok. If you want to link to a page, click the Page Link tab, select the page and click ok.

2) Use the pull down tab and select "new window".

3) Click "Ok".

im006.jpg

 

 
Topic is closed for comments