WLM Scrolling Stationery

05-19-2008

None of the scrolling stationeries that are currently available on the web
will work with Windows Live Mail, so I tinkered around with some code and
came up with a scrolling email stationery template that does work in WLM.
The template is below, instructions are on the template. Only change the
settings that you are instructed to change or the stationery will not work.

To make a stationery you can either use a normal stationery strip that has
an image on the left and "background" on the rest of the strip.
Alternatively, you can use a regular image (for example, 150px X 166px) and
make the background color of the stationery a color that matches the image.

I did not work on code to include a midi file that would play in the
background. I will let someone else monkey around with that until they hit
on the code that will work in WLM, and hopefully they will share their code
with us so we can add it to the template. It would be a whole lot easier to
simply open the stationery and not have to manually add the music, but as
things stand right now, if you wish to add music, you can do it inside WLM
like this:

Format/Background/Sound, then click Browse, then change the files of type to
Midi, then browse for your midi file, select it, then click Open. Select
whether you want the midi to play continuously or a certain number of times.
Then click OK.

It would be great if one or more kind souls would use this template to
create lots of beautiful stationery for WLM users to download. I have seen
many blogs where WLM users have contacted Support for the Cloudeight
stationery website to ask if their stationery can be used in WLM. Cloudeight
has responded by sending WLM users emails that have mercilessly cut down WLM,
saying it cannout use "real" stationery (meaning stationery that scrolls and
plays music). We need to show them how wrong they are.

For you who know how to code, the main problem I had was when the email
recipient received the "stationery email", then forwarded it, all of the text
would move to the left and cover the image. I solved that by placing a div
(for the text) in an absolute position. Here is the template:
=============================


<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

<html><head><title>YOUR TITLE HERE</title>


<style type="text/css">
body {
FONT-FAMILY: Arial;
FONT-SIZE: 16pt;
COLOR: 000000;
BACKGROUND-COLOR: #ffffff;
MARGIN-LEFT: 90 px;
margin-top: 10 px;
background-position: top left;
background-repeat: repeat-y;
}
</style>
</head>


<BODY id="ridBody" background="Image.jpg">


<div style="position: absolute; LEFT: 90px; top: 10px; height: 200px; WIDTH:
670px; padding: 5px;">

TEXT HERE
</div>

<div id=imageholder
style="left: 0px; position: absolute; top: 0px; z-index: -1">
<script type="text/vbscript">

</script>
</body></html>

05-19-2008

I forgot to mention that before sending, all images and the html file (the
stationery) must be placed in the Stationery folder located here:C/Program
Files/Common Files/Microsoft/Shared/Stationery. If you place the files
anywhere else, including the My Documents/My Stationery folder (Windows Live
Mail default folder) instead, the person who receives the email will see
scrolling red X's instead of the scrolling image.

Also, DO NOT use any paragraph tags <p> or </p> in the <div> with the text
that says "TEXT HERE". If you must place line breaks in that div, use <br>
instead. Why? Because the user must remove the text before they can type
their email. If you use paragraph tags, they will not be able to remove the
text.

