<div id="containerbox">
<div class="slide-out-div">
<a class="handle" href="mailto:me@you.com">Email Me</a>
<h3>Contact me</h3>
<p>Thanks for checking out my jQuery plugin, I hope you find this useful.
</p>
<p>This can be a form to submit feedback, or contact info</p>
</div>
</div>
Add this code to the Body HTML of a HTML box.
Email me

Contact me

Thanks for checking out my jQuery plugin, I hope you find this useful.

This can be a form to submit feedback, or contact info

Back to Progrower.coffeecup.com
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="slideout/jquery.tabSlideOut.v1.3.js"></script>
//If your having problems update your page with this link and add the needed jquery.tabSlideOut.v1.3.js avaiable in the contact.zip.

<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'slideouttab/contact.png', //path to the image for the tab //Optionally can be set using css
imageHeight: '122px', //height of tab image //Optionally can be set using css
imageWidth: '40px', //width of tab image //Optionally can be set using css
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
topPos: '20px', //Controls up and down position
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
});

});

</script>
<style type="text/css">

.slide-out-div {
padding: 20px;
width: 250px;
background: #ccc;
border: 1px solid #29216d;
}
</style>

<style type="text/css">

#containerbox {
position:fixed;
top:0;
left:0;
z-index: 1000;
}

</style>
Add this code to the Header HTML of the HTML box.
Slide Out Tab
Adding the contact.png image and the jquery.tabSlideOut.v1.3.js
contact.zip
Download the contact.zip and extract it to your pc. Now add a folder to your site and name it slideouttab. Next click on the new folder and click on Add files and browse to the contact.png and jquery.tabSlideOut.v1.3.js you just extracted and add them to your site.