From: "Connie" Subject: Lesson 6 Have fun Date: Fri, 25 Jul 2003 23:44:15 -0500 Lines: 2724 MIME-Version: 1.0 Content-Type: multipart/alternative; boundary="----=_NextPart_000_0457_01C35306.A83A2D40" X-Priority: 3 X-MSMail-Priority: Normal X-Newsreader: Microsoft Outlook Express 5.50.4807.1700 X-MIMEOLE: Produced By Microsoft MimeOLE V5.50.4807.1700 Message-ID: Newsgroups: annexcafe.scripting Path: news.annexcafe.com Xref: news.annexcafe.com annexcafe.scripting:12570 NNTP-Posting-Host: cdm-66-36-127-susp.cox-internet.com 66.76.36.127 This is a multi-part message in MIME format. ------=_NextPart_000_0457_01C35306.A83A2D40 Content-Type: text/plain; charset="iso-8859-1" Content-Transfer-Encoding: quoted-printable Welcome to lesson 6. This week we will learn to add marquees to our = tables. Marquees are lots of fun and they are very easy. Welcome to the Annexcafe Scripting group. This is a teaching group for = those who want to learn how to write scripts for email stationery. The = lessons you will be using are all written by me unless otherwise stated. = I hold all copyrights to these lessons and TERMS OF USE are listed = below. Please read the rules listed below and please abide by them. TERMS OF USE Rule 1. Do not remove my name from the lessons and do not claim them as = your own. These lessons cannot be sold in any shape form or fashion. Do = not add them to a book, CD, Site, Group or any other form which is not = 100% free. This also means if your site is a membership site and money = is charged for the membership, do not put these lessons on your site.=20 Rule 2. Please use these lessons and learn from them. Please share them = freely with your friends. If you want to open a scripting group to teach = others how to write scripts for email stationery, as long as your group = teaches these lessons at no charge and as long as membership to your = group is offered at no charge, you may use these lessons on your group. = You may place them on your site for free download and you can print them = out or put them on a cd if there is no charge at all for the download, = no membership charge for the site and no charge for the CD or the = printed pages. This means no charge for shipping or handling of the CD = or printed pages either. These lessons are to remain always 100% free to = anyone who wishes to use them.=20 If you have a problem holding to the rules and TERMS of USE for these = lessons, then do not download them and do not use them. Downloading them = and using them in any way means you agree to the Terms of Use of these = lessons. =A9Connie Schutza Hill 2003 All rights reserved -----------------------------------------------What we need for the = lesson-------------------------- 1. One main image. Make sure to use a public domain image or one of your = own photos. If you post on the Annexcafe you are welcome to use an image = by one of the honored artists. 2. Two small images to put in the marquees. I used images that are the = same width, however you can use different widths if you like. My small = images are 103px wide. 3. A midi. 4. A seamless background tile. 5. HTML Kit or Windows notepad. --------------------------color codes in the = lesson------------------------------------------- During the lesson. If you see something in this bright blue color that = is just to draw your attention to that tag.=20 Things that are this dark blue will be there to show you how your script = should look right there at that spot in the lesson. I will keep moving = the whole script down till at the very end you will see the full script. = That will help you see what you miss if you hit a problem in the lesson. = In an effort to make the lessons even easier to understand, the new = stuff you added to the script since the last time you got the full = script, will be in bold text. Hope that will help you see just where = everything we just added went in the script.=20 Anything in green is the way the new bit of script that you are adding = should look. That way you can make sure you have it right as you work = and you can then check what the full script should look like so far by = moving to the next dark blue area which will always follow the green = area. The red lines just sort of mark sections of the lesson so I can keep up = with where I am as I go along. I will add numbers to these lines so you = can keep your place better. I will also note what each section is for in = red so that will help you keep your place as you go along.=20 ------------------------------------------------------1------------------= ------------------------- The new codes we will use for this lesson this will open our marquee and of course this opening tag has = a matching closing tag which looks like this... All of the codes below are placed into the opening marquee tag if they = are needed for what you want your marquee to do. The three codes below tell the marquee which direction to go when it = runs. The marquee will travel from left to right without one of these codes in = the script. Left to right is the default for the marquee. direction=3Dup this one makes the marquee travel from the bottom to the = top direction=3Ddown this one makes the marquee travel from the top to the = bottom direction=3Dright this one makes the marquee travel from the left to the = right The two codes below tell the marquee how we want it to behave. The = marquee will just scroll if you do not put one of these other behavior = codes into the tag so if you just want it to scroll you do not need to = put behavior codes in the tag at all. behavior=3D"alternate" This one makes the marquee go back and forth from = side to side or top to bottom, depending on if you put in a direction. = If you want it to go from side to side you do not need a direction = because the default for the marquee is to enter from the right and = travel left. behavior=3D"slide" This one makes the marquee enter and travel to the = far edge. No direction is needed on this one if you want it to enter = from the right and travel to the left as that is the default. If you = want it to enter in another way then you will need to put in the = direction. You may also want to add padding to the side of the cell = where this marquee will stop so it will not run to the very edge and = stop and then be off center.=20 scrollamount=3D1 Number of pixels the text moves each scroll increment. = The lower this number, the more smoothly the text scrolls, but the more = slowly it moves across the page. Most people set this to 1 so it does = not jump as it scrolls the text. scrolldelay=3D80 Number of milliseconds the marquee waits between scroll = increments. The lower this number, the faster the text scrolls. Most = people set this between 60 and 80 so it is easy to read the text before = it scrolls out of the textbox area. loop=3D2 How many times to repeat, or -1 to repeat indefinitely. If you = do not use loop at all, your marquee will repeat forever as that is the = default. However if you do not want it to repeat forever, then you will = need to add loop to your script. The only marquee which does not repeat = without the loop code is the behavior=3Dslide. That one only runs one = time unless you tell it to do more so on that one to get a repeat you = will have to have the loop code in the tag. I did not use this in my = script but I wanted to let you know that you can use it and what it does = so if you wanted to use it you will know how. This code goes into the = opening marquee tag.=20 If you want to mix your direction and behavior in one marquee you will = have two commands in that marquee tag. One for direction and one for = behavior. It will look like this if it has text in the marquee. You can = change the direction to up or down if you like.=20 text You can also add height and width to your marquee and this is added in = the style tags so I always give my marquee a class id name.=20 --------------------------------------------------2----------------------= ------------------- Okay let's talk a bit about Marquees.=20 A marquee can have text in it or it can have an image or you can have = both. Be aware that if you put in an image the text will follow at the = bottom edge of the image and not in the center of the image. So you do = not want to use a very large image if you mix text with images in your = marquee. We can even scroll our text in our textbox with a marquee and set the = speed that the text will scroll. A Marquee can fit into a table cell or you can place it on the screen = the same way you would a div or image by using the position: absolute; = left: what ever number you like and top: what ever number you would = like.=20 Marquees are fun and not hard to you should enjoy this lesson. -------------------------------------------------3-----------------------= ------------------------ Let's start our script. Start your script with the normal things we know we have to have in our = script. The html tags, head, title, style, body and sound tags. Also add = the style tags you know you will use, in this script the normal ones = will be the table style, cell style, image style and because our textbox = div is not the normal one this time do not add that till I give you the = codes for it in the lesson. Besure to give your table a class id name, = tell it how wide to be and where to align on the screen and give it = cellspacing and cellpadding. Remember to give all the cells and marquees = and the image a class id name all through the script even if I forget to = tell you to do it. Even if you do not add the style to your script for = that part of the script, the class id name will not hurt anything by = being in the script. I often have the id name in my script and then do = not add the style for that part in the script. But it is there in case I = want to add it later if I reuse the script later and make a few changes = to it. -------------------------------------------------4-----------------------= ------------------------ Your script should look like this -------------------------------------------------5-----------------------= ------------------------ Now we start our table We open a table, open the row and open the first cell. Remember to put = in your class id names and tell the cells to align everything to the = center. I do not want to put anything into my first cell but I want my = borders to show up so I add the line break tag which looks like this =
and then I close my cell. This lets the pc see the cell and tells = the pc there is something inside the cell so it shows us the borders. = Without this, your borders will not show up.=20 Next we open another cell because I already know that I want this table = to be three cells wide we have to put that in the cell tag. Next we open = our marquee I will need to give my marquee a class id name so I can add = the style to the marquee, I have to tell the marquee how to behave and = that goes inside the opening marquee tag as well. I know that I want my = marquee to do the slide command on this cell so I put in = behavior=3D"slide". Notice that is inside the opening marquee tag.=20 I am going to have text in this marquee so I add the word text to the = script, the word text goes right after the opening marquee tag and right = before the closing marquee tag. I do this I can tell at a glance in = preview if my font is showing the right size and the right color and = font face. We put all this information into the style tags a bit later = in the lesson. Then I close my marquee and my cell because I am finished = with them..=20 My last cell is another empty cell like the first one so I put that in = the script and because this is the last cell of the row I close my table = row at this time. -------------------------------------------------6-----------------------= ------------------------ Your script should look like this

