[quote][align=center][color=red][img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif[/img] Marquee Codes [img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif[/img][/color][/align][/quote] [img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif[/img]Here are some marquee codes to make your text move!Feel free to try them.You can paste these codes anywhere except for the [b][url=http://theftalk.com/t16207-Marquee-Effects-CSS-%26-JS-%28Moving-contents%29.html]Shout Out Box[/url][/b].[img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif[/img]If you really want the text to move in the Shout Out Box,go to the end of the thread to see in the code. [img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif[/img] [b]Credits[/b] • [url=http://profiles.friendster.com/bobcbar][b]BobcBar[/b][/url] -For some of his Marquee codes.[img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif[/img] • [url=www.quackit.com][b]Quackit.com[/b][/url] -For the Marquee Codes.[img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif[/img] • [url=http://profiles.friendster.com/executorss][b]Cypnet[/b][/url] -For some of the marquee codes.[img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif[/img] • [url=http://profiles.friendster.com/breadz23][b]†Breadz23†[/b][/url] -For helping with the thread and marquee codes.[img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif[/img] • [url=http://profiles.friendster.com/sweenztuhh][b]N0stalgic_cHic[/b][/url] - For the image marquee codes.[img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif[/img] • [url=http://profiles.friendster.com/41260568][b]Me[/b][/url] - For compiling the marquees.[img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif[/img] [align=center][b][url=www.friendster.com]Click the Spoiler Button![/url][/b][/align] [spoiler][align=center] [b]Right To Left[/b][/align] [quote][align=center]<marquee>TEXT</marquee>[/align][/quote] [align=center][b]Left To Right[/b][/align] [quote][align=center]<marquee direction="right">TEXT</marquee>[/align][/quote] [align=center][b]Alternate[/b] [/align] [quote][align=center]<marquee behavior="alternate">TEXT</marquee>[/align][/quote] [align=center][b]Up[/b][/align] [quote][align=center]<marquee direction="up">TEXT</marquee>[/align][/quote] [align=center][b]Down[/b][/align] [quote][align=center]<marquee direction="down">TEXT</marquee>[/align][/quote] [align=center][b]Up/Down Alternate[/b][/align] [quote][align=center]<marquee direction="up" behavior="alternate">TEXT</marquee>[/align][/quote] [align=center][b]Zig Zagging[/b][/align] [quote][align=center]<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>[/align][/quote] [align=center][b]Alternating Zig Zagging[/b][/align] [quote][align=center]<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee>[/align][/quote] [align=center][b]Colored Border Marquee[/b][/align] [quote][align=center]<marquee style="border:RED 2px SOLID">TEXT</marquee>[/align][/quote] [align=center][b]Text Bouncing Back And Forth[/b][/align] [quote][align=center]<marquee behavior="alternate">Your bouncing text goes here</marquee>[/align][/quote] [align=center][b]Change The Scrolling Speed[/b][/align] [align=center][quote]<marquee behavior="scroll" direction="left" scrollamount="1"> Slow scroll speed </marquee> <marquee behavior="scroll" direction="left" scrollamount="10"> Medium scroll speed </marquee> <marquee behavior="scroll" direction="left" scrollamount="20"> Fast scroll speed </marquee>[/quote] [/align] [align=center][b]Scrolling Images[/b][/align] [quote][align=center]<marquee behavior="scroll" direction="left"><img src="PIC URL HERE" width="100" height="100" alt="smile" /></marquee>[/align][/quote] [align=center][b]Mouseover Speed Marquee[/b][/align] [quote][align=center]<marquee onMouseover="this.scrollAmount=#" onMouseout="this.scrollAmount=#">TEXT</marquee>[/align][/quote] [align=center][b]Marquee With Color Background[/b][/align] [quote][align=center]<marquee direction="left" style="background:BACKGROUND COLOR"> <font color="FONT COLOR">TEXT</font></marquee>[/align][/quote] [align=center][b]Marquee With Borders[/b][/align] [quote][align=center]<marquee style="border:BORDER COLOR 2px SOLID">YOUR TEXT HERE</marquee>[/align][/quote] [align=center][b]Blinking Marquee[/b][/align] [quote][align=center]<font size="7" color="yellow"> <strong> <marquee scrollamount="400" scrolldelay="400"> BLINK </marquee> </strong> </font>[/align][/quote] [align=center][b]Scrolling Text With Image Next To It[/b][/align] [quote][align=center]<MARQUEE> Hi There! <IMG SRC="graphics/idocs.gif" HEIGHT=33 WIDTH=82 ALT="Idocs Guide to HTML"> </MARQUEE>[/align][/quote] [align=center][b]Change the Scrolling Speed[/b][/align] [quote][align=center]<marquee behavior="scroll" direction="left" scrollamount="1"> Slow scroll speed </marquee> <marquee behavior="scroll" direction="left" scrollamount="10"> Medium scroll speed </marquee> <marquee behavior="scroll" direction="left" scrollamount="20"> Fast scroll speed </marquee>[/align][/quote] [align=center][b]Highlight Text Marquee[/b][/align] [quote][align=center]<marquee behavior="alternate" width="10%">>></marquee>TEXT<marquee behavior="alternate" width="10%"><<</marquee>[/align][/quote] [align=center][b]Starts in the Middle Then goes Left[/b][/align] [quote][align=center]<font color="#FFFFFF"><marquee direction="left" style="background:BLUE">TEXT</marquee></font>[/align][/quote] [align=center][b]Waving Marquee[/b][/align] [quote][align=center]<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>TEXT<br>TEXT</center></marquee>[/align][/quote] [align=center][b]Stops Moving When Hovered[/b][/align] [quote][align=center]<marquee direction="left" scrollamount="7" scrolldelay="3" width="100%" onmouseover=this.stop() onmouseout=this. start()>[/align][/quote] [align=center][b]Multi Marquee[/b][/align] [quote][align=center]<div align="center"> <marquee bgcolor="#000080" scrollamount=Ŗ" direction="up" loop="true" width=൫%"> <center> <font color="#ffffff" size="+1"><strong> TEXT HERE<br> TEXT HERE<br> TEXT HERE<br> <br> TEXT HERE </strong></font> </center> </marquee></div>[/align][/quote] [align=center][b]Different Speed Marque[/b][/align] [quote][align=center]<marquee scrollamount="1 - 25 speed here">place your text here</marquee>[/align][/quote] [align=center][b]Slide In Marquee[/b][/align] [quote][align=center]<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>[/align][/quote] [align=center][b]Arrow Marquee[/b][/align] [quote][align=center]<marquee behavior="alternate" width="10%">>></marquee>TEXT TEXT<marquee behavior="alternate" width="10%"><<</marquee>[/align][/quote] [align=center][b]High Tech Marquee[/b][/align] [quote][align=center]<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>Marh</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>TEXT TEXT<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>marh</font></MARQUEE>[/align][/quote] [align=center][b]Edited Height and Width Image Marquee[/b][/align] [quote][align=center]<marquee behavior="alternate" direction="up" width="100%"><marquee direction="right" behavior="alternate"><img src="http://photos.friendster.com/photos/15/46/11496451/1_612882377l.jpg" [b]width="200" height="180"[/b]></marquee></marquee></a>[/align][/quote] ========================================================== [align=center][b]Moving Text In Shout Out Box[/b][/align] [quote]//Moving Shoutout Box if ( ! attachOnLoadHandler(function () { movingCpSB();})) window.onload = function () { movingCpSB();}; function movingCpSB() { var marqueeCSbox = document.getElementById("cpShoutoutBox").innerHTML; document.getElementById("cpShoutoutBox").innerHTML ="<marquee direction='left' height='100%' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+ marqueeCSbox+"</marquee>"; }[/quote] [align=center][b]Paste in your JS File.Credits to Bobcbar.[/b][/align] ==========================================================[/spoiler] •It took me a long time to compile these marquees and a [img]http://theftalk.com/img/warn_add.gif[/img] reputation would really be appreciated. [img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif[/img]

Last edited by lilprincess950 (2008-06-01 21:37:49)