l"> Frames :
: Awards :  :Webrings :  : J's Web Design :  : Inspired Scripting :  : Web Sets :
: Sign the Guestbook :  : View the Guestbook :

Copyright � 2000 Jacinda's Web Design

stify"> First thing you will need to do is download the Lake.class zip file.  Unzip it to any folder and then upload the Lake.class file to your web host, making sure it is in the main directory along with your index or default page. 

You will also have to upload the image that you'll be using to your web host as well.  You can either put it in your main directory with your Lake.class or in a subfolder.  If you put it in a subfolder, but sure to reflect the correct path in the script at the bottom of this page.  For this tutorial I'll be using 'Trust' by Michael Cox, pictured below:

The rest of the files can come from your local computer.

Make three contrasting backgrounds, or choose from the below pre-made background images:

Also, you will need to find a midi to go with your stationery.  So go get one of your choosing and save it to your computer in your C:/Program Files/Common Files/Microsoft Shared/Stationery folder or whatever folder you keep your midi's in.  Remember to reflect this is the script.  Without the correct path, the stationery will not work correctly.

The below script is authored by Jasmine, (slightly altered my myself to accommodate the applet).  Please click here to visit her wonderful site.

Also, beyond the script is additional information you will need for the applet, be sure to read!

Red = Scrollbar and table changes
Lime = Textbox color and size changes
Green = Midi changes
Purple = Font changes and hyperlink changes
Blue = Optional changes
Pink = Main background changes
Grey = Second background changes
Maroon = Third background changes
Tan = Main image changes
Orange = Ticker changes
Copy the below script by highlighting it and then either right click and select Copy or highlight it and hit Ctrl + C

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>BODY {
BORDER-RIGHT: #
FFDAFF 2px ridge; BORDER-TOP: #FFDAFF 2px ridge; SCROLLBAR-FACE-COLOR: #7C579C; FONT-SIZE: 13pt; SCROLLBAR-HIGHLIGHT-COLOR: #FFDAFF; BORDER-LEFT: #FFDAFF 2px ridge; SCROLLBAR-SHADOW-COLOR: #FFDAFF; COLOR: #FFDAFF; SCROLLBAR-3DLIGHT-COLOR: #FFDAFF; SCROLLBAR-ARROW-COLOR: #FFDAFF; SCROLLBAR-TRACK-COLOR: #7C579C; BORDER-BOTTOM: #FFDAFF 2px ridge; FONT-FAMILY: Comic Sans MS; SCROLLBAR-DARKSHADOW-COLOR: #FFDAFF; SCROLLBAR-BASE-COLOR: #7C579C
}
.table0 {
BORDER-RIGHT: #
FFDAFF 5px double; BORDER-TOP: #FFDAFF 5px double; BORDER-LEFT: #FFDAFF 5px double; BORDER-BOTTOM: #FFDAFF 5px double
}
.table {
BORDER-RIGHT: #
FFDAFF 5px solid; BORDER-TOP: #FFDAFF 5px solid; BORDER-LEFT: #FFDAFF 5px solid; BORDER-BOTTOM: #FFDAFF 5px solid
}
.textbox {
BORDER-RIGHT: #
FFDAFF 5px double; BORDER-TOP: #FFDAFF 5px double; FILTER: alpha(opacity=80); BORDER-LEFT: #FFDAFF 5px double; BORDER-BOTTOM: #FFDAFF 5px double; BACKGROUND-COLOR: #7C579C
}
A:link {
FONT-SIZE:
10pt; COLOR: #FFDAFF; FONT-FAMILY: Comic Sans MS
}
A:visited {
FONT-SIZE:
10pt; COLOR: #FFDAFF; FONT-FAMILY: Comic Sans MS
}
A:active {
FONT-SIZE:
10pt; COLOR: #FFDAFF; FONT-FAMILY: Comic Sans MS
}
A:hover {
BORDER-RIGHT: #
FFDAFF thin dashed; BORDER-TOP: #FFDAFF thin dashed; FONT-SIZE: 10pt; BORDER-LEFT: #FFDAFF thin dashed; COLOR: #FFDAFF; BORDER-BOTTOM: #FFDAFF thin dashed; FONT-FAMILY: Comic Sans MS
}
A {
TEXT-DECORATION:
none
}
</STYLE>
<BGSOUND balance=0 src="
C:/Program Files/Common Files/Microsoft Shared/Stationery/unicorn.mid" volume=0 loop=infinite>
</HEAD>
<BODY bgProperties=fixed bgColor=#
7C579C background="C:/Program Files/Common Files/Microsoft Shared/Stationery/mainbackground.jpg">
<DIV>&nbsp;</DIV>

<!-- background small lines -->
<IMG id=table_back1 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px" height=200 src="
C:/Program Files/Common Files/Microsoft Shared/Stationery/secondbackground.jpg" width=200>
<!-- background in table-->
<IMG id=table_back2 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px" height=200 src="
C:/Program Files/Common Files/Microsoft Shared/Stationery/thirdbackground.jpg" width=200>
<TABLE class=table0 cellSpacing=0 cellPadding=13 align=center>
<TBODY>
<TR>
<TD id=table9 style="Z-INDEX: 3; POSITION: relative; TOP: 0px; HEIGHT: 2px"
align=middle>
<TABLE cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD id=table1 style="Z-INDEX: 4; POSITION: relative; TOP: 14px; HEIGHT: 2px"
align=middle colSpan=5></TD>
<TR>
<TD id=table2 style="Z-INDEX: 4; POSITION: relative; TOP: 24px; HEIGHT: 2px"
align=middle colSpan=5></TD>
<TR>
<TD class=table id=table3 style="WIDTH: 2px" align=middle
rowSpan=2></TD>
<TD class=table id=table4 style="WIDTH: 2px" align=middle
rowSpan=2></TD>
<TR>
<TD align=middle>
<TABLE cellSpacing=10 cellPadding=0 align=center>
<TBODY>
<TR>
<td align="center" width="
400" height="450" valign="middle">
<div align="center">
<center>
<table border="
3" cellpadding="0" cellspacing="0" style="border-style:ridge; border-width:3; border-collapse: collapse" bordercolor="#FFDAFF">
<tr>
<td>
<applet code="Lake.class" width="
292" height="370" codebase="http://www.yoursite.com">
<param name="image" value="
http://www.yoursite.com/mainimage.jpg">
</applet></td>
</tr>
</table>
</center>
</div>
</td>
<TR>
<TD>
<DIV style="HEIGHT: 2px" < DIV></DIV></TD>
<TR>
<TD align=middle cellspacing="0" cellpadding="10">
<!-- adjust the width of the textbox to your graphic -->
<DIV class=textbox style="PADDING-RIGHT: 15px; PADDING-LEFT: 15px; Z-INDEX: 4; PADDING-BOTTOM: 55px; OVERFLOW: auto; WIDTH:
300px; BOTTOM: 30px; PADDING-TOP: 35px; POSITION: relative; HEIGHT: 195px"
align=center><FONT face=
Verdana size=2 align=justify><STRONG>Text goes here</STRONG></FONT></DIV>
</TD></TR></TBODY></TABLE>
<TD class=table id=table5 style="WIDTH: 2px" align=middle></TD>
<TD class=table id=table6 style="WIDTH: 2px" align=middle></TD>
<TR>
<TD id=table7
style="Z-INDEX: 4; POSITION: relative; TOP: -24px; HEIGHT: 2px"
align=middle colSpan=8></TD>
<TR>
<TD id=table8
style="Z-INDEX: 4; POSITION: relative; TOP: -14px; HEIGHT: 2px"
align=middle colSpan=8></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>