|
|
And Linda expresses her appreciation to a very dear departed friend, Summerstorm, who was responsible for all the graphics mentioned below.
WEBTV E-MAIL IMAGES TUTORIAL
INDEX
When writing html code there is always a space
between img and src and between a and href. It
doesn't always show when typed...the computer tends
to move down a line after typing <<>img or <<>a so
you can't really see that there is always a space
there. It should look like this <<>img src="
or <<>a href=".
1. TO PLACE AN IMAGE IN YOUR EMAIL SIG BOX
(A) Go to your mail page.
(B) Click on settings on the left sidebar.
(C) Click on signature....this will bring you to the
page containing the "box" where you will put the
codes. Anything you put in this box will appear in
every e-mail you send from now on.
(D) First you must put in your opening html code:
<<>html>
Always make sure your code is put at the very top of
the signature box. (The tag <<>html> must be the
very first thing in the box, nothing else before it,
not even a blank space.)
(E) Here is where you put what ever you want to
appear in your emails. If you are just putting one
image here is the code you would use.... starting
under the <<>html> you already put up. <<>img
src="http://URL OF YOUR IMAGE HERE"> If this is all
you are adding just put your closing tag next.
(<<>/html>) The code in your sig box should look like
this......
(F) If you wish to put more than one image or add
some text just add the next items before putting on
the closing <<>/html>. No matter how many things you
add to your sig box you will only use one <<>html> at
the very top and one <<>/html> at the bottom. THIS IS
VERY IMPORTANT!
1A. TO ADD AN IMAGE TO A SINGLE E-MAIL.
If you want to send an image to just one person you
would put the code right on the page where you write
your e-mail. Starting your code at the very
top....remember not even a space before you begin the
code...here is the code:
2. TO ADD A LINK TO YOUR EMAIL SIGNATURE
(A) To add a link to your home page or any other page
use this code, putting in the URL of the page you
want people to be able to go to, and the words you
want to appear in your email for people to click on.
This example uses the URL to my web page and invites
people to visit me there.
3. TO ADD BOTH IMAGE AND LINK TO E-MAIL SIG
(A) To put both an image and a link on your page the
code would look like this:
<<>a href="http://www.angelfire.com/sd/tetons">
VISIT SUMMERSTORM'S MOUNTAIN CABIN<<>/a>
<<>/html>
(B) Notice I put a <<>p> after the code for the
image. That tells the computer to start a new line
and to skip a space. By using the <<>p> the writing
"VISIT SUMMERSTORM'S MOUNTAIN CABIN" will appear
under the image.
4. TO ADD TEXT TO YOUR SIG
You can also write a message to appear on each
email....your name...a favorite quote etc. Just
start with your html tag. Like this:
5.TO ADD A CORNER BACKGROUND TO YOUR SIG
Have you seen those cute little top, right hand
corner, images on peoples email? Here is the code to
put one on your e-mail page. (First you have to get
the url of a corner email background, you can't use
just any image.)
(A) You must put it right under the <<>html> tag
since it is a whole page image...not just the corner
image. You put in the URL of the corner image
background you want after <<>body background="URL"
(B) Next you put the color you want the background to
be under bgcolor= and then the color you want your
text to be under text=. Always e-mail yourself to
make sure everything is working right. (The top
corner image will not show up while you are writing
the email but it will appear when it is sent.)
(C) Be sure and leave a space between the words body
and background in your code.
6. TO ADD A FULL BACKGROUND TO YOUR SIG
To add a background that will cover your entire email
page use this code:
7. CORNER BACKGROUND & IMAGE & LINK CODE
Here is what the code would look like to have a
corner background with a second image and a link to
your home page:
(A)Using this code I get a beautiful bluebird in the
top right hand corner on a black background with a
large pink rose on the lower left and the invitation
to visit my web site written in light blue under the
rose. It is really quite beautiful!!!
8.HOW TO CHANGE TEXT COLOR
(A) Here is how to change the color of the text in
your e-mail. Here is the code for changing an
individual e-mail:
(B) You can also have a solid color as a background
with any colored text you want. Use this code:
For images that will go out with every e-mail you
send you put the codes in the signature box. The code
will stay in your signature box until you change or
erase it.
Here are the steps to put your own personal
"signature" in your email. Always remember there is
only one <<>html> tag at the very beginning of your
code and only one <<>/html> tag at the very end to
stop your code. No matter how many images, banners,
calling cards, sounds links or text you put in your
sig box NEVER put more than one of each of <<>html>
or <<>/html> into your whole code.
1. TO PLACE AN IMAGE IN YOUR EMAIL SIG BOX (This
image will appear in every e-mail you send)
1A. TO PLACE AN IMAGE IN A SINGLE E-MAIL
2. TO ADD A LINK TO YOUR EMAIL SIG
3. TO ADD BOTH AN IMAGE & A LINK
4. TO ADD TEXT TO YOUR SIG
5. TO ADD A CORNER BACKGROUND
6. TO ADD A FULL BACKGROUND TO YOUR SIG
7. CORNER BACKGROUND & IMAGE & LINK CODE
<<>html> <<>img
src="http://members.tripod.com/~stormyday/images/cat.
gif"> <<>/html>
<<>html>
Write your e-mail here
<<>img src="http://Addy of graphic here">
<<>/html>
If you would prefer to have the image above what you
write just write your e-mail after the image tag
instead of above it.
<<>html>
<<>a href="http://www.angelfire.com/sd/tetons") VISIT
SUMMERSTORM'S MOUNTAIN CABIN"> <<>/a>
<<>/html>
<<>html> <<>img
src="http://members.tripod.com/~stormyday/images/cat.
gif"><<>p>
<<>html> The Best Things In Life Aren't Things!
<<>/html>
<<>html>
<<>body
background="http://members.tripod.com/~cloudgazer/ima
ges/bb.gif" bgcolor="black" text="87CEFA">
<<>/html>
<<>html>
<<>body background=
"http://the background URL here" text="blue">
<<>/html>
For the color you can also use the hex color code
like.... text="#0000FF" This will give you the
background of your choice and you can write in any
color you choose.
<<>html>
<<>body
background="http://members.tripod.com/~cloudgazer/ima
ges/bb.gif" bgcolor="black" text="87CEFA"> <<>img
src="http://members.tripod.com/~stormyday/images/rose
.gif"><<>p> <<>a
href="http://www.angelfire.com/sd/tetons"> VISIT
SUMMERSTORM'S MOUNTAIN CABIN<<>/a>
<<>/html>
You can be as creative as you wish but always keep in
mind that the more things you have in your "sig" the
longer it will take to load. People get very
impatient waiting for things to load, so always try
and select images with the smallest file size and the
shortest loading time. Also be aware that computer
users get very upset when you post in news groups
with html in your sig. Now with the remove sig button
that isn't a problem....as long as you remember to
use it! LOL
<<>html>
<<>font color="your color here">
Write your e-mail message here.
<<>/font>
<<>/html>
<<>html>
<<>body bgcolor="000000" text="ffffff">
<<>/html>
Always remember that <<>html> MUST start in the VERY
FIRST space. Remember to send a test email to
yourself to make sure you are happy with the way it
looks.
You may see a " black box " when you are writing your
e-mail but it won't be seen by the reader. I hope
this tutorial helped you to create your own personal
e-mail signature.
Here is how to add your calling card or banner to a
guestbook or Email page. The following tags work for
your email page as well. Just put the codes in your
Sig Box where you wish the calling card to appear on
the page.
When filling out a guestbook, after you have filled
in all the information the form asks for, you now are
at the part on the form where it asks for a personal
message or comments.
1. You will start by putting the opening html tag the VERY first thing. (<<>html>)
2. Write what you wish to say.
3. When you have written all you wish to say and are
ready to put your calling card on, use this code:
<<>img src="addy of card">
4. If you wish to make your calling card a clickable
link use the following code:
<<>a href="addy you want to link to">
<<>img src="calling card addy"><<>/a>
5. You may align your card left, right,or center.
WebTV always defaults to the left so if you want it
on the left hand side no align tag is necessary. To
align it to the center add <<>center> at the
beginning of your code:
<<>center>
<<>img src="calling card addy">
<<>/center>
To align to the right use the following:
<<>img
src="addy of calling card" align="right">
6. Now that you are done you must close your html tag. (<<>/html>)
7. Hit the send button and your message and calling card will now be on the guestbook. I have found that most all guestbooks support html. There are a few that don't but they usually say so somewhere on the sign in page.
Good luck!
NOTE: Some file managers and servers will not allow linking to images make sure the addy you link to supports this feature.
Adding music to your email page is very easy. The following codes for placing music on your email can be used any where in your Signature box in between your opening <<>html> and your closing <<>/html>. Here is a tip I have found helpful. I always put my music code the last thing before closing the html. This way when you decide to change your music it is easy to get to -- not buried among your image codes.
1. <<>bgsound src="addy of song">
This will play your song one time. And will play as
soon as it loads when people are reading your
email.
2. <<>bgsound src="addy of song"
loop="-1">
This code will play the song over and over again
while the email is being viewed.
Note: Music tends to take awhile to load, so it will
take longer for someone to load and read your email
to them. To help this you might want to add a
clickable speaker to your mail with the song
attached. The reader then can click the
speaker to hear your music and the loading time of
your mail is much quicker. To do this use the
following codes.
3. <<>embed src="addy of song">
Again this will play your song once.
4. <<>embed src="addy of song"
autostart="true" loop="-1">
This will play your song over and over.