"How to Add a Texture or Tiled Image to a Left Scrolling Stationery "
"Using Outlook Express"
I would print this for ready reference
In this Tutorial, you will need to download the below
Exe, or Zip File to have your script to change.
(Click on above)
For different backgrounds to use for your background, just about every
Web Site you visit will have a background that you might like to use.
Just right click on the background, and hit "Save Background As".
Then save it to your folder after giving it a name.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
For this I used the below image
For the Seamless Background, I took the Image to 20/20
and got this. You should make the background lighter, but I didn't do it
for this tutorial.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Remember that in this tutorial you will have a gif for an animated image,
and a jpg for your background.
Also remember to save everything to
C:\Program Files\Common Files\Microsoft Shared\Stationery
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Here is the script you will be using.
In this script, you don't have to worry about the size of your Image
But for the Text Margin, you will have to know the width of your left scrolling Image. That's where 20/20 will get you the size.
Everything in red is what you will be changing
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252"><BASE
href=file://C:\PROGRA~1\COMMON~1\MICROS~1\Stationery\>
<STYLE>BODY {
FONT-WEIGHT: bold; FONT-SIZE: 14pt; MARGIN-LEFT: 300px; COLOR: #ffff00; FONT-FAMILY: "Arial"; BACKGROUND-COLOR: #000000
}
</STYLE>
<META content="MSHTML 5.50.4207.2601" name=GENERATOR></HEAD>
<BODY bgColor=#b8b8b8 background=cid:003401c1db0e$3b72f820$4a8dfe3f@oemcomputer>
Take out the above that's in red and replace it with the below line changing the name of the Image
"C:\Program Files\Common Files\Microsoft Shared\Stationery\awesomebiker2.jpg"
<DIV><FONT color=#800000 size=4></FONT><BR></DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV><BR></DIV>
<DIV style="FONT: 14pt arial"> </DIV>
<DIV><BR></DIV><BGSOUND balance=0
src="cid:003501c1db0e$3b72f820$4a8dfe3f@oemcomputer" volume=-200 loop=infinite>
Take out the above that's in red and replace it with the below line changing the name of the Midi
C:\Program Files\Common Files\Microsoft Shared\Stationery\aria.mid
<DIV id=imageholder
style="DISPLAY: none; Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 10px"><IMG
id=tempImage style="DISPLAY: none"
src="cid:003301c1db0e$3b72f820$4a8dfe3f@oemcomputer">
Take out the above that's in red and replace it with the below line changing the name of the Image
C:\Program Files\Common Files\Microsoft Shared\Stationery\awesomebiker1.gif
Remember: If your image is animated, leave it as .gif
If it is a still Image, change .gif to .jpg
<SCRIPT language=VBScript>
dim x
x=0
y=0
for w=0 to 9
document.write "<img id=pics"&w&" src><br>"
next
imageholder.style.display="block"
pics0.src=tempImage.src
pics1.src=tempImage.src
pics2.src=tempImage.src
pics3.src=tempImage.src
pics4.src=tempImage.src
pics5.src=tempImage.src
pics6.src=tempImage.src
pics7.src=tempImage.src
pics8.src=tempImage.src
pics9.src=tempImage.src
sub scroll()
if y=1 then
exit sub
end if
if x < pics0.height then
setTimeout "move", 1
else
x=0
setTimeout "move", 1
end if
end sub
sub move()
imageholder.style.top=-x
x=x+1
setTimeout "scroll", 1
end sub
sub imageholder_()
if y=0 then
y=1
elseif y=1 then
y=0
end if
scroll()
end sub
scroll()
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
ScrollSpeed = 100; // milliseconds between scrolls
ScrollChars = 1; // chars scrolled per time period
function SetupTicker() {
// add space to the left of the message
msg = " Starlight Stationery";
Change Starlight Stationery to anything you want.
RunTicker();}
function RunTicker() {
window.setTimeout('RunTicker()',ScrollSpeed);
window.status = msg;
msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}
SetupTicker();
<!-- end -->
</SCRIPT>
</DIV>
<DIV> </DIV></BODY></HTML>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Now that you have made all your changes,
it is time to "Save As" your Eml File.
Go to this page to learn how
This is what this one looked like
|
||