Wallpapers Forums Login

How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS

Please Tell Your Friends About Wallpaperama

NOTE: IF YOU HAVE FIREFOX YOU WILL SEE THE TEXT SCROLL. BUT IF YOU HAVE INTERNET EXPLORER IT MAY NOT WORK. YOU CAN DOWNLOAD FIREFOX BROWSER WHICH IS MUCH BETTER THAN INTERNET EXPLORER AND MUCH FASTER. YOU CAN DOWNLOAD FOR FREE AT WWW.GETFIREFOX.COM

hi,

Today you will learn a little trick to make scrolling or rolling text that goes vertically or horizontally in your web pages. this tag makes it look like a ticketing system like the new york stocks.

- hosting for this script provided by: www.webune.com

so here is this short little tutorial guide i wrote:

1. if you don't have an web editor, you can use your favorite text editor, for this purpose, i will use windows xp, notepad since everyone uses notepad here.

2. Copy and paste this code into notepad:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Wallpaperama - Making Text Scroll with marquee html tag</title>
</head>

<body>
<marquee behavior="scroll" direction="up" loop="-1" truespeed>Please Tell Your Friends About Wallpaperama</marquee>

<p>&nbsp;</p>
<p>this is what make this work:</p>
<p>&lt;marquee behavior=&quot;scroll&quot; direction=&quot;up&quot; loop=&quot;-1&quot; truespeed&gt;Please Tell Your Friends About Wallpaperama&lt;/marquee&gt;</p>
<p>you can chave however you like with this tag properties, you can make it go up, down, left, righ, slide or whatever you want. I suggest you play with it. </p>
<p><strong>behavior</strong>: alternate scroll slide </p>
<p><strong>direction</strong>: up, down, left, right</p>
<p><strong>loop</strong>: whatever number of repetitions you want, if you want infinate (never stops), put -1</p>
<p><strong>truspeed</strong>: i put this to make it with whatever the user's default </p>
<p>If you found this little tutorial helpful, we would greatly appreciate a link to www.wallpaperama.com </p>
<p>you can put this code in your site:</p>
<p>
<textarea name="textarea" cols="35" rows="5" wrap="VIRTUAL"><a href="http://www.wallpaperama.com" target="_blank" title="Free Wallpapers">Free Wallpapers At Wallpaperama</a></textarea>
</p>
<p>Thanks</p>
<p>Wallpaperama Team </p>
<p><a href="http://www.wallpaperama.com/forums/how-to-make-scrolling-text-moving-up-or-down-in-web-page-using-html-css-t512.html">&lt;&lt; Go Back </a></p>
</body>
</html>


save the file as wallpaperama.html

after you have saved the file as wallpaperama.html open it with your browser, and you will see exactly what you see above. but it will be on your own computer..

pretty neat huh?


this is what make this work:
<marquee behavior="scroll" direction="up" loop="-1" truespeed>Please Tell Your Friends About Wallpaperama</marquee>


you can chave however you like with this tag properties, you can make it go up, down, left, righ, slide or whatever you want. I suggest you play with it.

behavior: alternate scroll slide

direction: up, down, left, right

loop: whatever number of repetitions you want, if you want infinate (never stops), put -1

truspeed: i put this to make it with whatever the user's default

If you found this little tutorial helpful, we would greatly appreciate a link to www.wallpaperama.com

Gaylord Wed Mar 13, 2013
will this work on windows 8?
Sharmer Mon Mar 11, 2013
This paper doesn't describes marquee in css ! What a shame...
Cuda Tue May 22, 2012
I recently used the code for scroll up on my group.Its works fine,just wondering how to make the content of my group scroll up also like the forum content.The group i have is private,having trouble coloring the text as well.
Kreantz Sun May 13, 2012
Is there a way to make the text waving while moving? cuz i saw someone have it but not in a web its an .exe aplication..
Chris Thu May 10, 2012
Works great in IE, the best browser.
Blay Sat Apr 28, 2012
28-512-ghana-flag-in-circle-design.png
Awesome..
thank fine
JaceAce Thu Apr 05, 2012
Great coding... Although I'm lookimng for a code that allows the initial home page to load and then a time "auto" text to scroll from the bottom of the page upwards to be left loaded on the page itself....

Sim to the scrolling text at the start of StarWars movie or credits at end of a movie, but unlike those two examples they remain visible in the page itself..

KEEN TO KNOW IF SUCH A CODE EXISTS?
rewtesdg Wed Apr 04, 2012
thx man............
Dheemanth Mon Mar 05, 2012
it is good but it comes only for small gap if it comes to the whole page means it wud hav been ausom.
sanjib Wed Dec 28, 2011
very useful.and helpful for all web designer.
saqulan Thu Sep 29, 2011
marketing company is the one of the best company in if you are looking for sms marketing then please visit this site you will get your desired results.
PANKAJ Thu Sep 29, 2011
very nice tag
i like it
sarath Tue Sep 27, 2011
it really works
pat Sun Sep 04, 2011
i cant find out why my emails wont scroll up or down
bharat Wed Aug 10, 2011
excellent

Related Content

Information

Share

wallpaperama | Wallpapers | Forums | Terms Of Service

copyright © 2013 wallpaperama - All Rights Reserved - Last Updated Mon May 06, 2013 (-8 GMT)
Powered by: Webune Forums V5