Loading
|
|
"For much of the state of Maine, the environment is the economy" |
Above is a working banner. Give it a try.
(Site navigation links at bottom of page)
1. |
To use either banner…
|
||
2. |
Small Banner |
||
3. |
Text Link Only |
- Save this banner image to your website. If you place the image file in a directory named "images" that's immediately inside the directory of the page displaying the Banner, then the code in Step 2 is all that is needed..
To Save Image: Mac Users: <ctrl>-click on image. Windows Users: right-click on image.
- Copy the text in the window below, and Paste it into the HTML where you want it to appear on your webpage. You may need to change the HTML.
The above HTML looks like this:
<a href="http://www.savepassamaquoddybay.org/funding/scalebaskets/scale_baskets.html" target="_blank"><img src="images/scalebasket_banner.gif" alt="Scale Baskets" height="147" width="360" border="0"></a>
- If your directory structure is different than shown in the above example, you'll need to change the HTML in the above code to reflect the actual structure. See the HTML examples, below.
Save this banner image to your website in the "images" directory.
To Save Image: Mac Users: <ctrl>-click on image. Windows Users: right-click on image. Copy the text in the window below, and Paste it into the HTML where you want it to appear on your webpage. You may need to change the HTML.
The HTML above looks like this:
<a href="http://www.savepassamaquoddybay.org/funding/scalebaskets/scale_baskets.html" target="_blank"><img src="images/scalebasket_banner_sm.gif" alt="Scale Baskets" height="74" width="180" border="0"></a>
If your directory structure is different than shown in the above example, you'll need to change the HTML in the above code to reflect the actual structure. See the HTML examples, below.
Copy the following text and past it into your webpage's HTML where you want it to appear in your webpage.
The HTML above looks like this:
<a href="http://www.savepassamaquoddybay.org/funding/scalebaskets/scale_baskets.html" target="_blank">Passamaquoddy Scale Baskets</a>
The resulting link should look like the following (although your font settings may be different):
Try the above link. It works!
Here are a couple of additional examples of how your website structure might look. The first example allows the provided HTML code above to be used trouble-free. The second example required changing the HTML pathname for the banner image location.
Example 1
Assuming you use an "images" directory within the root directory of your website, and the small banner is to appear on your homepage:
- index.html
- images (a directory within your site's root directory)
- scalebasket_banner_sm.gif
- mysitelogo.gif
- anyotherimage.jpg
- another_webpage.html
- another_directory
No change to the supplied HTML code is requred. The HTML image location is presented in red:
<a href="http://www.savepassamaquoddybay.org/for_sale/holidays/holiday_baskets.html" target="_blank"><img src="images/scalebasket_banner_sm.gif" alt="Holiday Scale Baskets" height="74" width="180" border="0"></a>
Example 2
Assuming you place the both banner images within a subdirectory another level below the root directory, but the banner is to appear on your homepage (index.html), then the site's file structure might look like this:
- index.html
- another_webpage.html
- another_directory
- links.html
- links_images (this image directory is one level below the root directory)
- scalebasket_banner.gif
- scalebasket_banner_sm.gif
- another_image.jpeg
- additional_webpage.html
- images<
- homepage_logo.gif
In this example, with the banner still appearing on the homepage (index.html), a change is required in the HTML code. The difference in code is presented in red:
<a href="http://www.savepassamaquoddybay.org/funding/scalebaskets/scale_baskets.html" target="_blank"><img src="another_directory/links_images/scalebasket_banner_sm.gif" alt="Scale Baskets" height="74" width="180" border="0"></a>
Having difficulty getting the banner to work on your website?
I'll try to help.
, the webmaster.