This is a simple collection of marquee codes for use on your profile with [b]IE[/b] only! Marquee means to some moving or scrolling of the contents. I did not create only collected, the credit goes
You are viewing a post by bobcbar. View all 237 posts in This is a simple collection of marquee codes for use on your profile with [b]IE[/b] only! Marquee means to some moving or scrolling of the contents. I did not create only collected, the credit goes .
2007-11-22 15:13:08
- bobcbar
- » FTalkElite
5223
0
1969-12-31
This is a simple collection of marquee codes for use on your profile with [b]IE[/b] only! Marquee means to some moving or scrolling of the contents. I did not create only collected, the credit goes
This is a simple collection of marquee codes for use on your profile with [b]IE[/b] only!
Marquee means to some moving or scrolling of the contents.
I did not create only collected, the credit goes to Feruzz and Ephemeral and/or others unknown to me.
For a preview of some view my profile I use some of these now. I can not provide a preview of all.
[url]http://profiles.friendster.com/bobcbar[/url] or [url]http://profiles.friendster.com/bobstest[/url]
[b]CSS Codes[/b] [b](Can not be used in shout box!)[/b]
Marquee Right to Left
[quote]<marquee>TEXT</marquee>[/quote]
Marqee Left to Right
[quote]<marquee direction="right">TEXT</marquee>[/quote]
Alternates Back and Forth Marquee
[quote]<marquee behavior="alternate">TEXT</marquee>[/quote]
Marquee Up
[quote]<marquee direction="up">TEXT</marquee>[/quote]
Marquee Down
[quote]<marquee direction="down">TEXT</marquee>[/quote]
Marquee Up and Down
[quote]<marquee direction="up" behavior="alternate">TEXT</marquee>[/quote]
WITH BORDER
[quote]<marquee style="border:BLUE 2px SOLID">TEXT</marquee>[/quote]
WITH BACKGROUD COLOR
[quote]<font color="#FFFFFF"><marquee direction="left" style="background:BLUE">TEXT</marquee></font>[/quote]
BACK AND FORTH ZIG ZAG [b](used on my profile)[/b]
[quote]<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">Take a minute and join us at Friendster Talk!! Just click here!<br>
Learn all the newest codes and how to customize ur profiles</marquee></marquee>[/quote]
[b]Credit to BwizetT for the additional effects you can use with the text codes.[/b]
<">[b]JS CODES[/b] If you already have an onload handler just use the last 4 lines of these codes. For example
[quote]//Moving Friends Box
var marqueeFriends = document.getElementById("content_2").innerHTML;
document.getElementById("content_2").innerHTML ="<marquee direction='up' height='300' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeFriends+"</marquee>";
}[/quote]
[quote]//Moving Friends Box
if ( ! attachOnLoadHandler(function () { movingFrnd();}))
window.onload = function () { movingFrnd();};
function movingFrnd() {
var marqueeFriends = document.getElementById("content_2").innerHTML;
document.getElementById("content_2").innerHTML ="<marquee direction='up' height='300' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeFriends+"</marquee>";
}
//Moving Photo Gallery
if ( ! attachOnLoadHandler(function () { movingPhotos();}))
window.onload = function () { movingPhotos();};
function movingPhotos() {
var marqueePhotos = document.getElementById("content_1").innerHTML;
document.getElementById("content_1").innerHTML ="<marquee direction='left' height='100%' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueePhotos+"</marquee>";
}
//Moving Moreabout Box
if ( ! attachOnLoadHandler(function () { movingMA();}))
window.onload = function () { movingMA();};
function movingMA() {
var marqueeMoreAbout = document.getElementById("content_6").innerHTML;
document.getElementById("content_6").innerHTML ="<marquee direction='up' height='300' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeMoreAbout+"</marquee>";
}
//Moving Testi & Comments Box
if ( ! attachOnLoadHandler(function () { movingTestiComm();}))
window.onload = function () { movingTestiComm();};
function movingTestiComm() {
var marqueeTestiComments = document.getElementById("content_18").innerHTML;
document.getElementById("content_18").innerHTML ="<marquee direction='up' height='300' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeTestiComments+"</marquee>";
}
//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>";
}
//Moving Fan of...Box
if ( ! attachOnLoadHandler(function () { movingFanof();}))
window.onload = function () { movingFanof();};
function movingFanof() {
var marqueeFanof = document.getElementById("content_7").innerHTML;
document.getElementById("content_7").innerHTML ="<marquee direction='up' height='200' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeFanof+"</marquee>";
}
//Moving Groups Box
if ( ! attachOnLoadHandler(function () { movingGroups();}))
window.onload = function () { movingGroups();};
function movingGroups() {
var marqueeGroups = document.getElementById("content_8").innerHTML;
document.getElementById("content_8").innerHTML ="<marquee direction='up' height='200' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>" +
marqueeGroups+"</marquee>";
}[/quote]
[b]Thanks to Switpotato for these updated codes!![/b]
<">15 Mar 2008 - Removed Marquee Control Panel - Can not get the code to work:wallbash:
8 May 2008 - Added JS Marquee Control Panel, Shout Box, Comments from Switpotato
4 Jul 2008- [b]Switpotato posted alternate code for scrolling effect at this link [url]http://theftalk.com/t37511-Scrolling-Box--Contents.html[/url][/b]
Last edited by bobcbar (2008-07-16 06:45:18)
 |