Copy and Paste Scrolling Text

HTML marquee text scrolling script

Green Theme: Copy and paste the following code into the body area of your HTML webpage to add the above scrolling text display.

<div style="color: #000000; font: normal 18px arial, sans-serif; background-color: #E9FFD7; border: #638E41 2px solid; width: 70%; margin: 0 auto; padding: 4px 5px 3px 5px;"> <marquee scrolldelay="125"> Your scrolling message goes here. Edit this message with your text. </marquee> </div>

Blue Theme: Copy and paste the following code into the body area of your HTML webpage to add the above scrolling text display.

<div style="color: #FFFFFF; font: normal 18px arial, sans-serif; background-color: #0066FF; border: #C0C0C0 2px solid; width: 70%; margin: 0 auto; padding: 4px 5px 3px 5px;"> <marquee scrolldelay="125"> Your scrolling message goes here. Edit this message with your text. </marquee> </div>

With corner radius and a drop shadow: Copy and paste the following code into the body area of your HTML webpage to add the above scrolling text display.

<div style="color: #FFFFFF; font: normal 18px arial, sans-serif; background-color: #0066FF; border: #000000 0px solid; width: 70%; margin: 0 auto; padding: 4px 5px 3px 5px; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20);"> <marquee scrolldelay="125"> Your scrolling message goes here. Edit this message with your text. </marquee> </div>

Related Topics:
Scrolling News IFrames