The first thing that you need to consider is the image....

There need not be any water in the image for this applet.  Just about any image can be used.  The water reflects the image back and is created by the class file. In that respect, you create your own water. I have chosen one with water so that you will know the steps involved in cutting back the water.

 

Step #1

 

swanwithbabies  (origional)

 

 

To prepare this image you will need cut off as much of the water as you can. Don't worry, the class file will put it back.  Maybe not exactly the same, but similar as you will see.   If the picture has no water, that makes it even easier to use.  If the water is mixed into the image, you might want to use a a lake.class or lake.class overlay for a better effect.  However in this instance, cut the image as close to the water line as you can.  You will notice that the line that seems best to use is at the base of the swan.  This is how it looks now. 

 

Step #2

So.....your image was 300x225 and you cut the water, right?  now the image height is 158px. 

 

swanwithbabies2

 

 

Step #3 copy it and add the snow....keep the snow on the small side.  i use the unPlugged Effects filter ~ snow ~ set on only 4 or 5 for a sparse amount of small snowflakes.   Now you have two images the same size - one with snow and one without......

 

          

              swanwithbabies2  (again)                                      swanwithbabiessnow

 

Step #4

 

Next, you need to upload both of the swanwith babies images, the DorianGray_II.class, and the alcsnow.class filte ( both of which are zipped up at the group site in the class files folder in a  zip file called "lakesnow" ) to your website.

 

Step #5

 

Now you are ready for the applet code.  Here it is with changes in red.  This is just the applet.  We will get into sizing the Div container that i use in my scripts and table  sizes for the table and cell afterward.  Maybe that will be less confusing. 

 

* The first set of #'s is the acsnow.class height and width and are the height and width of the actual image.  The plain image goes here.

 

*The second set of #'s for the Dorian Gray_II.class height and width will vary.  The width will be the same as the actual image, however the height will be that portion you want to use for water.  I would use 1/3 to 1/2 of the height of the actual image for water reflection, but you could use the entire amount if you wanted.   The snow image goes here.

 

For webpages use :

 

<CENTER><APPLET code=alcsnow.class width=300 height=158><PARAM NAME="snows" VALUE="600"><PARAM NAME="grph" VALUE="http://your website addy goes here/swanwithbabies2.jpg"><PARAM NAME="threadsleep" VALUE="100"></APPLET>

<BR><APPLET code=DorianGray_II.class align=top width=300 height=50><PARAM NAME="mode" VALUE="0"><PARAM NAME="image" VALUE="your website addy goes here/swanwithbabiessnow.jpg"><PARAM NAME="loadtext" VALUE="good luck!..."><PARAM NAME="bgcolor" VALUE="000000"></APPLET></CENTER>

 

** Notice the difference between the two applet codes.  You must use the codebase= in the tag for the stationery or the applet will not work.  In this instance, you must use it for both class files.

 

For stationery use :

 

<APPLET  codeBase="http://your website addy goes here/ "  code=alcsnow.class width=300 height=158><PARAM NAME="snows" VALUE="600"><PARAM NAME="grph" VALUE="http://your website addy goes here/swanwithbabies2.jpg"><PARAM NAME="threadsleep" VALUE="100"></APPLET>

 

<APPLET codeBase="your website addy goes here/ " code=DorianGray_II.class align=top width=300 height=50><PARAM NAME="mode" VALUE="0"><PARAM NAME="image" VALUE="your website addy goes here/swanwithbabiessnow.jpg"><PARAM NAME="loadtext" VALUE="good luck!..."><PARAM NAME="bgcolor" VALUE="000000"></APPLET>

 

Copy each of the the <applet> codes above and paste them onto a separate notepad document.  Save each document as an .html file.   I name my documents something similar to my stationery creation.html  file.  This makes it easier to make changes to to the files at a later date.   (for example: appletfilenameA.html and appletfilenameB.html).  Next,  upload the files, you will use the names of these files in the web address line in the <IFRAME> code tags which are pasted into your stationery script.

 

For example:

 

<IFRAME class=iFrameA height=158 marginHeight=0 
src="http://www.your website.com/appletfilenameA.html" 
frameBorder=0 width=300 marginWidth=0 scrolling=no></IFRAME><BR>

 

<IFRAME class=iFrameB height=50 marginHeight=0 
src="http://www.your website.com/appletfilenameB.html" 
frameBorder=0 width=300 marginWidth=0 scrolling=no></IFRAME>

 

 

*Don't forget to change the height and width of your image in the <iframe> tag.

 

***Now that you have all the applet sizes decided.  If you are using a table to contain it.....it will be helpful to know how to get those borders in place.  this is a table from one of my scripts.  I have set it up so that you will have a main table border,

 

<!--To determine the height of the table, first determine the height and width of the div container below.  i then add approximately 100 or more to that total.  i try to keep it about the same whenever possible.  The div will center the image within whatever you use.-->

 

<TABLE id=tbl borderColorDark=#000000  height=400  width=500 align=center
borderColorLight=#ffffff border=5 (bgColor=#048ca0 is optional)>
  <TBODY>
  <TR>
    <TD height=400 width=500 align=middle>

 

<!--This is the container that holds the applet - the width and height should be approx 5px larger than the width of the image  or 305 px and the combined height of the image plus the water,  or158 for the image and the water was 100, and when you add 5, you would come up with 263px for the height.-->
     

 <DIV class=div1 id=container style="WIDTH: 305px; HEIGHT: 263px"
      align=center>
                  < This is where your iframe tags would go >

</DIV></TD></TR> </TBODY></TABLE>

 

If you have followed the instructions and not lost your way, then you will end up with a beautiful lake / snow applet.  One which you can be proud of...... I hope that helps explain it for you.    Hugs,   Karen

Piano Accompanist is our very own, NormaJean....
great job, This is Wonderful !

Copyright ©February, 2002 - All Rights Reserved.