Newest KB Articles in Links

Linking Text, Images and Documents

Tue, 09 Mar 2010 21:09:16 GMT

Decide where you would like to create the link for your Text or Image on your website. Please note that there are additional steps required to link a Document, as outlined in the "Instructions" section below.

Possible areas are:

On a specific page on your website.
In a particular region on your website / template (such as the Header area).
In the Header or Footer area of a specific page on your website.

Specific Page:

Click on "Pages" from the menu on the left in your COOLSite Admin and then click on the corresponding icon under the "Edit" column, next to the page in where you would like to create the link.

Particular Template Region (Header, Footer, etc...):

Click on "Configure Layout" > "Configure Layout" from the menu on the left in your COOLSite Admin and then click into the appropriate region where you would like to create the link.

Header / Footer on a Specific Page:

Click on "Pages" from the menu on the left in your COOLSite Admin and then click on the corresponding icon under the “Header/Footer” column, next to the page where you would like to create the link. A pop-up window will appear with two editor boxes (Header and Footer) and you will need to click into the appropriate editor box.

Instructions:

Linking Text

To create new Links, highlight any text in the editor, and then click on the "Link" icon on the editor toolbar. This icon is located on the second row of icons.
To edit existing Links, highlight the link and then click on the "Link" icon on the editor toolbar. This icon is located on the second row of icons.
The "Link" window will now pop-up and you will need to enter the URL that you wish to link to, into the "URL" box. Optionally, you can also specify how you would like the link to open (ie: in the Same Window, a New Window, or a Pop-Up Window), by clicking on the "Target" tab at the top and selecting "New Window (_blank)", "Same Window (_self)" or "<popup window>" from the select list.

Note: If you select the option for "<popup window>", you will also need to complete the attributes for "Popup Name", "Width", "Height", "Left Position" and "Top Position".
Click "OK" at the bottom and then click on the "Process Page Update" / "Apply to Site Now" / "Save" button below the editor box, to save your changes.

Linking Images (ie: Photos or Social Media Icons)

Left-click on the image within the editor box and then click on the "Link" icon on the editor toolbar. This icon is located on the second row of icons.
The "Link" window will now pop-up and you will need to enter the URL that you wish to link to, into the "URL" box. Optionally, you can also specify how you would like the link to open (ie: in the Same Window, a New Window, or a Pop-Up Window), by clicking on the "Target" tab at the top and selecting "New Window (_blank)", "Same Window (_self)" or "<popup window>" from the select list.

Note: If you select the option for "<popup window>", you will also need to complete the attributes for "Popup Name", "Width", "Height", "Left Position" and "Top Position".
Click "OK" at the bottom and then click on the "Process Page Update" / "Apply to Site Now" / "Save" button below the editor box, to save your changes.

Linking to a Document (ie: a PDF or Word document for example)

Click "File Storage" from the menu on the left.
Click the "Upload" button at the top to browse and select from your computer, the document file that you would like to link to.
Once the file has been uploaded, right-click on it and select "Get URL". Copy the URL provided in the pop-up window and click "OK" when done.
Edit one of the areas mentioned above where you would like to create the link.
Type the text that you would like to use for the link, into the editor box. For example, you can type "Click Here to View PDF document".
Highlight the text that you just entered and then click on the "Link" icon on the editor toolbar. This icon is located on the second row of icons.
The "Link" window will now pop-up and you will need to enter the URL that you wish to link to, into the "URL" box. Optionally, you can also specify how you would like the link to open (ie: in the Same Window, a New Window, or a Pop-Up Window), by clicking on the "Target" tab at the top and selecting "New Window (_blank)", "Same Window (_self)" or "<popup window>" from the select list.

Note: If you select the option for "<popup window>", you will also need to complete the attributes for "Popup Name", "Width", "Height", "Left Position" and "Top Position".
Click "OK" at the bottom and then click on the "Process Page Update" / "Apply to Site Now" / "Save" button below the editor box, to save your changes.

Link to External Site from Navigation Menu

Mon, 11 Aug 2008 17:38:12 GMT

You can setup buttons / pages on your Navigation Menu to re-direct to different website. This is typically done when trying to link to something like a Blog, Forum, etc.

1. In the admin area, we first need to add a page that will be the link. To do so, click on the "Pages" button from the menu on the left and then on the "Add New Page" button at the top, Enter a Page Name for this page and select Free Form (Do-It-Yourself) as the Page Type and then click on the Add Page button.

3. You will notice that the new page you just added is at the bottom of the Visible Pages list, and you will need to click on the corresponding icon under the "Edit" column, to edit this page. From the links at the top of this page, click on the one that says "Edit Raw HTML".

4. Copy and Paste either of the following scripts (see below) into the box, depending on whether or not you would like the site to open in the same window or a new window. *Note: If you use the script to open the website in a new window, please note that this may not open for those who may have a pop-up blocker enabled on their end. When you are done, click on the "Process Page Update" button below, to save your changes.

7. You can now view your site and click on this page from the Navigation Menu to verify that the re-direct script was configured / is working properly.

RE-DIRECT IN NEW WINDOW (suggested)

<script>
window.onload = window.open('http://www.colony1.net','_blank');
</script>

RE-DIRECT IN SAME WINDOW

<script>
window.onload = window.location.replace('http://www.colony1.net');
</script>

RE-DIRECT IN NEW SIZE-ABLE WINDOW

<script>
window.onload = window.open('http://www.colony1.net','_blank','toolbar=1,scrollbars=1,location=1,
statusbar=1,menubar=1,resizable=1,width=900,height=900,left = 25,top = 25');
</script>

Adding/Using Anchors

Wed, 07 May 2008 20:01:39 GMT

To use Anchors (a link that brings the user to another part of the same page) all you need to do is the following:

First Step: Select the place your cursor right before the exact location on the page where you want the Anchor to jump to.

Second Step: On the tool bar, second row click on the little anchor icon.

Third Step: Name the Anchor in the box that pops up

Fourth Step: Highlight the text or object that you would like the user to click on. (it MUST be hightlighted)

Fifth Step: On the tool bar, click the link button

Sixth Step: In the pop up box look for Anchor and select the name of the anchor you created.

Seventh Step: Click update

Eighth Step: Click on Process Page Update