Google
 

Go Back   NackVision > Website Related > Premade Layout > Premade Friendster Overlay
Reload this Page RAN Online

Reply
 
Thread Tools
Old 11-08-2006, 07:52 PM   #1
kirksydney
I Am Marah's Miel
 
kirksydney's Avatar
 
Join Date: Oct 2005
Location: upstairs
Posts: 2,206
Talking RAN Online
Thanks to ranon01 for this cool overlay..


Here's the preview:



Here are the codes:
No need to download the images
Just edit the contents..

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<META http-equiv=Page-Enter content=BlendTrans(Duration=1.5)>
<META http-equiv=Site-Exit content=BlendTrans(Duration=1.5)>
<title>....ran online....</title>
<STYLE TYPE="text/css">
BODY {SCROLLBAR-FACE-COLOR:black; 
SCROLLBAR-HIGHLIGHT-COLOR: black; 
SCROLLBAR-SHADOW-COLOR:67360C;
SCROLLBAR-3DLIGHT-COLOR:black;
SCROLLBAR-ARROW-COLOR: 67360C; 
SCROLLBAR-TRACK-COLOR: black; 
SCROLLBAR-DARKSHADOW-COLOR: black;
FONT-SIZE: 9; COLOR:white; font-weight: bold; FONT-FAMILY: verdana;}
a, a:link, a:visited, a:active { font-size:9;color:B98354; font-weight:bold; text-decoration: none; border-bottom:0px; font-style: normal; }
a:hover { font-size:9;color:#67360C; font-weight: bold; text-decoration: overline; border-bottom:0px; }
body { cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D7659/image.gif");}</style>

<!--// Copyright 1996 - Tomer and Yehuda Shiran
// This example will appear in our forthcoming book on JavaScript.
// Feel free to "steal" this code provided that you leave this notice as is.
// Additional examples from the book can be found at 

http://www.geocities.com/SiliconValley/9000/
// For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com>

// set speed of banner (pause in milliseconds between addition of new character)
var speed = 10 

// decrease value to increase speed (must be positive)
// set pause between completion of message and beginning of following message
var pause = 1500 

// increase value to increase pause
// set initial values
var timerID = null
var bannerRunning = false

// create array
var ar = new Array()

// assign the strings to the array's elements
ar[0] = "Welcome to my Friendster Profile"
ar[1] = "I hope you like my design"
ar[2] = "Pls leave a message on the Chatterbox"
ar[3] = "Don't forget to give me a testi Thanx!"

// assign index of current message
var message = 0

// empty string initialization
var state = ""

// no value is currently being displayed
clearState()

// stop the banner if it is currently running
function stopBanner() {	
	// if banner is currently running	
	if (bannerRunning)		
	// stop the banner		
	clearTimeout(timerID)	
	// timer is now stopped	
	timerRunning = false
}

// start the banner
function startBanner() {	
	// make sure the banner is stopped	
	stopBanner()	
	// start the banner from the current position	
	showBanner()
}

// assign state a string of "0" characters of the length of the current message
function clearState() {	
	// initialize to empty string	
	state = ""	
	// create string of same length containing 0 digits	
	for (var i = 0; i < ar[message].length; ++i) {		
		state += "0"	
	}
}

// display the current message
function showBanner() {	
	// if the current message is done	
	if (getString()) {		
		// increment message		
		message++		
		// if new message is out of range wrap around to first message	

	
	if (ar.length <= message)			
		message = 0		
		// new message is first displayed as empty string		
		clearState()		
		// display next character after pause milliseconds		
		timerID = setTimeout("showBanner()", pause)	
	} 
	else {		
		// initialize to empty string		
		var str = ""		
		// built string to be displayed (only character selected thus far 

are displayed)		
	for (var j = 0; j < state.length; ++j) {			
		str += (state.charAt(j) == "1") ? ar[message].charAt(j) : "     "	

	
	}		
	// partial string is placed in status bar		
	window.status = str		
	// add another character after speed milliseconds		
	timerID = setTimeout("showBanner()", speed)	
	}
}

function getString() {	
	// set variable to true (it will stay true unless proven otherwise)	
	var full = true	
	// set variable to false if a free space is found in string (a not-displayed 

char)	
	for (var j = 0; j < state.length; ++j) {		
		// if character at index j of current message has not been 

placed in displayed string		
		if (state.charAt(j) == 0)			
		full = false	
	}	
	// return true immediately if no space found (avoid infinitive loop later)	
	if (full) return true	
	// search for random until free space found (braoken up via break 

statement)	
	while (1) {		
		// a random number (between 0 and state.length - 1 == 

message.length - 1)		
		var num = getRandom(ar[message].length)		
		// if free space found break infinitive loop		
	if (state.charAt(num) == "0")			
		break	
	}	
	// replace the 0 character with 1 character at place found	
	state = state.substring(0, num) + "1" + state.substring(num + 1, 

state.length)	
	// return false because the string was not full (free space was found)	
	return false
}

