::FSWeaver Official Forum Site::
welcome to FSweaver..Have More Fun and Enjoy.
Register nOW!!!!
::FSWeaver Official Forum Site::
welcome to FSweaver..Have More Fun and Enjoy.
Register nOW!!!!
::FSWeaver Official Forum Site::
Would you like to react to this message? Create an account in a few clicks or log in to continue.


Community Of People Who Are Into Social Networking
 
PortalHomeSearchLatest imagesRegisterLog in
Welcome Here! in FSweaver stay enjoy here have more fun sharing the tricks..

 

 Custom Navigation on your Shout Out

Go down 
3 posters
AuthorMessage
dark illusions19
» Newbie
» Newbie
avatar


Honors : 12
Age : 35
Warnings :
Custom Navigation on your Shout Out Left_bar_bleue0 / 1000 / 100Custom Navigation on your Shout Out Right_bar_bleue

Honors : 58780
Registration date : 2008-10-19

Custom Navigation on your Shout Out Empty
PostSubject: Custom Navigation on your Shout Out   Custom Navigation on your Shout Out Icon_minitimeTue Oct 28, 2008 9:43 pm

paste the code with your compiled js codes...


Code:
function shoutoutcus(){
var wakoko="<div align='left'><font color= #e5e5e5><strong>My Navigation:</strong></font></div> <marquee style='width:75%px;border:2px solid #999999;-moz-border-radius: 10px!important; direction='left' scrollamount='2' onmouseover='this.stop()' onmouseout='this.start()'><input type='button' value='Home' style='background-color:transparent;border:none;font-family:verdana MS;font-weight:bold;font-size:12;color:#e5e5e5;' onClick=\"top.location.href='http://friendster.com'\"> <input type='button' value='My Profile'style='background-color:transparent;border:none;font-family:verdana MS;font-weight:bold;font-size:12;color:#e5e5e5;' onClick=\"top.location.href='http://profiles.friendster.com/user.php'\"> <input type='button' value='My Friends'style='background-color:transparent;border:none;font-family:verdana MS;font-weight:bold;font-size:12;color:#e5e5e5;' onClick=\"top.location.href='http://friendster.com/friends.php'\"> <input type='button' value='Explore'style='background-color:transparent;border:none;font-family:verdana MS;font-weight:bold;font-size:12;color:#e5e5e5;' onClick=\"top.location.href='http://www.friendster.com/explore.php'\"> <input type='button' value='Search'style='background-color:transparent;border:none;font-family:verdana MS;font-weight:bold;font-size:12;color:#e5e5e5;' onClick=\"top.location.href='http://friendster.com/gallery.php'\">  <input type='button' value='Invite'style='background-color:transparent;border:none;font-family:verdana MS;font-weight:bold;font-size:12;color:#e5e5e5;' onClick=\"top.location.href='http://friendster.com/invite.php'\"> <input type='button' value='Messages'style='background-color:transparent;border:none;font-family:verdana MS;font-weight:bold;font-size:12;color:#e5e5e5;' onClick=\"top.location.href='http://friendster.com/messages.php'\"> <input type='button' value='Settings'style='background-color:transparent;border:none;font-family:georgia MS;font-weight:bold;font-size:12;color:#e5e5e5;' onClick=\"top.location.href='http://friendster.com/editaccount.php'\"> <input type='button' value='Log Out'style='background-color:transparent;border:none;font-family:verdana MS;font-weight:bold;font-size:12;color:#e5e5e5;' onClick=\"top.location.href='http://friendster.com/logout.php'\"> </marquee><br><div align='left'><font color= #e5e5e5><strong>Hi</font></strong> <b><font color=#00ff33><strong>"+pageViewerFName+"</strong></color></b><br><font color= #e5e5e5><strong>your ID is </strong></font><b><font color=#00ff33><strong>"+pageViewerID+"</strong></color></font><br><strong><font color=#e5e5e5>and the time and date there is</font> <font color=#00ff33>"+Date()+"</font></strong><br><font color=#e5e5e5>your browser is </font><font color=#00ff33>"+navigator.appName+" "+navigator.appVersion+"</font></color><br><font color= #e5e5e5><strong>Welcome to my page!This is </strong></font><font color=red><strong><blink>NOT</blink></font></strong><font color=#e5e5e5><strong> an Overlay as you might think...enjoy viewing my profile!</strong></font><br><font color= #e5e5e5><strong>Drop some comment for me thanks...</font></strong><br></div>";

document.getElementById('cpShoutoutBox').style.height='260';
document.getElementById('cpShoutoutBox').style.overflow='auto';
document.getElementById('cpShoutoutBox').innerHTML="<table width='100%'><tr><td align='center'>"+wakoko+"</td></tr></table>";

}setTimeout("shoutoutcus()",1000);

