Contact form
Popup PDF
Youtube
Clearing the website folder
Edit VSD theme
Pop up window Javascript
Back to Progrower.coffeecup.com
Add a HTML box to your page.
Step 1
Step 2
Paste the code below to the body HTML
<a href="formpop1.html" target="name"
onclick="window.open('formpop1.html','name','height=450, width=500,toolbar=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no'); return false;"
>Contact form</a>
Step 3
Adjust the code formpop1.html to your content. Also adjust the window opening size to your liking. width=500, height=450
For the Youtube video I add the embed code to a seperate html page, that I then added to my site using the add files tool.
<a href="" target="name"
onclick="window.open('javascriptpopup/javascriptpopup.html','name',' height=315, width=420,toolbar=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no'); return false;"
>Youtube</a>
Here's an example using colorbox.
<a rel="youtube" class='youtube' href="http://www.youtube.com/embed/qoKzV38B9QA" title=" Visual Site Designer">Clearing the website folder</a>

Paste the code below to the body HTML
<link media="screen" rel="stylesheet" href="colorbox/colorbox.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="colorbox/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});

});
</script>
Paste the code below to the body HTML
Download these files and add all the files in the zip folder to a folder in your site called colorbox.
colorbox.zip