Add Tides and Currents to Your Web Site

Did you know that it was possible to add Cape Cod tides and currents to your Web site? You can with the CapeTides.com widget.

Customize the Widget

We offer several ways to customize the look-and-feel of the widget. Use the form below to generate a widget that matches your site. When you click the Update Widget button, the preview to the right will be updated.

Type
Location	View Map
Include	Sunrises and Sunsets Twilight Moonrise and Moonset Moon Phases
Days
Font
Font Color	# ex: ABCDEF
Background Color	# ex: ABCDEF
Border Width
Border Color	# ex: ABCDEF

How to Use

To add the widget to your page, you must have access to your Web site's HTML code. The following HTML code snippet belongs in the <head> tag of your Web site.

<link href="http://capetides.com/widget/tides.css" rel="stylesheet" type="text/css"> <style type="text/css"> .cape-tides { color: #000000; background-color: #FFFFFF; border: 1px solid #000000; } </style>

Insert the following HTML code where you would like the widget to appear on your page.

<div id="cape-tides-widget"> <p> Please wait while your browser fetches the tides and currents. This may take a couple of seconds. </p> <p> <a href="http://www.capetides.com/">Cape Cod tides and currents</a> are provided by <a href="http://www.capetides.com/">CapeTides.com</a>, a part of the <a href="http://www.c4.net/">c4.net</a> network. Visit <a href="http://www.capeguide.com/">CapeGuide.com</a> for information about Cape Cod, Martha's Vineyard, & Nantucket. </p> </div> <script type="text/javascript" src="http://capetides.com/widget/tides.js"></script> <script type="text/javascript"> Tides.fetch("cape-tides-widget", 44); </script>