Things You'll Need
- Windows Notepad or other text editing software
Superimpose the scrolling text upon an image for a fancier look. This method places a table at the top of the web page. It then relies on the “Marquee” element and several other commands to control the direction, repeat delay and size of the scrolling text. Replace the image in the line that begins “<td background” with the file name and location of your desired image. Change the colors to whatever you want. Alter the “scrolldelay” and other controls to suit your text.<br /><br /><html><br /><head><br /></head><br /><body><br /><table width=\"500\" height=\"150\" border=\"2\" align=\"center\"><br /><tr><br /><td background=\"C:[use your own image here]” bgcolor=\"#FFFFFF\"><font size=\"4\" face=\"arial\" color=\"#000000\"><b><br /><marquee direction=\"right\" scrolldelay=\"200\"<br />behavior=\"scroll\" scrollamount=\"20\" width=\"700\" height=\"50\" loop=\"true\"><br />. . . This text will keep scrolling across the banner . . .<br /></marquee></b></font></td><br /></tr><br /></table><br /></body><br /></html><br /><br />Save the file and view it as in step 1.
Make the text scroll across the top of the image with a “Div” tag and increase the size with an “H2” tag. Change the code in step 2 as follows, then save and view as directed. <br /><br /><html><br /><head><br /></head><br /><body><br /><div><br /> <marquee direction=\"right\" scrolldelay=\"200\"<br />behavior=\"scroll\" scrollamount=\"20\" width=\"700\" height=\"50\" loop=\"true\"><br /> <h2>. This text will keep scrolling across the banner . . . </h2><br /> </marquee><br /><img src=\"[Insert the filename and location of your image]\" width=\"1000\" height=\"175\" /><br /></div><br /></body><br /></html>
Insert the banner code into your own web page when satisfied and upload it to your web host.
Tips & Warnings
- The first version of this scroll code uses Active-X controls. Depending on your web browser security settings, you may get a prompt telling you Windows has blocked the running of the control and asking for permission to proceed. In this case it is safe to proceed since the file is on your own PC.<br /><br />Unless scrolling banners are changed frequently, for example with news reports, they may become boring for frequent visitors.
- You must save these text files as HTML files or the scrolling banner process will not work.<br /><br />Not all web browsers support the Marquee element. Think about adding readable text as well.
How to Make an Ancient Scroll Banner
When you teach children about ancient Rome or Greece, you can make the lessons more exciting and stimulating my showing the kids...
How to Create a Streaming Banner in Dreamweaver
Streaming banners are an eye-catching way to present text or headings on your website. Creating a banner requires a little knowledge of...
How to Make a Scrolling Picture Banner
Picture banners can be used for all sorts of things on a website. They can serve as advertisements, links to other pages...