Text

 Text
-------------------------------------------------7-----------------------= ---------------- Save your script and preview your stat.=20 Right now you should see your background tile, the stat borders, colored = scrollbars, the table and table background color. You should have three = cells with borders and the center cell should have the word text in it = and it will come in from the right and travel to the left side of the = cell and stop. The text is going to be black as that is the default = color and it will be the default font. If you have a dark color on your = table you may not see the font. If this is what you see, then you are = doing great and we are ready to move to the next step. If this is not = what you see compare your script to the one above and try to find your = error. If you do not find it then yell for help now so we can help you = find what the trouble is.. -------------------------------------------------8-----------------------= ------------------------ The next row of the script. We are ready to start a new row so we open a new row and our first cell = in the row. I want this cell to go all the way across the top and I want = it to hold a marquee. I want the marquee to go back and forth across = that cell. So I am going to make my cell colspan=3D3. I open the marquee = and I am going to set the marquee with behavior=3D"alternate" I am going = to give my marquee a class id name that is not the same as the other = marquee class id name and I am going to put the word text in the marquee = as we did before so I can tell at a glance if my text shows up correctly = when I put in my style. I close the marquee, close the cell and the row = because this is all the code needed for this row and cell. Here is the = code I add to the script for this row of the table. text -------------------------------------------------9-----------------------= ------------------------ Your script should look like this

Text
text
-------------------------------------------------10----------------------= ----------------- Save your script and preview your stat.=20 Right now you should see everything you saw on the last preview and you = will also see another marquee going across the table and it will have = the word text going from side to side. The font style will be set when = we add the marquee style tags to the style area of the script so right = now everything is at the default. -------------------------------------------------11----------------------= ----------------- Now we are ready to do our next row of the table. So we open a new row = and open a new cell. I want the first cell to span two rows so I will = add rowspan=3D2 to my cell tag. I want this first cell to hold a marquee = so I open a marquee and I have to give it a class id name so I can add = the size of the marquee to my stat. I want the marquee to go from the = bottom of the cell to the top so I have to give tell the marquee which = direction to move. So inside the opening marquee tag I put = direction=3Dup. I also have to tell it to hold an image not text. To get = the marquee to hold an image instead of text, we add the normal image = tag to the script and put it between the opening and closing marquee = tags. I am done with the Marquee and the first cell so I close the the = marquee and then close the cell but leave the row open for more cells. Here is the code I used for the first cell. We are now ready to put in our next cell in this row and I want this = cell to hold an image so I will have to put in an image tag. So we open = a new cell and we then add the image tag and then close the cell. I will = add this bit of code to the script next. 3D"artist Now it is time to add the last cell to this row. I want this row to span = two rows just like the first one and it will hold another marquee but = this marquee will travel from top to bottom. So I need to put that info = into the opening marquee tag. This marquee will hold an image to I add = an image tag and I close my marquee and then close my cell and because I = am done with this row, I close the row as well. Notice that in my script = I gave this marquee the same class id name as I gave to the first = marquee in this row. That is because my images are the same width in = both marquees. If your width is not the same on both images, you will = need to give this marquee a different class id name. The code for this = cell looks like this..=20 -------------------------------------------------12----------------------= ------------------------- Your script should look like this

