FTalk

This is a simple collection of marquee codes for use on your profile with IE 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.
http://profiles.friendster.com/bobcbar or http://profiles.friendster.com/bobstest

CSS Codes (Can not be used in shout box!)
Marquee Right to Left

<marquee>TEXT</marquee>

Marqee Left to Right

<marquee direction="right">TEXT</marquee>

Alternates Back and Forth Marquee

<marquee behavior="alternate">TEXT</marquee>

Marquee Up

<marquee direction="up">TEXT</marquee>

Marquee Down

<marquee direction="down">TEXT</marquee>

Marquee Up and Down

<marquee direction="up" behavior="alternate">TEXT</marquee>

WITH BORDER

<marquee style="border:BLUE 2px SOLID">TEXT</marquee>

WITH BACKGROUD COLOR

<font color="#FFFFFF"><marquee direction="left" style="background:BLUE">TEXT</marquee></font>

BACK AND FORTH ZIG ZAG (used on my profile)

<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>

Credit to BwizetT for the additional effects you can use with the text codes.

[b]Bold Text[/b]
<strong>Text Here</strong>


[b]Big Text[/b]
<span style="font-size:18px">Text Here</span>
NOTE: You can change the font size from 18px all the way up to like 1000px and even higher, which I dont recommened! 36px is pretty big. 



[i][b]Italicize Text[/b][/i]
<i>Text Here</i>



[b]Strike-through Text[/b]
<s>Text Here</s>



[b]Overline Text[/b]
<span style="text-decoration:overline">Overline Text</span>



[b]Underline Text[/b]
<span style="text-decoration:underline">Underline Text</span>


[b]
Superscript Text[/b]
<sup<SuperscriptText</sup>



[b]Subscript Text[/b]
<sub>Subscript Text</sub>



[b]Color Text[/b]
<span style="color:4A708B">Color Text</span> ( Colors )


[b]
Bolded Big Color Text[/b]
<span style="color:4A708B; font-size:18px; font-weight:bold;">Bolded Big Color Text</span> ( Colors )



[b]Highlighted Color Text[/b]
<span style="color:4A708B; background-color:CAE1FF; padding:2px; font-weight:bold;">Color Text</span> ( Colors )



[b]OVERLAPPING[/b]
Text Example

<span style="color: #4A708B; font-size:48px; font-weight:bold; line-height: 14px; letter-spacing: -5pt;">OVERLAPPING</span>
<span style="color: #4F94CD; font-size:36px; font-weight:bold; line-height: 14px; letter-spacing: 0pt; text-transform: lowercase;">Text Example</span>

JS CODES  If you already have an onload handler just use the last 4 lines of these codes. For example

//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>";
}

//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>";
}

Thanks to Switpotato for these updated codes!!

//scrolling cpbuttons
function scrollcpbuttons(){
bz = document.getElementById('content_0')
cz = document.getElementById('controlPanelButtons')
dz = '<marquee scrollamount=1 direction=up height=120 scrolldelay=30 truespeed=true onmouseover=stop() onmouseout=start()'+
cz.innerHTML+'</marquee><br><center><div><img src="http://i147.photobucket.com/albums/r299/switpotato/switpotatologo.gif"></div>'
cz.innerHTML=dz}
setTimeout('scrollcpbuttons()', 500);


//scrolling comments
function scrollcomment(){
bz = document.getElementById('18')
cz = document.getElementById('content_18')
dz = '<marquee scrollamount=1 direction=up scrolldelay=30 truespeed=true onmouseover=stop() onmouseout=start()'+
cz.innerHTML+'</marquee><div class="viewall"><a href="http://www.friendster.com/comments.php?uid=UR USER ID HERE">Mag Comment Kayo Ano Ba</div>'
cz.innerHTML=dz}
setTimeout('scrollcomment()', 500);

//Shout Box
document.getElementById('cpShoutoutBox').innerHTML = "<div> <font color='#FFFFFF'><marquee behavior='alternate' style='border:red 2px SOLID; background: black'> monica</marque></div></font>";

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- Switpotato posted alternate code for scrolling effect at this link  http://theftalk.com/t37511-Scrolling-Box--Contents.html

Last edited by bobcbar (2008-07-16 10:45:18)