GADGET CODES- MARQUEES- SCROLLING TEXT AND SCROLLING GRAPHICS

To install the marquee code, double click on an empty spot on your webpage and select the <  > tools on the left side of the circular tool. Click on Embed code and paste one of the codes from below into the code box.

...............................................................................................................................................................................................................................................................................

THE CODE BELOW is for the red background with the blue scrolling text. Copy and paste this code using Embed tool ( <  > ) in the Insert tool bar on the right side of this page. Within this tool box, select the Embed code piece on the right. The <B> makes the text bold. Remove it if you do not want it (all 3 characters......   <B>   .......). 

<marquee bgcolor="#ff0000" scrolldelay="2" scrollamount="3"<p><p style="font-size:0.38in;"><B><span style="color:blue">2012 Class 3A State Football Champions!</marquee>

•bgcolor is the background color, in hexadecimal code (red here). The text color is blue. Replace the words ... 2012 Class 3A State Football Champions! ... with your own message. A chart showing 6 digit codes is shown below. Many more codes are available online. You can type common color names like "red" or you can include a hex code like #FF0000 (a shade of red).

...............................................................................................................................................................................................................................................................................

THE CODE BELOW is for the moving football. Copy and paste this code using Embed tool ( <  > ) in the Insert tool bar on the right side of this page. Within this tool box, select the Embed code piece on the right. The scrolling football is an animated gif.

<marquee bgcolor= "#3333ff" behavior="scroll" direction="right" scrolldelay="40" scrollamount="6"><img src="http://www.picgifs.com/graphics/f/football/graphics-football-270493.gif" width="75" height="55" /></marquee></p>

To use a moving graphic (animated gif), locate an online photo or animated gif, hold down the control key and click on it, and open it in its own tab or window. Copy that URL and replace my URL in the code with the new URL. You can change the speed and size as well. The #3333ff matches the blue background color for this marquee. While the codes seen in the table below are shown in 2 rows, there is no space in the 6 character codes.

...............................................................................................................................................................................................................................................................................

I recommend THE CODE BELOW if you wish to change the font, border, etc.  This is the green box with the double border. Copy and paste this code using Embed tool ( <  > ) in the Insert tool bar on the right side of this page. Within this tool box, select the Embed code piece on the right. 

<marquee direction="left" scrollamount="7" behavior="scroll" style="width: 530px; height: 90px; color: #663399; font-size: 70px; font-family: Georgia; background-color: #009900; border-color: #663399; border-width: 5px; border-style: double;">Change these words to your own!</marquee>

"Georgia" is the font; you can change that in the code. There is also a double border. You will need to play with this aspect to make it look decent.

<div style="background-image:url(https://lh5.googleusercontent.com/_vyr6RYhGR_N79pElOwKYGA480OROpY3eGRyKvo8bXLRO8OysZTM8H0F0XjE9yi-Oyl0HGi5iIW9ynwb2IpWRC8Li6ObeWDAvaOVXBVDmF7iZHx03EmI8L75D0vM9d6fwR3NkySLHcs9lLwCByE7KA);padding:1px;width:390px;height:274px;border:8px solid blue;"><p> 

<marquee behavior="scroll" direction="right" scrolldelay="40" scrollamount="6"><img src="http://www.picgifs.com/graphics/f/football/graphics-football-270493.gif" width="73" height="59" />

</marquee><marquee scrolldelay="1" scrollamount="3"><p style="font-size:0.48in;"><span style="color:#FFFFFF"><b>DHS Vikings</p> </div></p></div>

Sometimes colors are shown in Hexadecimal Color Codes (like #0000FF) and sometimes they are in RGB Codes (red, green, blue). If you have one of the codes but would prefer the other, try a Google search for a converter as seen below. As an example, fff1ca is the same as the 255,241,202 in Pages, or in another application. That is the color shown in the bottom, wide rectangle below. These codes are not case-sensitive for the upper or lower case letters.