function getRandom(max) {	
	// create instance of current date	
	var now = new Date()		
	// create a random number (good generator)	
	var num = now.getTime() * now.getSeconds() * Math.random()	
	// cut random number to value between 0 and max - 1, inclusive	
	return num % max
}
startBanner()
// --></script>

<script language="javascript">
 var repeat=1 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
var title=document.title
var leng=title.length
var start=1
function titlemove() {
  titl=title.substring(start, leng) + title.substring(0, start)
  document.title=titl
  start++
  if (start==leng+1) {
    start=0
    if (repeat==0)
    return
  }
  setTimeout("titlemove()",140)
}
if (document.title)
titlemove()</script>

<script language=JavaScript> 
<!-- 
function click() { 
if (event.button==2) { 
window.moveTo(0, 0) 
window.moveTo(1, 1) 
window.moveTo(2, 2) 
window.moveTo(3, 3) 
window.moveTo(4, 4) 
window.moveTo(5, 5) 
window.moveTo(6, 6) 
window.moveTo(7, 7) 
window.moveTo(8, 8) 
window.moveTo(9, 9) 
window.moveTo(10, 10) 
window.moveTo(9, 9) 
window.moveTo(8, 8) 
window.moveTo(7, 7) 
window.moveTo(6, 6) 
window.moveTo(5, 5) 
window.moveTo(4, 4) 
window.moveTo(3, 3) 
window.moveTo(2, 2) 
window.moveTo(1, 1) 
window.moveTo(0, 0) 
window.moveTo(1, 1) 
window.moveTo(2, 2) 
window.moveTo(3, 3) 
window.moveTo(4, 4) 
window.moveTo(5, 5) 
window.moveTo(6, 6) 
window.moveTo(7, 7) 
window.moveTo(8, 8) 
window.moveTo(9, 9) 
window.moveTo(10, 10) 
window.moveTo(9, 9) 
window.moveTo(8, 8) 
window.moveTo(7, 7) 
window.moveTo(6, 6) 
window.moveTo(5, 5) 
window.moveTo(4, 4) 
window.moveTo(3, 3) 
window.moveTo(2, 2) 
window.moveTo(1, 1) 
window.moveTo(0, 0) 
window.moveTo(1, 1) 
window.moveTo(2, 2) 
window.moveTo(3, 3) 
window.moveTo(4, 4) 
window.moveTo(5, 5) 
window.moveTo(6, 6) 
window.moveTo(7, 7) 
window.moveTo(8, 8) 
window.moveTo(9, 9) 
window.moveTo(10, 10) 
window.moveTo(9, 9) 
window.moveTo(8, 8) 
window.moveTo(7, 7) 
window.moveTo(6, 6) 
window.moveTo(5, 5) 
window.moveTo(4, 4) 
window.moveTo(3, 3) 
window.moveTo(2, 2) 
window.moveTo(1, 1) 
window.moveTo(0, 0) 
window.moveTo(1, 1) 
window.moveTo(2, 2) 
window.moveTo(3, 3) 
window.moveTo(4, 4) 
window.moveTo(5, 5) 
window.moveTo(6, 6) 
window.moveTo(7, 7) 
window.moveTo(8, 8) 
window.moveTo(9, 9) 
window.moveTo(10, 10) 
window.moveTo(9, 9) 
window.moveTo(8, 8) 
window.moveTo(7, 7) 
window.moveTo(6, 6) 
window.moveTo(5, 5) 
window.moveTo(4, 4) 
window.moveTo(3, 3) 
window.moveTo(2, 2) 
window.moveTo(1, 1) 
window.moveTo(0, 0) 
window.moveTo(50, 50) 
window.moveTo(55, 55) 
window.moveTo(60, 60) 
window.moveTo(100, 100) 
window.moveTo(5000, 5000)
alert(' >>>>>> (^-^) >>>>>> '); 
} 
} 
document.onmousedown=click 
// --> 
</SCRIPT>


<BODY BGCOLOR=#000000 LEFTMARGIN=100 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (ran5.html) --> <table id="ran5" width="0" height="0" border="0" cellpadding="0" cellspacing="0">

<TR>
		<TD COLSPAN=2>
			<IMG SRC="http://img.photobucket.com/albums/v238/kirksydney/ran5a.jpg" WIDTH=1024 HEIGHT=322 BORDER=0 ALT="" USEMAP="#ran5_01_Map"></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="http://img.photobucket.com/albums/v238/kirksydney/ran5b.jpg" WIDTH=513 HEIGHT=446 ALT=""></TD>
		<TD>
			<IMG SRC="http://img.photobucket.com/albums/v238/kirksydney/ran5c.jpg" WIDTH=511 HEIGHT=446 BORDER=0 ALT="" USEMAP="#ran5_03_Map"></TD>
	</TR>
