Let's Talk about . . .
 
Cleaning Stationery Scripts for
Outlook Express
 
We all have seen tags in our stationery scripts and wondered:  What are they for?  Can I safely take this out?  Where do I start?  How will I know?
 
That is what this page is dedicated to.  I will take a script, a pop-up one that I received in my Email, and show you which tags are safe to remove from it and which are not. 
 
You can get a source on an Email that you have received in two ways......One way is to forward the message, making sure that you are set to send in html and not in plain text.  This will give you an Email message that you can work directly inside of or select all and copy/paste to a notepad document. 
 
Another way, and one that i prefer to use, will give you a notepad document to work with.  Simply highlight your message and click on Ctrl and F2 together.  If for some reason, this feature is not working for you...clear out your temporary internet files. 
 
You may also use a script you see on a website that you like.  To get a notepad copy there, click on View/Source at the top of your Internet Explorer.  Those scripts are a bit more complicated to clean and use, but it can be done. 
 
Below is a copy of the notepad document that i got from my Email.  The lines in red can safely be removed.  The lines in blue are just notes.
 
<!--This is a comment tag.   -->
 
You can remove them safely or change their content.  These tags are not visible on the finished stationery.  To remove them, you must take out the entire tag from the <!--opening to closing-->.  If you leave anything in, it will show up as text.
 
<!--This line is not needed, it will replicate each time you
open your new stationery in Outlook Express. -->
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD>
<TITLE>your title goes here</TITLE>
 
<!--You may see any of the next three in this area.  Delete them all - especially the BASE href tag.-->

<META http-equiv=Content-Type content="text/html;
charset=windows-1252">
<BASE href="file://C:\Program Files\Common Files\Microsoft Shared\Stationery\">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
</HEAD>
 
<!--You will need to change the  cid numbers to your new pathway and filenames.  Generally we use "C:/Program Files/Common Files/
Microsoft Shared/Stationery/filename.jpg" for this. However, you can also stream from a website using http://www.your website addy/folder name/filename.jpg -->

<BODY bgColor=#e7e0c4 background="cid:039701c25504$34c43820$a75a3218@pit.adelphia.net" scroll=no>
 
<!-- This next line represents a blank line.  You can remove them with no consequence to the script. -->

<DIV>&nbsp;</DIV>
 
<!-- The next several tags will only appear if you forward instead of using the Ctrl F2 keys.  They are basically the origional message information tags and can all be removed safely.  Usually they will insert themselves between the background tag and the music tags.-->

<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV style="FONT: 10pt arial">----- Original Message ----- <DIV style="BACKGROUND: #e4e4e4; font-color: black"><B>From:</B> <A title=lucky@triwest.net
href="mailto:lucky@triwest.net">Shari</A> </DIV>
<DIV><B>To:</B>
AAA for OE@yahoogroups.com</A>
</DIV>
<DIV><B>Sent:</B> Friday, June 20, 2003 10:27 AM</DIV>
<DIV><B>Subject:</B> [AAA for OE] Old Favorites Day!</DIV></DIV>
<DIV><BR></DIV>
<!-- This stationery has 2 music files.  One of them will be a
 midi and one will be a wav.  You should never use 2 files
of the same type here as there may be a conflict in players. -->
 
<BGSOUND balance=0
src="cid:039701c25504$34c43820$a75a3218@pit.adelphia.net"
volume=0 loop=infinite>
<BGSOUND balance=0
src="cid:039701c25504$34c43820$a75a3218@pit.adelphia.net" volume=0 loop=infinite>

<DIV>&nbsp;</DIV>
 
<!-- This next tag is for the Open Button.  The colors and border style attributes that I have marked in blue inside the tag can be changed safely.  To remove a particular border, I recommend that you change the size to 0px. You can also change the text from Pop Up to whatever you like. -->
 
<BUTTON id=" Open Popup" style="BORDER-RIGHT:#60101b 3px outset; BORDER-TOP: #60101b 3px outset; Z-INDEX: 100;
BACKGROUND: #e7e0c4; LEFT: 10px; FONT: bold 12pt 'Black Chancery';  BORDER-LEFT: #60101b 3px outset; CURSOR: hand; COLOR: #60101b; BORDER-BOTTOM: #60101b 3px outset; POSITION: absolute; TOP: 10px" onclick=popOpen()>Pop Up</BUTTON>

<!-- This DIV represents the title page text.  It has a dropshadow filter on it.  You can safely change the attributes that I have marked in blue inside this tag.-->
 
<DIV style="FONT-WEIGHT: bold; FONT-SIZE: 24pt; Z-INDEX: 10; FILTER: dropshadow(offx=3, offy=3, color=#60101b, enabled=3); WIDTH: 100%; COLOR: #e7e0c4; FONT-FAMILY: Black Chancery; POSITION: absolute; TOP: 50px; TEXT-ALIGN: center"><BR>Title page text goes here</DIV>

<DIV id=src style="DISPLAY: none">
 
<!-- This next tag is the Style for the popup, changes can be made to the attributes for the borders, fonts, scrollbars and etc. that pertain to the popup body.  I have highlighted the changes you can safely make in blue.  -->