05-19-2008	#1 (permalink)
WidgetWorking Guest n/a posts	WLM Scrolling Stationery None of the scrolling stationeries that are currently available on the web will work with Windows Live Mail, so I tinkered around with some code and came up with a scrolling email stationery template that does work in WLM. The template is below, instructions are on the template. Only change the settings that you are instructed to change or the stationery will not work. To make a stationery you can either use a normal stationery strip that has an image on the left and "background" on the rest of the strip. Alternatively, you can use a regular image (for example, 150px X 166px) and make the background color of the stationery a color that matches the image. I did not work on code to include a midi file that would play in the background. I will let someone else monkey around with that until they hit on the code that will work in WLM, and hopefully they will share their code with us so we can add it to the template. It would be a whole lot easier to simply open the stationery and not have to manually add the music, but as things stand right now, if you wish to add music, you can do it inside WLM like this: Format/Background/Sound, then click Browse, then change the files of type to Midi, then browse for your midi file, select it, then click Open. Select whether you want the midi to play continuously or a certain number of times. Then click OK. It would be great if one or more kind souls would use this template to create lots of beautiful stationery for WLM users to download. I have seen many blogs where WLM users have contacted Support for the Cloudeight stationery website to ask if their stationery can be used in WLM. Cloudeight has responded by sending WLM users emails that have mercilessly cut down WLM, saying it cannout use "real" stationery (meaning stationery that scrolls and plays music). We need to show them how wrong they are. For you who know how to code, the main problem I had was when the email recipient received the "stationery email", then forwarded it, all of the text would move to the left and cover the image. I solved that by placing a div (for the text) in an absolute position. Here is the template: ============================= <!-- ONLY CHANGE THE ITEMS THAT HAVE CAPITAL LETTERS! --> <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <!-- saved from url=(0014)about:internet --> <html><head><title>YOUR TITLE HERE</title> <!-- CHANGE MARGIN-LEFT TO THE NUMBER OF PIXELS FROM THE LEFT THAT YOU WANT THE TEXT TO START --> <style type="text/css"> body { FONT-FAMILY: Arial; FONT-SIZE: 16pt; COLOR: 000000; BACKGROUND-COLOR: #ffffff; MARGIN-LEFT: 90 px; margin-top: 10 px; background-position: top left; background-repeat: repeat-y; } </style> </head> <!-- CHANGE IMAGE NAME HERE. --> <BODY id="ridBody" background="Image.jpg"> <!-- (THE TOTAL OF "LEFT" AND "WIDTH" IN THE DIV BELOW SHOULD EQUAL 760 PIXELS) CHANGE "LEFT" TO THE SAME NUMBER THAT YOU PLACED IN MARGIN-LEFT (above). SUBTRACT THAT NUMBER OF PIXELS FROM 760 TO GET THE WIDTH. --> <div style="position: absolute; LEFT: 90px; top: 10px; height: 200px; WIDTH: 670px; padding: 5px;"> TEXT HERE </div> <div id=imageholder style="left: 0px; position: absolute; top: 0px; z-index: -1"> <script type="text/vbscript"> <!-- direction="up" SIZEW=1200 ' WIDTH OF THE SCROLLING IMAGE HERE SIZEH=166 ' HEIGHT OF THE SCROLLING IMAGE HERE nail=0 ' DO NOT CHANGE ANYTHING BELOW source=document.body.background tall=((screen.height\sizeh)+1)*2 wide=(screen.width\sizew)+1 if direction="up" then max=tall axis=sizeh placement=0 reset=0 elseif direction="left" then max=wide axis=sizew placement=0 reset=0 elseif direction="down" then max=tall axis=0 placement=-sizeh reset=-sizeh elseif direction="right" then max=wide axis=0 placement=-sizew reset=-sizew end if document.write "<pre>" for temp=0 to max if direction="up" then document.write "<img id=pics"&temp&" src><br>" elseif direction="left" then document.write "<img id=pics"&temp&" src>" elseif direction="down" then document.write "<img id=pics"&temp&" src><br>" elseif direction="right" then document.write "<img id=pics"&temp&" src>" end if document.all("pics"&temp).src=source next document.write "</pre>" document.body.background=" " sub scroll() if nail=1 then exit sub end if if placement < axis then setTimeout "move", 1 else placement=reset setTimeout "move", 1 end if end sub sub move() if direction="up" then imageholder.style.top=-placement elseif direction="left" then imageholder.style.left=-placement elseif direction="down" then imageholder.style.top=placement elseif direction="right" then imageholder.style.left=placement end if placement=placement+1 setTimeout "scroll", 1 end sub sub imageholder_onclick() if nail=0 then nail=1 else nail=0 end if scroll() end sub scroll() --> </script> </body></html>

05-19-2008	#2 (permalink)
WidgetWorking Guest n/a posts	RE: WLM Scrolling Stationery I forgot to mention that before sending, all images and the html file (the stationery) must be placed in the Stationery folder located here:C/Program Files/Common Files/Microsoft/Shared/Stationery. If you place the files anywhere else, including the My Documents/My Stationery folder (Windows Live Mail default folder) instead, the person who receives the email will see scrolling red X's instead of the scrolling image. Also, DO NOT use any paragraph tags <p> or </p> in the <div> with the text that says "TEXT HERE". If you must place line breaks in that div, use <br> instead. Why? Because the user must remove the text before they can type their email. If you use paragraph tags, they will not be able to remove the text.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Stationery	SueZee	Live Mail	7	05-20-2008 11:20 PM
stationery	stationery missing with replies	Vista mail	2	11-11-2007 05:37 PM
I.E. Stationery	jj	Vista mail	4	10-25-2007 08:05 AM
Stationery	ozzie	Vista mail	5	03-23-2007 04:53 PM
Vertical scrolling...jumps rather than smooth scrolling - Excel 20	Miller Man	Vista hardware & devices	2	03-20-2007 10:00 AM