</TABLE>
<MAP NAME="ran5_01_Map">
<AREA SHAPE="rect" ALT="" COORDS="264,127,374,144" HREF="http://www.friendster.com/friendphotoupload.php?uid=4925722">
<AREA SHAPE="rect" ALT="" COORDS="130,129,244,148" HREF="http://www.friendster.com/photos/4925722">
<AREA SHAPE="rect" ALT="" COORDS="325,96,437,112" HREF="http://www.friendster.com/friends/4925722">
<AREA SHAPE="rect" ALT="" COORDS="193,96,304,115" HREF="http://www.friendster.com/referafriend.php?refer=4925722">
<AREA SHAPE="rect" ALT="" COORDS="70,95,177,113" HREF="http://www.friendster.com/testimonials.php?action=add&uid=4925722">
<AREA SHAPE="rect" ALT="" COORDS="314,60,424,80" HREF="http://www.friendster.com/sendmessage.php?uid=4925722&action=sendsmile">
<AREA SHAPE="rect" ALT="" COORDS="181,61,289,79" HREF="http://www.friendster.com/sendmessage.php?uid=4925722">
<AREA SHAPE="rect" ALT="" COORDS="44,60,156,80" HREF="http://www.friendster.com/addfriendrequest.php?uid=4925722">
<AREA SHAPE="rect" ALT="" COORDS="896,3,1010,20" HREF="http://www.friendster.com/logout.php">
<AREA SHAPE="rect" ALT="" COORDS="770,3,885,22" HREF="http://www.friendster.com/custhelp.php">
<AREA SHAPE="rect" ALT="" COORDS="646,4,759,21" HREF="http://www.friendster.com/editaccount.php">
<AREA SHAPE="rect" ALT="" COORDS="520,5,635,22" HREF="http://www.friendster.com/invite.php">
<AREA SHAPE="rect" ALT="" COORDS="394,4,508,21" HREF="http://www.friendster.com/friends.php">
<AREA SHAPE="rect" ALT="" COORDS="271,3,383,22" HREF="http://www.friendster.com/messages.php">
<AREA SHAPE="rect" ALT="" COORDS="144,2,258,23" HREF="http://www.friendster.com/user.php">
<AREA SHAPE="rect" ALT="" COORDS="18,4,131,21" HREF="http://www.friendster.com">
</MAP>
<MAP NAME="ran5_03_Map">
<AREA SHAPE="rect" ALT="" COORDS="358,409,423,416" HREF="http://www.friendster.com/info/privacy.php?statpos=footer">
<AREA SHAPE="rect" ALT="" COORDS="335,409,351,415" HREF="http://www.friendster.com/info/tos.php?statpos=footer">
<AREA SHAPE="rect" ALT="" COORDS="303,408,329,415" HREF="http://www.friendster.com/custhelp.php?statpos=footer">
<AREA SHAPE="rect" ALT="" COORDS="397,400,483,407" HREF="http://www.friendster.com/affiliate.php?statpos=footer">
<AREA SHAPE="rect" ALT="" COORDS="357,400,391,407" HREF="http://www.friendster.com/events.php?statpos=footer">
<AREA SHAPE="rect" ALT="" COORDS="303,400,350,407" HREF="http://www.friendster.com/info/contacts.php?statpos=footer">
<AREA SHAPE="rect" ALT="" COORDS="255,399,293,408" HREF="http://www.friendster.com/info/index.php?statpos=footer">
</MAP>
<!-- End ImageReady Slices -->




<!++++++++ ABOUT ME ++++++++>
<div style="overflow:auto; background-color: transparent; position:absolute;top:65;left:686;"><marquee style="width:400; height:185;" onmouseover='this.stop()' onmouseout='this.start()' scrollamount="1" direction="up">
<br>
<!++++++++ EDIT THIS PART ++++++++>
18 years ago on the sky above the land of Asia like never before an eclipse took place, in the dark, millions of falling stars flying across the sky. Then, after 16 years, there comes an influential Sacred Financial Group that has the power which is great enough to be the rival of the country, and under this group four unique educational institute were form. The four institutions are: [Sacred Gate Campus], [Mystic Peak Campus], [Phoenix Campus], and [Leonine Campus]. 
Students in each campus been through very stringent assessment, those are all top sports students that were pick from all over the nation. Even though each campus is very much influence by the normal sports campus, yet they have a very distinct syllabus as compare to the normal sport campus. Furthermore, all four campuses are built from structures that look like some Spells, therefore some of the students felt strange and bewilder, and reluctant to study in these four campuses. All students from these four campuses have experience some distinctive experience, in the end the students are not able to live a simple campus life, thus, all the doubts that used to bother them are eventually being forgotten in their daily lives. There are rumors mentioned that when the students reach the higher grade, they will be taught all kind of combat skills that seldom being taught in those combat troops. 

