OK
In progress indicator

Shoot widgets

Display the shoot plant search or shoot login on your site. To do this you must have access to the HTML that your site uses.

Plant select

See what the plant select looks like, then add the plant search to your site by copying and pasting the following code into your own web page where you want it to appear:

<script language="javascript" src="http://www.shootgardening.co.uk/js/external/plantSelect.js" type="text/javascript"></script>

The size of this object is 400 by 320 pixels.

Plant search

See what the plant search looks like, then add the plant search to your site by copying and pasting the following code into your own web page where you want it to appear:

<style>
.shootSearch {border: 1px solid #2B7C41; width: 468px; font-family: Verdana, sans-serif; background-color: #F5F5D9;}
.shootSearch a {color: #009900; text-decoration: none;}
.shootSearch a:hover {color: #336600; text-decoration: underline;}
.shootSearch label {font-size: 12px;}
.shootSearch input {border: 1px solid #4A3824;}
.shootSearch form {display: inline;}
.shootSearch .logo {float: left; background-color: #2B7C41;}
.shoot .search {float: left; padding: 8px 4px;}
.shootSearch .submit {background-color: #D57876; padding: 0px 2px; color: #FFFFFF; cursor: hand;}
.shootSearch .register {font-size: 9px; padding-top: 3px;}
.shoot .clear {clear: both; height: 0px; overflow: auto;}
</style>

<div class="shootSearch">
<div class="logo"> <a href="/" title="Go to shoot"><img src="/images/logo_external_search.gif" width="150" height="60" border="0" alt="Shoot gardening" /></a></div>
<div class="search">
<form name="shoot_plant_search" method="post" action="/siteSearchDirect.php">
<label for="str_search">Search for a plant</label>
<input type="text" name="str_search" id="str_search" value="" style="width: 140px;" />
<input type="submit" name="shoot_submit" id="shoot_submit" value="GO!" class="submit" />
<input type="hidden" name="str_in" id="str_in" value="plants" />
<input type="hidden" name="source" id="source" value="external" />
</form>
<div class="register">Get care instructions for your garden - <a href="/" title="Go to shoot">register on shoot</a></div>
</div>
<br class="clear" />
</div>

Shoot login

See what the shoot login looks like, then add the login box to your site by copying and pasteing the following code into your own web page where you want it to appear:

<style>
.shootLogin {border: 1px solid #2B7C41; width: 160px; font-family: Verdana, sans-serif; background-color: #F5F5D9;}
.shootLogin label {font-size: 12px;}
.shootLogin a {color: #009900; text-decoration: none; font-size: 10px;}
.shootLogin a:hover {color: #336600; text-decoration: underline; font-size: 10px;}
.shootLogin input {margin: 2px 0px; border: 1px solid #4A3824;}
.shootLogin form {padding: 4px; margin: 0px;}
.shootLogin .submit {background-color: #D57876; padding: 2px 3px; color: #FFFFFF; cursor: hand;}
</style>

<div class="shootLogin">
<a href="/" title="Go to shoot"><img src="/images/logo_external.gif" width="160" height="75" border="0" alt="Shoot" /></a>
<form name="login" method="post" action="/systemAuthenticate.php">
<label for="email">Email</label><br />
<input type="text" name="email" id="email" value="" /><br />
<label for="password">Password</label><br />
<input type="password" name="password" id="password" value="" /><br />
<input type="submit" name="submit" id="submit" value="Login" class="submit" /><br />
<a href="/servicePassword.php" title="Password reminder">Forgotten your password?</a>
<a href="/serviceRegister.php" title="Register on shoot">Register NOW</a>
<input type="hidden" name="str_mode" id="str_mode" value="login" />
<input type="hidden" name="source" id="source" value="external" />
</form>
</div>