") defwin.document.close() clearID=defwin.setTimeout("self.close()",8000) } // -->

 

 

Editing a stationery through the source tab

This is a sample of what you would see on the source tab after you go to new message/format HTML

 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="MSHTML 5.00.2014.210" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY >
<DIV>&nbsp;</DIV><FONT face=Arial></FONT><FONT size=2></FONT></BODY></HTML>


 

This looks like a mess, but you really only need be concerned with two lines.

Find the line:

<STYLE></STYLE>

Highlight it and hit the enter key 10 times or so. That will give you a nice blank area so you can see where you are going to add in some lines. Now, put the cursor about midway in the blank spot you just made.

The style section is where the font attributes and margins are controlled. As you can see there is nothing here by default, so you will need to add in that information. It looks like this:


<STYLE>
body {
background-attachment: fixed;
background-color: white;
background-repeat: repeat-x;
FONT-FAMILY:  Arial;
color: #0254FF;
FONT-SIZE: 14pt;
FONT-WEIGHT: bold;
Font-style: italic;
MARGIN-LEFT: 86px;
MARGIN-TOP: 10px;
}
</STYLE>


Now just click and drag to highlight all of that from <STYLE> to </STYLE>

hit the control key and the "c" to copy this to the clipboard
go back to your message and hit control and "v" to paste this in right where you left the cursor

Go to the edit tab and type in a few words and you will see that you now have a message with a margin and the text is in 14pt Arial italic in this color

Pretty easy wasn't it?

But what if that isn't the margin you want or need, and that isn't the right font or color?
Take a look at the following table and see what each line does.

STYLE>
body {
background-attachment: fixed;
background-color: white;
background-repeat: repeat-x;
FONT-FAMILY: Arial;
color: #0254FF;
FONT-SIZE: 14pt;
FONT-WEIGHT: bold;
Font-style: italic;
MARGIN-LEFT: 86px;
MARGIN-TOP: 10px;
}
/STYLE>

Fixed or Scroll - makes bg move with scroll bars or not
a color name was used here
vertically, horizontally, tile, or once only
multi word names need quotes
colors can also be hexadecimal #s
fonts are measured in points
sometimes easier to see when bold
not all fonts have italics
moves text to the right
moves text down

The lines:
<STYLE>
body {
and
}
</STYLE>

must be there. All other lines are optional and any may be omitted.

Notice how the background options are all kept together and come first, then all of the font options, and finally the margins.

An easy way to keep this handy, is to just paste from <STYLE> to </STYLE> into a new notepad document. Do this the same way you pasted it into the source tab. Save it as style.txt. Now every time you need to change a margin in a message, just open style.txt in notepad, go to edit/select all and copy it to the clipboard. Go to the source tab in your message and highlight the <STYLE> </STYLE> line already there and paste this in over the top. Delete any lines you don't need or want, and make any changes.

Note
You can not just choose any font you want off of your computer, and expect the person reading your message to see it in that font. In order to have them see it the same way you do - THEY must have the SAME font (with the same file name) installed on THEIR computer.
You are best off if you only choose fonts that other windows users will have. A list of these is available at Microsoft (www.microsoft.com/typography/fontpack/default.htm).
Fonts can be embedded, however it adds a LOT to your file size and involves special software and several steps. Directions are available at Eric Miller's site if you wish to learn how. Or check out the people responsible for font embedding: Microsoft (www.microsoft.com/typography/web/embedding/default.htm)

 

Ok, I did say two lines needed to be changed so let's look at the second line.

<BODY>

Find it? It is the next to the last line. This line is the start of the body. Between here and the </BODY> is the part that everyone can see. It is where you put your message. But we are just concerned with some of the options that can be used in this line.

If you just wanted a plain colored background, you could have specified it in the <STYLE> section
background-color: white;
but if you didn't do that it could be done here by changing <BODY> to <BODY bgcolor="white">

But for stationery this line needs to be changed to include the graphic. It looks like this:

<Body background="d:\stationery\cats\cat1.jpg">

You need to put the full path and the name of your graphic after <Body background=
the path and name need to be enclosed in quotation marks and then you need a greater than sign to close the command.

That's it. Really! You have made an original stationery without any plugins or HTML editors. After you have done it a few times, it will be so fast and easy you will wonder why you ever did it any other way.<g>

 


For a listing of some color names and what the color looks like, try here. www.eons.com/136color.htm

 

Go to the OE5 wizard page

Back to the basic instructions

Stationery