<STYLE id=PopupStyle>
BODY {  BORDER-RIGHT: #60101b 10px outset; BORDER-TOP: #60101b 10px outset; SCROLLBAR-FACE-COLOR: #60101b; FONT-SIZE: 14pt; SCROLLBAR-HIGHLIGHT-COLOR: #e7e0c4; BORDER-LEFT: #60101b 10px outset; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #e7e0c4; SCROLLBAR-3DLIGHT-COLOR: #e7e0c4; SCROLLBAR-ARROW-COLOR: #e7e0c4; SCROLLBAR-TRACK-COLOR: #e7e0c4; BORDER-BOTTOM: #60101b 10px inset; FONT-FAMILY: Black Chancery; SCROLLBAR-DARKSHADOW-
COLOR: #60101b; SCROLLBAR-BASE-COLOR: #e7e0c4
}
</STYLE>
<SPAN>
<DIV style="LEFT: 0px; OVERFLOW: auto; WIDTH: 100%; POSITION: absolute; TOP: 15px; HEIGHT: 100%">
 
<!-- This first table represents the outermost edge of the table inside the popup.  Changes can be made safely here to the border color and
bgColor. -->
 
<TABLE id=tbl borderColor=#60101b cellSpacing=0 cellPadding=30
width="70%" bgColor=#e7e0c4 border=4>
  <TBODY>
  <TR>
    <TD width="100%">
 
<!-- This next table represents the innermost part of the table inside the popup which surrounds the image or applet in this case.  Changes can be made safely here to the border color and bgColor. -->

               <TABLE id=tbl1 borderColor=#60101b cellSpacing=10 cellPadding=50 width="100%" bgColor=#e7e0c4 border=3 align=center>
        <TBODY>
        <TR>
          <TD width="100%">
 
<!-- The next set of tags belongs to the applet code.  Changes
can be made to the style borders, colors size, name of image, etc. 
 I highlighted them in blue so that you can see those that need to
 be changed. -->
 
<APPLET  style="BORDER-RIGHT: #e7e0c4 5px outset;
BORDER-TOP: #e7e0c4 thin outset; BORDER-LEFT: #e7e0c4
5px inset; BORDER-BOTTOM: #e7e0c4 thin inset" codeBase="http://your website addy goes here/"
height=378  width=504 align=center code=Rain.class><PARAM NAME="lightgray" VALUE="150"><PARAM NAME="delay" VALUE="100"><PARAM NAME="back" VALUE="folder/image name.jpg"><PARAM NAME="gray" VALUE="150"></APPLET>
</TD></TR></TBODY></TABLE>
 
<!--This div holds the text for the popup page. -->

<DIV align=center><BR> Text goes here </DIV>
</TD></TR></TBODY></TABLE></DIV>
 
<!--These are the backgrounds for inside the  pop-up. The first
one you see is for the main background.  You will need to replace
the cid  numbers with your pathway and image name.  They
correspond to the backgrounds used from the outside in.  The
first one being the outer table. -->
<IMG id=bkg
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px" src="cid:039001c25504$34bb1060$a75a3218@pit.adelphia.net">
 
<!--These are the table backgrounds for inside the  
pop-up. You will need to replace the cid numbers with
your pathway and image name.  The first background is
for the main outer table.  The second one is for the inner table which surrounds the applet or image. -->
 
<IMG id=bkg1
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="cid:039001c25504$34bb1060$a75a3218@pit.adelphia.net"> <IMG id=bkg2
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="cid:038f01c25504$34bb1060$a75a3218@pit.adelphia.net"> </SPAN>
 
<BUTTON id="Close Popup"
style="BORDER-RIGHT: #e7e0c4 3px outset; BORDER-TOP: #e7e0c4 3px outset; Z-INDEX: 100; BACKGROUND: #e7e0c4;
LEFT: 90%; FONT: bold 12pt 'Black Chancery'; BORDER-LEFT: #e7e0c4 3px outset; CURSOR: hand; COLOR: #60101b;
BORDER-BOTTOM: #e7e0c4 3px outset; POSITION: absolute;
TOP: 2%" onclick=parent.objPopup.hide()>Close</BUTTON></DIV>
 
<!--The script should not be altered.  Only the tags that I have
indicated in blue should be changed. -->

<SCRIPT language=JavaScript>
// ---------------------------------------------------------
// Version OE5.5 Plein Ecran -
// auguste 2000 - Gerard Ferrandez
// Push Button Pop Up - JerryBoy
// ---------------------------------------------------------
 
function popOpen() {
jx=window.parent.screen.width
jy=window.parent.screen.height
objPopup.show(0,0,jx,jy)
doBack()
}
objPopup=window.createPopup();
objPopupBody=objPopup.document.body;
objPopupBody.style.border="#60101b 8px outset"
objPopupBody.style.backgroundColor="#60101b"
objPopupBody.innerHTML="<div style='display:none'>"+PopupStyle.innerHTML+"</div>"+
src.innerHTML
objPopupBody.style.backgroundImage="URL("+bkg.src+")";
jb=objPopupBody.all
//////////////////////////////////////////////////////////
// JerryBoy adapted for FS - 2001
//////////////////////////////////////////////////////////
//Origin - Unknown
function doBack() {
 jb.tbl.style.backgroundImage="URL("+bkg1.src+")"
 jb.tbl1.style.backgroundImage="URL("+bkg2.src+")"
}
</SCRIPT>
</BODY></HTML>
 
All that is left to do once you have cleaned your script is to put in your new files and colors and save your notepad document as an html file.
 
I hope that you found some useful information on this page.  For more information on style borders, visit my page dedicated to understanding more about them at the following link:
 
 

If you have any questions or comments, please drop me a line. I will be glad to answer any questions you may have.

Hugs,
 


Karen

Copyright İFebruary, 2002 - All Rights Reserved.