Text
text
3D"artist
-------------------------------------------------13----------------------= ----------------- Lets add our style tags for our marquees now. Okay if we were to preview our stat now it would look a mess because the = pc does not know how wide to make our marquees. So let's add our marquee = style tags to the script now so when we take a look at our stat it is = not so messed up looking.. lol=20 First we put in the style tag for our first marquee, the very top one. = This goes in the top of the script between the opening and closing style = tags and I put mine right after my image style tag because that is the = order I almost always write my scripts, but the order does not matter as = long as it is in the right area of the script. We need to tell the pc = how tall to make this marquee and we need to tell the pc how wide to = make it. Because this one holds text I just used 100% for the width. = Because this one holds text we also need to tell the pc what font to = use, what color to make it, what size to make it and to align it center. = I want this text to not touch the top of the cell to I put in padding = for the top of 3px. I want this cell to not be too tall that is why I = only padded it by 3. Next, because this cell holds the slide marquee and = that makes the text run over to the left edge and stop, I wanted some = padding on the left to help center my text when it stops. This is = something you will have to play with to find your magic number. Due to = the text in my marquee, I need a padding of 15px so I put in padding = left: 15px; Here is what the style tag for my top marquee looks like.=20 .mar{ height:10px; width: 100%; FONT-FAMILY: BlackChancery; FONT-SIZE: 14pt; COLOR: #A5011B; text-align: center; padding-top:3px; padding-left: 15px; } The second marquee in my stat holds text as well but this one only needs = top padding so here is what the code for the style of the second marquee = looks like. .mar2{ height:10px; width: 100%; FONT-FAMILY: BlackChancery; FONT-SIZE: 14pt; COLOR: #A5011B; text-align: center; padding-top:3px; } The two tall marquee cells are the same on my script and I know how wide = to make them because they are the same width as my images inside the = marquees. I have to guess at the height and will then come back and = adjust the height as needed when I am done with the script. If I get the = marquees too tall, they will make the cell which holds the main image = stretch too tall and leave gaps above and below my main image. If I get = them too short, they will come in too low in the cell or stop too soon = in the cell. This is just a guessing game, play with the height till you = are happy with the look of your stat.=20 .mar3{ height: 670px; width: 103px; } I already know that I am going to put my textbox in as another marquee. = I know I want it to be 150px tall and I know all the other stuff like = the font, font size and color and that I want a background color so = while I am here in this area of the script I go ahead and add the style = for the text marquee. I want this marquee to have borders on it so I add = those to the style of this marquee. Notice on this textbox there is no = overflow auto. That is because we do not need or want scrollbars because = the text is going to scroll all on it's own because it is a marqee. I = also know that I want it to be named martx that way my snippet for this = type of textbox is easy to spot in the snippet folder of the html kit. = Makes it easy to add this to the script that way.. Here is what my style = for the textbox marquee will look like. .martx{ background color:#ffffff; BORDER-RIGHT: #DC0224 7px double; BORDER-TOP: #DC0224 7px double; BORDER-LEFT: #DC0224 7px double; BORDER-BOTTOM: #DC0224 7px double; padding:10; text-align: center; FONT-FAMILY: BlackChancery; FONT-SIZE: 14pt; COLOR: #A5011B; height:150px; width: 100%; } -------------------------------------------------14----------------------= ------------------------- Your script should look like this

Text
text
3D"artist
-------------------------------------------------15----------------------= ------------------------- Save and preview your script. You should see your top two rows as before and you should also see your = next row which holds the marquee, main image and the other marquee. Your = main image will have too much space above and below the image but that = is normal for right now. That is because we have yet to put our textbox = in the script and it will go below the main image so that will take up = the extra space in that area. Well we are ready to move to the last step = of this script now..=20 -------------------------------------------------16----------------------= ------------------------- Now we add our textbox. We will need to open our next row and our next cell. We will also need = to open our marquee. We need to tell the marquee how much to scroll the = text, how fast to scroll it and which direction to scroll it. We put all = that in the opening marquee tag and do not forget to put in the class id = name. Then we put the word text after the opening marquee tag and then = we close the marquee, the cell and then the row.=20 Here is the full code for this row of the script.=20 text We are all done with our script and with this lesson.=20 -------------------------------------------------17----------------------= ------------------------- Your script should look like this

Text
text
3D"artist
text
-------------------------------------------------18----------------------= ------------------------- special note Because this script has the marquee textbox, you will have to type your = note in source on your stat. The marquee textbox will not let you see = what you type after you go past the height of the textbox so it is best = to type in source unless you are better at typing blind than I am.. lol = When typing in source, if you want to make your text move to the next = line to start a new paragraph or sentence, just type
at the end of = the sentence you just finished and this will make the next text move to = a different line.=20 -------------------------------------------------19----------------------= ------------------------- Homework Design your own script and use what you learned in this lesson.=20 Have fun and come up with some great fun scripts filled with your = magic..=20 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ =A9Connie Schutza Hill 2003 All rights reserved ------=_NextPart_000_0457_01C35306.A83A2D40 Content-Type: text/html; charset="iso-8859-1" Content-Transfer-Encoding: quoted-printable

Welcome to lesson 6. This week we will learn to add = marquees=20 to our tables. Marquees are lots of fun and they are very easy.

Welcome to the Annexcafe Scripting group. This is a teaching group = for those=20 who want to learn how to write scripts for email stationery. The lessons = you=20 will be using are all written by me unless otherwise stated. I hold all=20 copyrights to these lessons and TERMS OF USE are listed = below.=20 Please read the rules listed below and please abide by them.

TERMS OF USE

Rule 1. Do not remove my name from the lessons and do not claim them = as your=20 own. These lessons cannot be sold in any shape form or fashion. Do not = add them=20 to a book, CD, Site, Group or any other form which is not 100% free. = This also=20 means if your site is a membership site and money is charged for the = membership,=20 do not put these lessons on your site.

Rule 2. Please use these lessons and learn from them. Please share = them=20 freely with your friends. If you want to open a scripting group to teach = others=20 how to write scripts for email stationery, as long as your group teaches = these=20 lessons at no charge and as long as membership to your group is offered = at no=20 charge, you may use these lessons on your group. You may place them on = your site=20 for free download and you can print them out or put them on a cd if = there is no=20 charge at all for the download, no membership charge for the site and no = charge=20 for the CD or the printed pages. This means no charge for shipping or = handling=20 of the CD or printed pages either. These lessons are to remain always = 100% free=20 to anyone who wishes to use them.

If you have a problem holding to the rules and TERMS of USE for these = lessons, then do not download them and do not use them. Downloading them = and=20 using them in any way means you agree to the Terms of Use of these=20 lessons.

=A9Connie Schutza Hill 2003

All rights reserved

-----------------------------------------------What we need for the=20 lesson--------------------------

1. One main image. Make sure to use a public domain image or one of = your own=20 photos. If you post on the Annexcafe you are welcome to use an image by = one of=20 the honored artists.

2. Two small images to put in the marquees. I used images that are = the same=20 width, however you can use different widths if you like. My small images = are=20 103px wide.

3. A midi.

4. A seamless background tile.

5. HTML Kit or Windows notepad.

--------------------------color codes in the=20 lesson-------------------------------------------

During the lesson. If you see something in this bright blue color = that is=20 just to draw your attention to that tag.

Things that are this dark blue will be there to show you how your = script=20 should look right there at that spot in the lesson. I will keep moving = the whole=20 script down till at the very end you will see the full script. That will = help=20 you see what you miss if you hit a problem in the lesson. In an effort = to make=20 the lessons even easier to understand, the new stuff you added to the = script=20 since the last time you got the full script, will be in bold text. Hope = that=20 will help you see just where everything we just added went in the = script.=20

Anything in green is the way the new bit of script that you are = adding should=20 look. That way you can make sure you have it right as you work and you = can then=20 check what the full script should look like so far by moving to the next = dark=20 blue area which will always follow the green area.

The red lines just sort of mark sections of the lesson so I can keep = up with=20 where I am as I go along. I will add numbers to these lines so you can = keep your=20 place better. I will also note what each section is for in red so that = will help=20 you keep your place as you go along.

------------------------------------------------------1---------------= ----------------------------

The new codes we will use for this lesson

<MARQUEE> this will open our = marquee and=20 of course this opening tag has a matching closing tag which looks like = this...=20 </MARQUEE>

All of the codes below are placed into the opening marquee tag if = they are=20 needed for what you want your marquee to do.

The three codes below tell the marquee which direction to go when it=20 runs.

The marquee will travel from left to right without one of these codes = in the=20 script. Left to right is the default for the marquee.

direction=3Dup this one makes the = marquee travel=20 from the bottom to the top

direction=3Ddown this one makes the = marquee=20 travel from the top to the bottom

direction=3Dright this one makes the = marquee=20 travel from the left to the right

 

The two codes below tell the marquee how we want it to behave. The = marquee=20 will just scroll if you do not put one of these other behavior codes = into the=20 tag so if you just want it to scroll you do not need to put behavior = codes in=20 the tag at all.

behavior=3D"alternate" This one = makes the=20 marquee go back and forth from side to side or top to bottom, depending = on if=20 you put in a direction. If you want it to go from side to side you do = not need a=20 direction because the default for the marquee is to enter from the right = and=20 travel left.

behavior=3D"slide" This one makes = the marquee=20 enter and travel to the far edge. No direction is needed on this one if = you want=20 it to enter from the right and travel to the left as that is the = default. If you=20 want it to enter in another way then you will need to put in the = direction. You=20 may also want to add padding to the side of the cell where this marquee = will=20 stop so it will not run to the very edge and stop and then be off = center.=20

scrollamount=3D1 Number of pixels the text moves each = scroll=20 increment. The lower this number, the more smoothly the text scrolls, = but the=20 more slowly it moves across the page. Most people set this to 1 so it = does not=20 jump as it scrolls the text.

scrolldelay=3D80 Number of milliseconds the marquee waits = between=20 scroll increments. The lower this number, the faster the text scrolls. = Most=20 people set this between 60 and 80 so it is easy to read the text before = it=20 scrolls out of the textbox area.

loop=3D2 How many times to repeat, or -1 to repeat = indefinitely. If=20 you do not use loop at all, your marquee will repeat forever as that is = the=20 default. However if you do not want it to repeat forever, then you will = need to=20 add loop to your script. The only marquee which does not repeat without = the loop=20 code is the behavior=3Dslide. That one only runs one time unless you = tell it to do=20 more so on that one to get a repeat you will have to have the loop code = in the=20 tag. I did not use this in my script but I wanted to let you know that = you can=20 use it and what it does so if you wanted to use it you will know how. = This code=20 goes into the opening marquee tag.

If you want to mix your direction and behavior in one marquee you = will have=20 two commands in that marquee tag. One for direction and one for = behavior. It=20 will look like this if it has text in the marquee. You can change the = direction=20 to up or down if you like.

<MARQUEE class=3Dmar2 behavior=3D"alternate"=20 direction=3D"right">text</MARQUEE>

You can also add height and width to your marquee and this is added = in the=20 style tags so I always give my marquee a class id name.

--------------------------------------------------2-------------------= ----------------------

Okay let's talk a bit about Marquees.

A marquee can have text in it or it can have an image or you can have = both.=20 Be aware that if you put in an image the text will follow at the bottom = edge of=20 the image and not in the center of the image. So you do not want to use = a very=20 large image if you mix text with images in your marquee.

We can even scroll our text in our textbox with a marquee and set the = speed=20 that the text will scroll.

A Marquee can fit into a table cell or you can place it on the screen = the=20 same way you would a div or image by using the position: absolute; left: = what=20 ever number you like and top: what ever number you would like.

Marquees are fun and not hard to you should enjoy this=20 lesson.

-------------------------------------------------3--------------------= ---------------------------

Let's start our script.

Start your script with the normal things we know we have to have in = our=20 script. The html tags, head, title, style, body and sound tags. Also add = the=20 style tags you know you will use, in this script the normal ones will be = the=20 table style, cell style, image style and because our textbox div is not = the=20 normal one this time do not add that till I give you the codes for it in = the=20 lesson. Besure to give your table a class id name, tell it how wide to = be and=20 where to align on the screen and give it cellspacing and cellpadding. = Remember=20 to give all the cells and marquees and the image a class id name all = through the=20 script even if I forget to tell you to do it. Even if you do not add the = style=20 to your script for that part of the script, the class id name will not = hurt=20 anything by being in the script. I often have the id name in my script = and then=20 do not add the style for that part in the script. But it is there in = case I want=20 to add it later if I reuse the script later and make a few changes to=20 it.

-------------------------------------------------4--------------------= ---------------------------

Your script should look like this

<html>

<head>

<title> </title>

<!--Script by Connie-->

<style>

Body{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

scrollbar-face-color:#ffffff;

scrollbar-highlight-color:#A5011B;

scrollbar-3dlight-color:#ffffff;

scrollbar-darkshadow-color:#ffffff;

scrollbar-shadow-color:#ffffff;

scrollbar-arrow-color:#A5011B;

scrollbar-track-color:#ffffff;

}

.tb{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

background color: #ffffff;

}

.tc{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

.phto{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

 

 

</style>

</head>

<!--background tile here keep this all on one line-->

<BODY bgColor=3D#FFFFFF onload=3D"window.status=3D'. . . . . . . = Stat and Script=20 by your name . . . . . . . '" background=3D"C:/Program Files/Common=20 Files/Microsoft Shared/Stationery/tile here.jpg">

<!--Midi file here-->

<BGSOUND balance=3D0 src=3D"C:/Program Files/Common = Files/Microsoft=20 Shared/Stationery/Midi here.mid" volume=3D0 loop=3Dinfinite>

 

 

 

 

 

 

</body>

</html>

-------------------------------------------------5--------------------= ---------------------------

Now we start our table

We open a table, open the row and open the first cell. Remember to = put in=20 your class id names and tell the cells to align everything to the = center. I do=20 not want to put anything into my first cell but I want my borders to = show up so=20 I add the line break tag which looks like this <BR> and then I = close my=20 cell. This lets the pc see the cell and tells the pc there is something = inside=20 the cell so it shows us the borders. Without this, your borders will not = show=20 up.

<TABLE class=3Dtb width=3D450px align=3Dcenter cellpadding=3D5=20 cellspacing=3D30>

<TR>

<TD class=3Dtc = align=3Dcenter><BR></TD>

Next we open another cell because I already know that I want this = table to be=20 three cells wide we have to put that in the cell tag. Next we open our = marquee I=20 will need to give my marquee a class id name so I can add the style to = the=20 marquee, I have to tell the marquee how to behave and that goes inside = the=20 opening marquee tag as well. I know that I want my marquee to do the = slide=20 command on this cell so I put in behavior=3D"slide". Notice that is = inside the=20 opening marquee tag.

I am going to have text in this marquee so I add the word text to the = script,=20 the word text goes right after the opening marquee tag and right before = the=20 closing marquee tag. I do this I can tell at a glance in preview if my = font is=20 showing the right size and the right color and font face. We put all = this=20 information into the style tags a bit later in the lesson. Then I close = my=20 marquee and my cell because I am finished with them.. =

<TD class=3Dtc align=3Dcenter><MARQUEE class=3Dmar=20 behavior=3D"slide">Text</MARQUEE></TD>

My last cell is another empty cell like the first one so I put that = in the=20 script and because this is the last cell of the row I close my table row = at this=20 time.

<TD class=3Dtc=20 align=3Dcenter><BR></TD></TR>

-------------------------------------------------6--------------------= ---------------------------

Your script should look like this

<html>

<head>

<title> </title>

<!--Script by Connie-->

<style>

Body{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

scrollbar-face-color:#ffffff;

scrollbar-highlight-color:#A5011B;

scrollbar-3dlight-color:#ffffff;

scrollbar-darkshadow-color:#ffffff;

scrollbar-shadow-color:#ffffff;

scrollbar-arrow-color:#A5011B;

scrollbar-track-color:#ffffff;

}

.tb{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

background color: #ffffff;

}

.tc{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

.phto{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

 

 

</style>

</head>

<!--background tile here keep this all on one line-->

<BODY bgColor=3D#FFFFFF onload=3D"window.status=3D'. . . . . . . = Stat and Script=20 by your name . . . . . . . '" background=3D"C:/Program Files/Common=20 Files/Microsoft Shared/Stationery/tile here.jpg">

<!--Midi file here-->

<BGSOUND balance=3D0 src=3D"C:/Program Files/Common = Files/Microsoft=20 Shared/Stationery/Midi here.mid" volume=3D0 = loop=3Dinfinite>

<TABLE class=3Dtb width=3D450px align=3Dcenter cellpadding=3D5=20 cellspacing=3D30>

<TR>

<TD class=3Dtc align=3Dcenter><BR></TD>

<TD class=3Dtc align=3Dcenter><MARQUEE class=3Dmar=20 behavior=3D"slide">Text</MARQUEE></TD>

<TD class=3Dtc=20 align=3Dcenter><BR></TD></TR>

 

 

 

</TABLE>

</body>

</html>

-------------------------------------------------7--------------------= -------------------

Save your script and preview your stat.

Right now you should see your background tile, the stat borders, = colored=20 scrollbars, the table and table background color. You should have three = cells=20 with borders and the center cell should have the word text in it and it = will=20 come in from the right and travel to the left side of the cell and stop. = The=20 text is going to be black as that is the default color and it will be = the=20 default font. If you have a dark color on your table you may not see the = font.=20 If this is what you see, then you are doing great and we are ready to = move to=20 the next step. If this is not what you see compare your script to the = one above=20 and try to find your error. If you do not find it then yell for help now = so we=20 can help you find what the trouble is..

 

 

-------------------------------------------------8--------------------= ---------------------------

The next row of the script.

We are ready to start a new row so we open a new row and our first = cell in=20 the row. I want this cell to go all the way across the top and I want it = to hold=20 a marquee. I want the marquee to go back and forth across that cell. So = I am=20 going to make my cell colspan=3D3. I open the marquee and I am going to = set the=20 marquee with behavior=3D"alternate" I am going to give my marquee a = class id name=20 that is not the same as the other marquee class id name and I am going = to put=20 the word text in the marquee as we did before so I can tell at a glance = if my=20 text shows up correctly when I put in my style. I close the marquee, = close the=20 cell and the row because this is all the code needed for this row and = cell. Here=20 is the code I add to the script for this row of the = table.

<TR>

<TD class=3Dtc align=3Dcenter colspan=3D3><MARQUEE = class=3Dmar2=20 behavior=3D"alternate">text = </MARQUEE></TD></TR>

 

-------------------------------------------------9--------------------= ---------------------------

Your script should look like this

<html>

<head>

<title> </title>

<!--Script by Connie-->

<style>

Body{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

scrollbar-face-color:#ffffff;

scrollbar-highlight-color:#A5011B;

scrollbar-3dlight-color:#ffffff;

scrollbar-darkshadow-color:#ffffff;

scrollbar-shadow-color:#ffffff;

scrollbar-arrow-color:#A5011B;

scrollbar-track-color:#ffffff;

}

.tb{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

background color: #ffffff;

}

.tc{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

.phto{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

 

 

</style>

</head>

<!--background tile here keep this all on one line-->

<BODY bgColor=3D#FFFFFF onload=3D"window.status=3D'. . . . . . . = Stat and Script=20 by your name . . . . . . . '" background=3D"C:/Program Files/Common=20 Files/Microsoft Shared/Stationery/tile here.jpg">

<!--Midi file here-->

<BGSOUND balance=3D0 src=3D"C:/Program Files/Common = Files/Microsoft=20 Shared/Stationery/Midi here.mid" volume=3D0 loop=3Dinfinite>

<TABLE class=3Dtb width=3D450px align=3Dcenter cellpadding=3D5=20 cellspacing=3D30>

<TR>

<TD class=3Dtc align=3Dcenter><BR></TD>

<TD class=3Dtc align=3Dcenter><MARQUEE class=3Dmar=20 behavior=3D"slide">Text</MARQUEE></TD>

<TD class=3Dtc=20 align=3Dcenter><BR></TD></TR>

<TR>

<TD class=3Dtc align=3Dcenter colspan=3D3><MARQUEE = class=3Dmar2=20 behavior=3D"alternate">text=20 </MARQUEE></TD></TR>

 

 

</TABLE>

</body>

</html>

 

-------------------------------------------------10-------------------= --------------------

Save your script and preview your stat.

Right now you should see everything you saw on the last preview and = you will=20 also see another marquee going across the table and it will have the = word text=20 going from side to side. The font style will be set when we add the = marquee=20 style tags to the style area of the script so right now everything is at = the=20 default.

-------------------------------------------------11-------------------= --------------------

Now we are ready to do our next row of the table. So we open a new = row and=20 open a new cell. I want the first cell to span two rows so I will add = rowspan=3D2=20 to my cell tag. I want this first cell to hold a marquee so I open a = marquee and=20 I have to give it a class id name so I can add the size of the marquee = to my=20 stat. I want the marquee to go from the bottom of the cell to the top so = I have=20 to give tell the marquee which direction to move. So inside the opening = marquee=20 tag I put direction=3Dup. I also have to tell it to hold an image not = text. To get=20 the marquee to hold an image instead of text, we add the normal image = tag to the=20 script and put it between the opening and closing marquee tags. I am = done with=20 the Marquee and the first cell so I close the the marquee and then close = the=20 cell but leave the row open for more cells.

Here is the code I used for the first cell.

<TR>

<TD class=3Dtc align=3Dcenter rowspan=3D2><MARQUEE = class=3Dmar3=20 direction=3Dup><IMG src=3D"C:/Program Files/Common Files/Microsoft = Shared/Stationery/image.jpg"></MARQUEE></TD>

We are now ready to put in our next cell in this row and I want this = cell to=20 hold an image so I will have to put in an image tag. So we open a new = cell and=20 we then add the image tag and then close the cell. I will add this bit = of code=20 to the script next.

<TD class=3Dtc align=3Dcenter><IMG ALT=3D"artist name" = class=3Dphto=20 src=3D"C:/Program Files/Common Files/Microsoft=20 Shared/Stationery/image.jpg"></TD>

Now it is time to add the last cell to this row. I want this row to = span two=20 rows just like the first one and it will hold another marquee but this = marquee=20 will travel from top to bottom. So I need to put that info into the = opening=20 marquee tag. This marquee will hold an image to I add an image tag and I = close=20 my marquee and then close my cell and because I am done with this row, I = close=20 the row as well. Notice that in my script I gave this marquee the same = class id=20 name as I gave to the first marquee in this row. That is because my = images are=20 the same width in both marquees. If your width is not the same on both = images,=20 you will need to give this marquee a different class id name. The code = for this=20 cell looks like this..

<TD class=3Dtc align=3Dcenter rowspan=3D2><MARQUEE = class=3Dmar3=20 direction=3Ddown><IMG src=3D"C:/Program Files/Common = Files/Microsoft=20 Shared/Stationery/image.jpg"></MARQUEE></TD></TR>

-------------------------------------------------12-------------------= ----------------------------

Your script should look like this

<html>

<head>

<title> </title>

<!--Script by Connie-->

<style>

Body{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

scrollbar-face-color:#ffffff;

scrollbar-highlight-color:#A5011B;

scrollbar-3dlight-color:#ffffff;

scrollbar-darkshadow-color:#ffffff;

scrollbar-shadow-color:#ffffff;

scrollbar-arrow-color:#A5011B;

scrollbar-track-color:#ffffff;

}

.tb{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

background color:#ffffff;

}

.tc{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

.phto{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

 

 

</style>

</head>

<!--background tile here keep this all on one line-->

<BODY bgColor=3D#FFFFFF onload=3D"window.status=3D'. . . . . . . = Stat and Script=20 by your name . . . . . . . '" background=3D"C:/Program Files/Common=20 Files/Microsoft Shared/Stationery/tile here.jpg">

<!--Midi file here-->

<BGSOUND balance=3D0 src=3D"C:/Program Files/Common = Files/Microsoft=20 Shared/Stationery/Midi here.mid" volume=3D0 loop=3Dinfinite>

<TABLE class=3Dtb width=3D450px align=3Dcenter cellpadding=3D5=20 cellspacing=3D30>

<TR>

<TD class=3Dtc align=3Dcenter><BR></TD>

<TD class=3Dtc align=3Dcenter><MARQUEE class=3Dmar=20 behavior=3D"slide">Text</MARQUEE></TD>

<TD class=3Dtc=20 align=3Dcenter><BR></TD></TR>

<TR>

<TD class=3Dtc align=3Dcenter colspan=3D3><MARQUEE = class=3Dmar2=20 behavior=3D"alternate">text=20 </MARQUEE></TD></TR>

<TR>

<TD class=3Dtc align=3Dcenter rowspan=3D2><MARQUEE = class=3Dmar3=20 direction=3Dup><IMG src=3D"C:/Program Files/Common Files/Microsoft = Shared/Stationery/image.jpg"></MARQUEE></TD>

<TD class=3Dtc align=3Dcenter><IMG ALT=3D"artist name" = class=3Dphto=20 src=3D"C:/Program Files/Common Files/Microsoft=20 Shared/Stationery/image.jpg"></TD>

<TD class=3Dtc align=3Dcenter rowspan=3D2><MARQUEE = class=3Dmar3=20 direction=3Ddown><IMG src=3D"C:/Program Files/Common = Files/Microsoft=20 Shared/Stationery/image.jpg"></MARQUEE></TD></TR>

</TABLE>

</body>

</html>

-------------------------------------------------13-------------------= --------------------

Lets add our style tags for our marquees now.

Okay if we were to preview our stat now it would look a mess because = the pc=20 does not know how wide to make our marquees. So let's add our marquee = style tags=20 to the script now so when we take a look at our stat it is not so messed = up=20 looking.. lol

First we put in the style tag for our first marquee, the very top = one. This=20 goes in the top of the script between the opening and closing style tags = and I=20 put mine right after my image style tag because that is the order I = almost=20 always write my scripts, but the order does not matter as long as it is = in the=20 right area of the script. We need to tell the pc how tall to make this = marquee=20 and we need to tell the pc how wide to make it. Because this one holds = text I=20 just used 100% for the width. Because this one holds text we also need = to tell=20 the pc what font to use, what color to make it, what size to make it and = to=20 align it center. I want this text to not touch the top of the cell to I = put in=20 padding for the top of 3px. I want this cell to not be too tall that is = why I=20 only padded it by 3. Next, because this cell holds the slide marquee and = that=20 makes the text run over to the left edge and stop, I wanted some padding = on the=20 left to help center my text when it stops. This is something you will = have to=20 play with to find your magic number. Due to the text in my marquee, I = need a=20 padding of 15px so I put in padding left: 15px; Here is what the style = tag for=20 my top marquee looks like.

.mar{

height:10px;

width: 100%;

FONT-FAMILY: BlackChancery;

FONT-SIZE: 14pt;

COLOR: #A5011B;

text-align: center;

padding-top:3px;

padding-left: 15px;

}

The second marquee in my stat holds text as well but this one only = needs top=20 padding so here is what the code for the style of the second marquee = looks=20 like.

.mar2{

height:10px;

width: 100%;

FONT-FAMILY: BlackChancery;

FONT-SIZE: 14pt;

COLOR: #A5011B;

text-align: center;

padding-top:3px;

}

The two tall marquee cells are the same on my script and I know how = wide to=20 make them because they are the same width as my images inside the = marquees. I=20 have to guess at the height and will then come back and adjust the = height as=20 needed when I am done with the script. If I get the marquees too tall, = they will=20 make the cell which holds the main image stretch too tall and leave gaps = above=20 and below my main image. If I get them too short, they will come in too = low in=20 the cell or stop too soon in the cell. This is just a guessing game, = play with=20 the height till you are happy with the look of your stat. =

.mar3{

height: 670px;

width: 103px;

}

I already know that I am going to put my textbox in as another = marquee. I=20 know I want it to be 150px tall and I know all the other stuff like the = font,=20 font size and color and that I want a background color so while I am = here in=20 this area of the script I go ahead and add the style for the text = marquee. I=20 want this marquee to have borders on it so I add those to the style of = this=20 marquee. Notice on this textbox there is no overflow auto. That is = because we do=20 not need or want scrollbars because the text is going to scroll all on = it's own=20 because it is a marqee. I also know that I want it to be named martx = that way my=20 snippet for this type of textbox is easy to spot in the snippet folder = of the=20 html kit. Makes it easy to add this to the script that way.. Here is = what my=20 style for the textbox marquee will look like.

.martx{

background color:#ffffff;

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

padding:10;

text-align: center;

FONT-FAMILY: BlackChancery;

FONT-SIZE: 14pt;

COLOR: #A5011B;

height:150px;

width: 100%;

}

-------------------------------------------------14-------------------= ----------------------------

Your script should look like this

<html>

<head>

<title> </title>

<!--Script by Connie-->

<style>

Body{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

scrollbar-face-color:#ffffff;

scrollbar-highlight-color:#A5011B;

scrollbar-3dlight-color:#ffffff;

scrollbar-darkshadow-color:#ffffff;

scrollbar-shadow-color:#ffffff;

scrollbar-arrow-color:#A5011B;

scrollbar-track-color:#ffffff;

}

.tb{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

background color:#ffffff;

}

.tc{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

.phto{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

.mar{

height:10px;

width: 100%;

FONT-FAMILY: BlackChancery;

FONT-SIZE: 14pt;

COLOR: #A5011B;

text-align: center;

padding-top:3px;

padding-left: 15px;

}

.mar2{

height:10px;

width: 100%;

FONT-FAMILY: BlackChancery;

FONT-SIZE: 14pt;

COLOR: #A5011B;

text-align: center;

padding-top:3px;

}

.mar3{

height: 670px;

width: 103px;

}

.martx{

background color:#ffffff;

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

padding:10;

text-align: center;

FONT-FAMILY: BlackChancery;

FONT-SIZE: 14pt;

COLOR: #A5011B;

height:150px;

width: 100%;

}

</style>

</head>

<!--background tile here keep this all on one line-->

<BODY bgColor=3D#FFFFFF onload=3D"window.status=3D'. . . . . . . = Stat and Script=20 by your name . . . . . . . '" background=3D"C:/Program Files/Common=20 Files/Microsoft Shared/Stationery/tile here.jpg">

<!--Midi file here-->

<BGSOUND balance=3D0 src=3D"C:/Program Files/Common = Files/Microsoft=20 Shared/Stationery/Midi here.mid" volume=3D0 loop=3Dinfinite>

<TABLE class=3Dtb width=3D450px align=3Dcenter cellpadding=3D5=20 cellspacing=3D30>

<TR>

<TD class=3Dtc align=3Dcenter><BR></TD>

<TD class=3Dtc align=3Dcenter><MARQUEE class=3Dmar=20 behavior=3D"slide">Text</MARQUEE></TD>

<TD class=3Dtc=20 align=3Dcenter><BR></TD></TR>

<TR>

<TD class=3Dtc align=3Dcenter colspan=3D3><MARQUEE = class=3Dmar2=20 behavior=3D"alternate">text = </MARQUEE></TD></TR>

<TR>

<TD class=3Dtc align=3Dcenter rowspan=3D2><MARQUEE = class=3Dmar3=20 direction=3Dup><IMG src=3D"C:/Program Files/Common Files/Microsoft = Shared/Stationery/image.jpg"></MARQUEE></TD>

<TD class=3Dtc align=3Dcenter><IMG ALT=3D"artist name" = class=3Dphto=20 src=3D"C:/Program Files/Common Files/Microsoft=20 Shared/Stationery/image.jpg"></TD>

<TD class=3Dtc align=3Dcenter rowspan=3D2><MARQUEE = class=3Dmar3=20 direction=3Ddown><IMG src=3D"C:/Program Files/Common = Files/Microsoft=20 Shared/Stationery/image.jpg"></MARQUEE></TD></TR>

</TABLE>

</body>

</html>

-------------------------------------------------15-------------------= ----------------------------

Save and preview your script.

You should see your top two rows as before and you should also see = your next=20 row which holds the marquee, main image and the other marquee. Your main = image=20 will have too much space above and below the image but that is normal = for right=20 now. That is because we have yet to put our textbox in the script and it = will go=20 below the main image so that will take up the extra space in that area. = Well we=20 are ready to move to the last step of this script now.. =

-------------------------------------------------16-------------------= ----------------------------

Now we add our textbox.

We will need to open our next row and our next cell. We will also = need to=20 open our marquee. We need to tell the marquee how much to scroll the = text, how=20 fast to scroll it and which direction to scroll it. We put all that in = the=20 opening marquee tag and do not forget to put in the class id name. Then = we put=20 the word text after the opening marquee tag and then we close the = marquee, the=20 cell and then the row.

Here is the full code for this row of the script.

<TR>

<TD class=3Dtc align=3Dcenter><MARQUEE class=3Dmartx = scrollAmount=3D1=20 scrollDelay=3D80=20 direction=3Dup>text</MARQUEE></TD></TR>

We are all done with our script and with this lesson.

 

-------------------------------------------------17-------------------= ----------------------------

Your script should look like this

<html>

<head>

<title> </title>

<!--Script by Connie-->

<style>

Body{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

scrollbar-face-color:#ffffff;

scrollbar-highlight-color:#A5011B;

scrollbar-3dlight-color:#ffffff;

scrollbar-darkshadow-color:#ffffff;

scrollbar-shadow-color:#ffffff;

scrollbar-arrow-color:#A5011B;

scrollbar-track-color:#ffffff;

}

.tb{

BORDER-RIGHT: #DC0224 8px inset;

BORDER-TOP: #DC0224 8px outset;

BORDER-LEFT: #DC0224 8px outset;

BORDER-BOTTOM: #DC0224 8px inset;

background color:#ffffff;

}

.tc{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

.phto{

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

}

.mar{

height:10px;

width: 100%;

FONT-FAMILY: BlackChancery;

FONT-SIZE: 14pt;

COLOR: #A5011B;

text-align: center;

padding-top:3px;

padding-left: 15px;

}

.mar2{

height:10px;

width: 100%;

FONT-FAMILY: BlackChancery;

FONT-SIZE: 14pt;

COLOR: #A5011B;

text-align: center;

padding-top:3px;

}

.mar3{

height: 670px;

width: 103px;

}

.martx{

background color:#ffffff;

BORDER-RIGHT: #DC0224 7px double;

BORDER-TOP: #DC0224 7px double;

BORDER-LEFT: #DC0224 7px double;

BORDER-BOTTOM: #DC0224 7px double;

padding:10;

text-align: center;

FONT-FAMILY: BlackChancery;

FONT-SIZE: 14pt;

COLOR: #A5011B;

height:150px;

width: 100%;

}

</style>

</head>

<!--background tile here keep this all on one line-->

<BODY bgColor=3D#FFFFFF onload=3D"window.status=3D'. . . . . . . = Stat and Script=20 by your name . . . . . . . '" background=3D"C:/Program Files/Common=20 Files/Microsoft Shared/Stationery/tile here.jpg">

<!--Midi file here-->

<BGSOUND balance=3D0 src=3D"C:/Program Files/Common = Files/Microsoft=20 Shared/Stationery/Midi here.mid" volume=3D0 loop=3Dinfinite>

<TABLE class=3Dtb width=3D450px align=3Dcenter cellpadding=3D5=20 cellspacing=3D30>

<TR>

<TD class=3Dtc align=3Dcenter><BR></TD>

<TD class=3Dtc align=3Dcenter><MARQUEE class=3Dmar=20 behavior=3D"slide">Text</MARQUEE></TD>

<TD class=3Dtc=20 align=3Dcenter><BR></TD></TR>

<TR>

<TD class=3Dtc align=3Dcenter colspan=3D3><MARQUEE = class=3Dmar2=20 behavior=3D"alternate">text = </MARQUEE></TD></TR>

<TR>

<TD class=3Dtc align=3Dcenter rowspan=3D2><MARQUEE = class=3Dmar3=20 direction=3Dup><IMG src=3D"C:/Program Files/Common Files/Microsoft = Shared/Stationery/image.jpg"></MARQUEE></TD>

<TD class=3Dtc align=3Dcenter><IMG ALT=3D"artist name" = class=3Dphto=20 src=3D"C:/Program Files/Common Files/Microsoft=20 Shared/Stationery/image.jpg"></TD>

<TD class=3Dtc align=3Dcenter rowspan=3D2><MARQUEE = class=3Dmar3=20 direction=3Ddown><IMG src=3D"C:/Program Files/Common = Files/Microsoft=20 Shared/Stationery/image.jpg"></MARQUEE></TD></TR>

<TR>

<TD class=3Dtc align=3Dcenter><MARQUEE class=3Dmartx = scrollAmount=3D1=20 scrollDelay=3D80=20 direction=3Dup>text</MARQUEE></TD></TR>

</TABLE>

</body>

</html>

-------------------------------------------------18-------------------= ----------------------------

special note

Because this script has the marquee textbox, you will have to type = your note=20 in source on your stat. The marquee textbox will not let you see what = you type=20 after you go past the height of the textbox so it is best to type in = source=20 unless you are better at typing blind than I am.. lol When typing in = source, if=20 you want to make your text move to the next line to start a new = paragraph or=20 sentence, just type <BR> = at the end of the sentence you just finished and this = will make=20 the next text move to a different line.

-------------------------------------------------19-------------------= ----------------------------

Homework

Design your own script and use what you learned in this lesson.

Have fun and come up with some great fun scripts filled with your=20 magic..

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

=

=A9Connie Schutza Hill 2003

All rights reserved

 

 

 

 

------=_NextPart_000_0457_01C35306.A83A2D40--