View Full Version : Making Moving, Bordered, Glowing(well, you get the idea) Text w/HTML!


HTMyaL
05-07-2004, 01:18 AM
Easy as these steps:
Step One: Put your basic, average, simple marquee code in:
Example:<marquee>
Step Two: Add a background color! (If you want. If you don't, skip this step and step three)
Example: <marquee bgcolor="#0000FF">
Step Three: Decide how you want your bordered, glowing, etc. text to come in. Do you want it to:
A) Stay where it is? Here's what you add: <marquee bgcolor="color"behavior="alternate">
B) Slide in, then stay when it comes all the way in? Here's the code: <marquee bgcolor="color"behavior="slide">
C) Scroll across the background (doesn't stop)? Here's the code:
<marquee bgcolor="color"behavior="scroll">
If you want C), you don't really have to put in anything extra because that is default!
Example: <marquee bgcolor="#0000FF"behavior="slide">
Step Four: Add your filters in a seperate tag from the bgcolor tag! You know filters :). (look at Lissa's lessons) Add lots of them! (Have more than example)
Example: <marquee bgcolor="#0000FF"behavior="slide"><marquee style="filter: glow(color=#C0C0C0)dropshadow(color=#000000)">
Step Five: Add the first border in the same tag! Don't forget the behavior if you don't want it to scroll! The types of borders are dotted, dashed, solid, double, ridge, groove, inset, and outset.
Example: <marquee bgcolor="#0000FF"behavior="slide"><marquee style="filter: glow(color=#C0C0C0)dropshadow(color=#000000); border: 40px ridge #FF0000"behavior="alternate">
Step Six: Add more borders in seperate tags if you want!
Example: <marquee bgcolor="#0000FF"behavior="slide"><marquee style="filter: glow(color=#C0C0C0)dropshadow(color=#000000); border: 40px ridge #FF0000"behavior="alternate"><marquee style="border: 30px dotted #00FF00"behavior="alternate"><marquee style="border: 20px dotted #FFFFFF"behavior="alternate">
Step Seven: Change the font and stuff!
Example: <marquee bgcolor="#0000FF"behavior="slide"><marquee style="filter: glow(color=#C0C0C0)dropshadow(color=#000000); border: 40px ridge #FF0000"behavior="alternate"><marquee style="border: 30px dotted #00FF00"behavior="alternate"><marquee style="border: 20px dotted #FFFFFF"behavior="alternate"><font face="comic sans ms"color="#336699"size="+7">
Step Eight: Add your text!
Example: <marquee bgcolor="#0000FF"behavior="slide"><marquee style="filter: glow(color=#C0C0C0)dropshadow(color=#000000); border: 40px ridge #FF0000"behavior="alternate"><marquee style="border: 30px dotted #00FF00"behavior="alternate"><marquee style="border: 20px dotted #FFFFFF"behavior="alternate"><font face="comic sans ms"color="#336699"size="xx-large">TEXT
Step Nine: Never forget your ending tags!
Example: <marquee bgcolor="#0000FF"behavior="slide"><marquee style="filter: glow(color=#C0C0C0)dropshadow(color=#000000); border: 40px ridge #FF0000"behavior="alternate"><marquee style="border: 30px dotted #00FF00"behavior="alternate"><marquee style="border: 20px dotted #FFFFFF"behavior="alternate"><font face="comic sans ms"color="#336699"size="+7">TEXT</marquee></marquee></marquee></marquee></font>
Step Ten: Add it to your site!
I hope you enjoyed this!