AAA Convert Stationery Page 1
 
Converting A Stationery Script
To A Webpage Script
 


 
Converting A Stationery To A Webpage
 
Let's suppose that you made this stationery
and wanted to put it up on your website as a webpage. 
You would need to do three things.  First of all, you
would need to upload the additional files that the page needs. 
You already have uploaded the applet image
and class files.  Now you need to upload the
backgrounds, any other images you might use,
and music files to your website. 
 
The second thing that you need to do is prepare your
html file for the website .  Think of your website as a
big stationery file on the internet.  The pathway that
you will use here, since you are already drawing your
files from the webshell is just a shortened form of
your web address.  For example:
 
My full website address is 
 
This is the address that I would use for my asfs, and
applet images in a stationery......that plus any folders
that you might use.  Like this......
 
 
Now open your html file and view source.  You will get
a notepad document that you can work with that will look like the script below. 
You will need to remove the parts of the pathway that I have highlighted
in red, and change them to what I have marked in yellow.  Rembember to
always enclose your pathways in "quotation marks".  Also, you don't need
 the codebase part of the applet tag on your webpages, you will need to
take that part out.
 
 
<HTML><HEAD><TITLE>Faithful Standbys Lake Aplet</TITLE>
<STYLE>
BODY {
 BORDER-RIGHT: #512F62 10px ridge; BORDER-TOP: #512F62 10px ridge;
SCROLLBAR-FACE-COLOR: #364C7B; FONT-WEIGHT: bold;
 FONT-SIZE: 14pt; SCROLLBAR-HIGHLIGHT-COLOR: #512F62;
BORDER-LEFT: #512F62 10px ridge; SCROLLBAR-SHADOW-COLOR: #000000;
COLOR: #B8A0E3; SCROLLBAR-3DLIGHT-COLOR: #512F62;
SCROLLBAR-ARROW-COLOR: #512F62; SCROLLBAR-TRACK-COLOR: #512F62;
BORDER-BOTTOM: #512F62 10px ridge; FONT-FAMILY: "Lucida Sans";
SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #512F62
}
.tbl1 {
 BORDER-RIGHT: #512F62 5px ridge; BORDER-TOP: #512F62 5px ridge;
BORDER-LEFT: #512F62 5px ridge; BORDER-BOTTOM: #512F62 5px ridge
}
.div2 {
 BORDER-RIGHT: #3A5B8C 5px ridge; BORDER-TOP: #3A5B8C 5px ridge;
BORDER-LEFT: #3A5B8C 5px ridge; BORDER-BOTTOM: #3A5B8C 5px ridge;
FONT-WEIGHT: bold; FONT-SIZE: 14pt; FILTER: glow(strength=6, color=#B0D46A, enabled=1);
WIDTH: 100%; COLOR: #82509c; FONT-FAMILY: lucinda casual; TEXT-ALIGN: center
}
.maintbl {
 BORDER-RIGHT: #512F62 5px ridge; BORDER-TOP: #512F62 5px ridge;
BORDER-LEFT: #512F62 5px ridge; BORDER-BOTTOM: #512F62 5px ridge
}
.tbl2 {
 BORDER-RIGHT: #512F62 5px ridge; BORDER-TOP: #512F62 5px ridge;
BORDER-LEFT: #512F62 5px ridge; BORDER-BOTTOM: #512F62 5px ridge
}
</STYLE>
</HEAD>

<BODY bgColor=#512f62
background="C:/Program Files/Common Files/Microsoft Shared/Stationery/ applets/faithfulstandbysbkgd.jpg">
BGSOUND style="DISPLAY: none" balance=0
src="C:/Program Files/Common Files/Microsoft Shared/Stationery/music/birdsoffeather.mid"
volume=0 loop=infinite>
 
<IMG id=maintbl_back
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="C:/Program Files/Common Files/Microsoft Shared/Stationery/applets/faithfulstandbystab.jpg">
<!--This is the table that makes up the border for your image.   Make the height and width 5px or more
larger than the image in the table and td-->
<BR>
<TABLE class=maintbl id=maintbl style="FILTER: alpha(opacity=85)" height=650 width=600 align=center bgColor=#512f62>
  <TBODY>
  <TR>
    <TD align=middle width=600 height=250>
      <BR>
     <DIV align=center><STRONG><FONT color=#ffffff size=6>
         Lake Applet</FONT></STRONG></DIV><BR>
     
<IMG id=tbl1_back style="LEFT: -1800px; POSITION: absolute;
TOP: -1800px" src="C:/Program Files/Common Files/
Microsoft Shared/Stationery/ shadesofpurplesparkle.jpg"> 

      <TABLE class=tbl1 id=tbl1 height=410 width=410 align=center
      bgColor=#512f62>
        <TBODY>
        <TR>
          <TD align=middle width=400 height=400>
            <DIV class=divl style="WIDTH: 400px; HEIGHT: 400px" align=center>
<CENTER><APPLET style="BORDER-RIGHT: #3a5b8c thick ridge; BORDER-TOP: #3a5b8c thick ridge; BORDER-LEFT: #3a5b8c thick ridge; BORDER-BOTTOM: #3a5b8c thick ridge" 
codeBase="http://www.karebearaaa.bravepages.com/ "  height=400 width=400  code=Lake.class>
<PARAM NAME="image" VALUE=
" http://ww.karebearaaa.bravepages.com/ applets/faithfulstandbys.jpg">
</APPLET></CENTER></DIV></TD></TR></TBODY></TABLE>
<BR><BR>
 
<IMG id=tbl2_back style="LEFT: -1800px; POSITION: absolute;
TOP: -1800px" src=" C:/Program Files/Common Files/Microsoft Shared/Stationery/  shadesofpurplesparkle.jpg">     
 
<!--This table holds the div for the text.-->
<TABLE class=tbl2 id=tbl2 height=250 width=510 align=center
      bgColor=#512f62>
        <TBODY>
        <TR>
          <TD align=middle width=500 height=240>
            <DIV class=div2  style="WIDTH: 500px; HEIGHT: 240px;
                BACKGROUND-COLOR: #512f62"
            align=center>You will need to put some text in here, I like to add mine in email so that I can
see how it looks.  It is an easy way to add in an image as well.  You can do all this before you change
 your stationery.  Maybe you will want to insert an email tag, or a back or home button link?  </DIV>
</TD></TR></TBODY></TABLE>
<BR><BR></TD></TR></TBODY></TABLE>
<SCRIPT language=vbscript>
 
'~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' This Script was written on 05-16-02 by KareBear    ~
' Please do not remove these credits from the script ~
' For questions or comments karebear56@adelphia.net  ~
'~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
a=0
b=0
 
Sub Window_Onload()
window.status="stationery by ~ KareBear Kreations ~"
maintbl.style.backgroundImage="URL("&maintbl_back.src&")"
tbl1.style.backgroundImage="URL("&tbl1_back.sr c&")"
tbl2.style.backgroundImage="URL("&tbl2_back.src&")"
SetInterval "scrolltabs",64
End Sub
 
Sub scrolltabs()
a=a+1
b=b+1
tbl1.style.backgroundPosition=a&" "&b
tbl2.style.backgroundPosition=a&" "&b
End sub
 
</SCRIPT>
</BODY></HTML>
 
Now that you have made all the changes you need to make, you will need
 to save the notepad document just as you do a stationery document. 
Name it like this....
 
whatever.html
 
Then simply upload this file to the webshell. 
 
 
Continued on