you can edit the HEX COLORS of any hex color that you want...here's a sample of what a HEX COLOR looks like...

Code:
#e5e5e5

now to make it transparent you should have this code...this must be put on your compiled css codes...

Code:
/* TRANSPARENT SHOUT OUT */

.somsg { background-image:url('none') !important;  color:#ffffff ; background-color:transparent ! Important; }
.so {background-image:url('none') !important;  background-color:transparent ! Important ; }
.soc { background-image:url('none') !important;  background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important;  background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important;  background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important;  background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important;  background-color:transparent ! Important ; }
.divider { background-image:url('none') !important;  background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important;  background-color:transparent ! Important ; }
.sol {background-image:url('none') !important;  background-color:transparent ! Important ; }
.sob { background-image:url('none') !important;  background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important;  background-color:transparent ! Important }
.ir { background-image:url('none') !important;  background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important;  background-color:transparent ! Important }
.dr { background-image:url('none') !important;  border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }
.controlpanel .so a, .minicontrolpanel .so a { color: #ffffff !important; }

preview: http://profiles.friendster.com/11610748
Back to top Go down
http://profiles.friendster.com/11610748
rezza
» Newbie
» Newbie
rezza


Male
Honors : 61
Age : 38
Warnings :
Custom Navigation on your Shout Out Left_bar_bleue0 / 1000 / 100Custom Navigation on your Shout Out Right_bar_bleue

Honors : 58780
Registration date : 2008-10-19

Custom Navigation on your Shout Out Empty
PostSubject: Re: Custom Navigation on your Shout Out   Custom Navigation on your Shout Out Icon_minitimeFri Oct 31, 2008 1:35 am

nice code.!!

any preview.??
Back to top Go down
dark illusions19
» Newbie
» Newbie
avatar


Honors : 12
Age : 35
Warnings :
Custom Navigation on your Shout Out Left_bar_bleue0 / 1000 / 100Custom Navigation on your Shout Out Right_bar_bleue

Honors : 58780
Registration date : 2008-10-19

Custom Navigation on your Shout Out Empty
PostSubject: Re: Custom Navigation on your Shout Out   Custom Navigation on your Shout Out Icon_minitimeMon Nov 10, 2008 1:13 am

please see my profile for the preview...=)
Back to top Go down
http://profiles.friendster.com/11610748
amiick
Admin
amiick


Female
Honors : 142
Age : 34
Location : cavite
Warnings :
Custom Navigation on your Shout Out Left_bar_bleue0 / 1000 / 100Custom Navigation on your Shout Out Right_bar_bleue

FW Mood: : Custom Navigation on your Shout Out 12
Honors : 57874
Registration date : 2009-01-15

Custom Navigation on your Shout Out Empty
PostSubject: Re: Custom Navigation on your Shout Out   Custom Navigation on your Shout Out Icon_minitimeThu Jan 15, 2009 9:58 am

preview?
Back to top Go down
http://www.friendster.com/amick3rdaccount
Sponsored content





Custom Navigation on your Shout Out Empty
PostSubject: Re: Custom Navigation on your Shout Out   Custom Navigation on your Shout Out Icon_minitime

Back to top Go down
 
Custom Navigation on your Shout Out
Back to top 
Page 1 of 1
 Similar topics
-
» Simple Type-Writer Effect on yer SHOUT BOX. :P
» Custom recent Update(JS)

Permissions in this forum:You cannot reply to topics in this forum
::FSWeaver Official Forum Site:: :: FS Micsellaneous :: Friendster Tricks and Tutorials :: Js Tutorials-
Jump to:  
Create free forum | ©phpBB | Free forum support | Report an abuse | Cookies | Forumotion.com