Marquee HTML code. Use this marquee code to display scrolling text on your website. Both the horizontal and vertical scrolling text HTML codes, should also work on blogs.

A HTML marquee is a scrolling piece of text displayed either horizontally across or vertically down your web site page depending on the settings. This page shows you how to make a scrolling marquee using div tags that are often seen in CSS (Cascading Style Sheets).

Making scrolling text with the use of the marquee tag

This is cool!

Make your text scroll horizontal across the page using this simple HTML, which loads fast. Here I use the <marquee> tag. The example code is shown below. Simply copy and paste it into the HTML code of your web page.

<font color="#FFFFFF"><marquee bgcolor="#000080" direction="right" loop="40" width="50%">This is cool!</marquee></font>

Scrolling upward text, or vertical text as it's also known

You can use the HTML marquee tag to make your text scroll upward. This tag does not work in Netscape browsers.

Here I have used simple HTML to make the text scroll upward. Because this is just pure basic HTML, it loads very fast and is easily placed into any page on any server.

Below is an example of how it can be used.



And shown below is the code for displaying a vertical marquee, just like the one above. Again, simply copy and paste the code into your HTML document where you want the scrolling text to appear.

You can change the font color and the background color to suit. Or make it wider if required. Furthermore, you can set the speed of the scroll by changing the "scrollamount" variable. The higher the number, the faster the speed of scroll.

Handy hint: To select all the code in the text box, click inside the box and press your keyboards ctrl + a. To copy the text ctrl+c and to paste into your HTML document ctrl+v

<marquee bgcolor="#000080" scrollamount="2" direction="up" loop="true" width="35%"> <center> <font color="#ffffff"><strong> THIS IS A COOL WAY<br> TO MAKE YOUR TEXT<br> SCROLL UPWARDS<br> <br> IT IS EASY AND FAST LOADING </strong></font></center></marquee>

You might also be interested in this CSS Drop Shadow code.

  bullet SITE SEARCH

Site design copyright 2000 - 2013 © Tanya Puntti Hypergurl.com