As of now, though there is nothing exceptional happen at the moment, but at this moment, but one can surely and deeply get the feel where... in a split second an unspeakable force will emerge and surround the whole campus and even the whole world... 

Uncertainty, Fear, Anxiety are in everyone's heart... but on another hand, they do feel excited about the destruction, and long to destroy... the evil self that was hidden in their deep soul...

<!++++++++ END ++++++++>
</marquee></div>

<div style="filter:alpha(opacity=75,finishopacity=75,style=1);background-color:transparent; overflow:auto; color:; position:absolute;top:188;left:315;"><marquee style="width:321; height:74;" onmouseover='this.stop()' onmouseout='this.start()' scrollamount="1">
<!++++++++ CHANGE PIC ++++++++>
<img src="http://four.fsphost.com/zrone01/rockon.jpg" height=74 width=80>
<img src="http://four.fsphost.com/zrone01/rockon.jpg" height=74 width=80>
<img src="http://four.fsphost.com/zrone01/rockon.jpg" height=74 width=80>
<img src="http://four.fsphost.com/zrone01/rockon.jpg" height=74 width=80>
<img src="http://four.fsphost.com/zrone01/rockon.jpg" height=74 width=80>
<!++++++++ END++++++++>
</marquee></div>

<div style="background-color:transparent; overflow:auto; position:absolute;top:643;left:205;">
<!++++++++ MP3 PLAYER ++++++++>
<embed allowScriptAccess="never" allowNetworking="internal" 
src="http://www.loudfusion.com/mp3_players/managed/plr_4/player.swf" 
flashVars="USERID=45013" quality="high" wmode="transparent" bgcolor="#DDDDDD" width="320" height="92"  
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
<!++++++++ END MP3 PLAYER++++++++>
</div>


<div style="background-color:transparent; overflow:auto; position:absolute;top:326;left:825;">
<!++++++++ CHATTERBOX CODE HERE (just change the boxid and boxtag)++++++++>
<!-- BEGIN CBOX - http://www.cbox.ws -->
<table border="0" cellpadding="0" cellspacing="0" summary="cbox tagboard" align="center">
<tr><td align="center">
<iframe frameborder="0" width="173" height="267" src="http://www3.cbox.ws/box/?boxid=2300365&amp;boxtag=7117&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" id="cboxmain"></iframe>
</td></tr><tr></table></div>
<div style="background-color:transparent; position:absolute;top:638;left:595;">
<iframe frameborder="0" width="201" height="69" src="http://www3.cbox.ws/box/?boxid=2300365&amp;boxtag=7117&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" border-top: 1px;" id="cboxform"></iframe>
</td></tr>
</table>
<!-- END CBOX -->
<!++++++++ END CHATTERBOX CODE++++++++>
</div>

<div style="filter:alpha(opacity=100,finishopacity=75,style=1);background-color:transparent; overflow:auto; position:absolute;top:362;left:152; height:230;width:577;">
<script language="javascript"> autotesti="yes"; </script> 
<div id=AUT></div> <div id=AUT></div> <STYLE TYPE="text/css"> #aut{width:100%; font-size:9px; color:#67360C; padding:0px 5px 0px 5px; overflow:hidden;} .left_column_testimonials IMG{width:100px; border:none; !important; margin-right:5px !important;} .left_column_testimonials_content .date {color:#556AA9;} .testimonialbody{ padding-bottom:5px; margin-bottom:5px;} .left_column_testimonials a:visited, .left_column_testimonials a:link{text-decoration:none; color:#67360C;} .left_column_hr{overflow:hidden; clear:both; border-bottom:1px dashed #935623; height:1px; margin-bottom:5px;} .seeall{padding-bottom:5px; text-align:center;} .seeall a:link, .seeall a:visited{text-decoration:none; color:#67360C;} .seeall a:hover, a:hover{color:#935623;} </style></div>
Last edited by kirksydney; 11-10-2006 at 09:56 PM.
(Offline)
 
 Reply With Quote
Old 07-19-2007, 12:15 AM   #2
rey_mond29
Junior Member
 
Join Date: Jul 2007
Posts: 1
wow lupet ng profile wooohhoooo!!!!!!!
(Offline)
 
 Reply With Quote
Old 07-19-2007, 12:27 AM   #3
pudztig
Member
 
pudztig's Avatar
 
Join Date: Jun 2007
Location: pudzone
Posts: 72
Send a message via Yahoo to pudztig
plz post your msg in english...
__________________
(Offline)
 
 Reply With Quote
Reply

« Previous Thread | Next Thread »

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -7. The time now is 11:16 PM.



Contact Us - NackVision HOME - Archive - Top