[url=http://profiles.friendster.com/63419653]TEST IT HERE FIRST[/url] now modify the links... add or remove as many as you want, just number the array accordingly. Do not delete the first in the array, just change it to whatever you like (that line will serve as a fake preloader to give time to your other codes to load before it starts the messages) [color=blue]blue[/color] = your messages [color=green]green[/color] = the links [color=orange]orange[/color] = title you want for the links (u can use even very long titles) [color=red]red[/color] = the time of message/link change (1000 = 1 second) [quote]countShout=0; linkRoot="http://www.friendster.com"; myShout=new Array() myShout[0]="Loading links..." myShout[1]="Hello there "+pageViewerFName+". [color=blue]Message here.[/color]" myShout[2]="[color=blue]Extra message here... blah blah blah or insert a preloaded image[/color]" myShout[3]="<a href='"+linkRoot+"[color=green]/[/color]'>[color=orange]If you click this you will go Home[/color]</a>" myShout[4]="<a href='"+linkRoot+"[color=green]/user.php[/color]'>[color=orange]Your Profile[/color]</a>" myShout[5]="<a href='"+linkRoot+"[color=green]/widget_myapps.php[/color]'>[color=orange]Your Apps[/color]</a>" myShout[6]="<a href='"+linkRoot+"[color=green]/friends.php[/color]'>[color=orange]Your Connections[/color]</a>" myShout[7]="<a href='"+linkRoot+"[color=green]/explore.php[/color]'>[color=orange]Explore[/color]</a>" myShout[8]="<a href='"+linkRoot+"[color=green]/gallery.php[/color]'>[color=orange]Search[/color]</a>" myShout[9]="<a href='"+linkRoot+"[color=green]/custhelp.php[/color]'>[color=orange]Help[/color]</a>" function loadShout(){ if(countShout<myShout.length){ cpShoutoutBox.innerHTML=myShout[countShout] countShout++ if(countShout==myShout.length){ countShout=1 } setTimeout("loadShout()",[color=red]3000[/color]) } } setTimeout("loadShout()",500)[/quote] if you are going to include the links of the mainnav, subnav and/or navlang, just make sure you hide those divisions or replace their contents... it won't look good if your page is full of navigations...lolz. to replace their contents, just get their id's and use the code below (I used mainnav)[quote]mainnav.innerHTML="contents here...whatever you want";[/quote] to customize with css[quote]/* the box */ #cpShoutoutBox { styles here } /* the fonts and links */ #cpShoutoutBox a, #cpShoutoutBox { styles here } /* hover */ #cpShoutoutBox a:hover { styles here }[/quote]

Last edited by Angell de Ville (2008-03-12 01:23:10)