This tutorial is for a quick script that you can use either as an Outlook Express stationery (page 1) or on your websites (page 2) .  I have placed a lake.class applet inside this script, however, you can change the applet to whichever applet you would like to use.  Simply replace the applet code from the beginning <applet> tag to the closing </applet tag> with your new code.
 
  Download a copy of both scripts here.  I have included the lake.class file in the zip. Then, you may use the script example as a guide.  I have color coded the script below for you to make it easier to follow.  The blue text represents instructions.  The red text represents the actual changes that you will be making to the script.

Please note that when using an applet in a stationery, you must include the codebase="http:/your web addy/ line inside the applet tag.  This is not needed when making a webpage, but it is necessary for stationery. 
 
 
 
<HTML><HEAD>
<TITLE>your title goes here</TITLE>

 
<!--This is where you will change the border colors and border styles, scrollbar colors and font style and color.  There are several border styles that you may choose from.  They are: ridge, inset, outset, solid, groove, double, dashed, and dotted-->

 
<STYLE>
BODY {
BORDER-RIGHT: #89471F 7px inset;
BORDER-TOP: #89471F 7px inset;
SCROLLBAR-FACE-COLOR: #89471F;
SCROLLBAR-HIGHLIGHT-COLOR: #ecc89b;
BORDER-LEFT: #89471F 7px inset;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #ecc89b;
SCROLLBAR-ARROW-COLOR: #ecc89b;
SCROLLBAR-TRACK-COLOR: #c49466;
BORDER-BOTTOM: #89471F 7px inset;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-BASE-COLOR: #89471F;
MARGIN-TOP: 50px; MARGIN-BOTTOM: 50px
}
.maintext {
 BORDER-RIGHT: #89471F 3px ridge;
BORDER-TOP: #89471F 3px ridge;
BORDER-LEFT: #89471F 3px ridge;
BORDER-BOTTOM: #89471F 3px ridge;
FONT-FAMILY: Verdana ;
FONT-SIZE: 14pt;
COLOR: #c49466;
}
.main {
 BORDER-RIGHT: #89471F 3px ridge;
BORDER-TOP: #89471F 3px ridge;
BORDER-LEFT: #89471F 3px ridge;
BORDER-BOTTOM: #89471F 3px ridge
}
</STYLE>
</HEAD>
 
<!--Your background file goes here-->

 
<BODY bgColor=#c49466 background="C:/Program Files/Common Files/Microsoft Shared/Stationery/your background file.jpg">

 
<!--This is your music file - be sure to use the correct extension for midi, wave, etc.-->

 
<BGSOUND balance=0 src="C:/Program Files/Common Files/Microsoft Shared/Stationery/your music file.mid"
volume=0 loop=infinite>
 
<!--This is where your Applet code begins.  When changing names of files, be careful to use case sensitive file names and spaces. I would rename it!...LOL...For Example: Deer_Lake.jpg.  Remember to use the formula to find the height for the applet.  The formula=image height x 2 - (10 or 20px) = applet height -->
 
<TABLE class=main  width=360 height=468 bgcolor=#367580 align=center cellpadding=0 cellspacing=0>
<TBODY><TR><TD>
 
<!--Applet code starts here -->
 
<CENTER><APPLET codeBase="http://your website addy" height=390
width=360 code=lake.class><PARAM NAME="image" VALUE="http://your website addy/image name.jpg"></APPLET></CENTER>
 
<!--Applet code ends here-->
 
</TD></TR></TBODY></TABLE><P>
 
<!--Text box begins here-->
 
<CENTER>
<DIV class=maintxt style="WIDTH: 500px;  HEIGHT: 200px; BACKGROUND-COLOR: #367580"
align=center><BR>TEXT GOES HERE. . .<BR>Double Click to set text.</DIV>
</CENTER>
 
<!--Text box ends here-->
 
<!--Next is the script.  Remember to change your ticker message.  Otherwise, there is no need to change anything else.-->
 
<!--To make the background change direction, use a (-) or (+) sign before the number...x=x-1 and y=y+1-->

<SCRIPT language=VBScript>
 
'~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' This Script was written on 08-31-02 by KareBear          ~
' Please do not remove these credits from the script      ~
' Questions or Comments? karebear56@adelphia.net    ~
'~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
x=0
y=0
 
Sub Window_OnLoad()
window.status=" your ticker message goes here "
SetInterval "scrollback", 64
End Sub
 
sub scrollback
x=x-1
y=y-1
document.body.style.backgroundPosition=x&" "&y
End Sub
</SCRIPT>

</BODY></HTML>
 
 
Save your notepad document using .html as your file type (example - applet1.html )
to your stationery folder, along with your background image and music, using this pathway:
 
C:/Program Files/Common Files/Microsoft Shared/Stationery
 
Upload your lake.class file to your main webshell and your applet image to your applets folder in your webshell.
Using an applets folder is not necessary, however, I have found that as your site grows, you will be glad you used one to keep things organized.
 
Now you can pull up your stationery as usual.  Be sure to remove the <BASE href line ......> if there one is in the top area of your script.  Simply highlight that tag and remove it from your stationery before you mail it.
 
Example - <BASE href=file://C:\PROGRA~1\COMMON~1\MICROS~1\Stationery\>


 If you fail remove the baseline, your applet codebase will be over-ridden by the pathway in it.  Many times, when troubleshooting, I have found that this is the cause of an applet stationery not working properly.
 
Now that you know how to make a stationery using an applet, let's next make a webpage.
 
 
If you have any questions or comments,
please drop me a line.  I will be glad to answer
any questions you may have.


Karen

Copyright İMarch, 1998 - All Rights Reserved.