- ARCHIVES
- » [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
[b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
- diabolicious
- » FTalkManiac
721
0
1969-12-31
[b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
[b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url]
The code is long but all you need to do is copy paste
and edit a few lines 
Open Notepad and Paste this code
[quote]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Luis Goco</title>
<script language="javascript" type="text/javascript">
<!--
/****************************************************
Author: Eric King
Url: http://redrival.com/eak/index.shtml
This script is free to use as long as this info is left in
Featured on Dynamic Drive script library (http://www.dynamicdrive.com)
****************************************************/
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes';
win=window.open(mypage,myname,settings);}
// -->
</script>
<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">
/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a=
){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>
<script type="text/javascript">
/***********************************************
* Sticky Note script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Go to http://www.dynamicdrive.com/ for full source code
***********************************************/
//Specify display mode. 3 possible values are:
//1) "always"- This makes the fade-in box load each time the page is displayed
//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.
var displaymode="always"
var enablefade="yes" //("yes" to enable fade in effect, "no" to disable)
var autohidebox=["yes", 5] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
var showonscroll="no" //Should box remain visible even when user scrolls page? ("yes"/"no)
var IEfadelength=1 //fade in duration for IE, in seconds
var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)
////////No need to edit beyond here///////////
if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
function displayfadeinbox(){
var ie=document.all && !window.opera
var dom=document.getElementById
iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
var docwidth=(ie)? iebody.clientWidth : window.innerWidth
docheight=(ie)? iebody.clientHeight: window.innerHeight
var objwidth=objref.offsetWidth
objheight=objref.offsetHeight
objref.style.left=docwidth/2-objwidth/2+"px"
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
if (showonscroll=="no")
showonscrollvar=setInterval("staticfadebox()", 50)
if (enablefade=="yes" && objref.filters){
objref.filters[0].duration=IEfadelength
objref.filters[0].Apply()
objref.filters[0].Play()
}
objref.style.visibility="visible"
if (objref.style.MozOpacity){
if (enablefade=="yes")
mozfadevar=setInterval("mozfadefx()", 90)
else{
objref.style.MozOpacity=1
controlledhidebox()
}
}
else
controlledhidebox()
}
function mozfadefx(){
if (parseFloat(objref.style.MozOpacity)<1)
objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
else{
clearInterval(mozfadevar)
controlledhidebox()
}
}
function staticfadebox(){
var ie=document.all && !window.opera
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
}
function hidefadebox(){
objref.style.visibility="hidden"
if (typeof showonscrollvar!="undefined")
clearInterval(showonscrollvar)
}
function controlledhidebox(){
if (autohidebox[0]=="yes"){
var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000
setTimeout("hidefadebox()", delayvar)
}
}
function initfunction(){
setTimeout("displayfadeinbox()", 100)
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", initfunction)
else if (document.getElementById)
window.onload=initfunction
document.cookie="fadedin=yes"
}
</script>
<style type="text/css">
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: red;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
</style>
</head>
<body background="http://img517.imageshack.us/img517/7220/credit2ephemeralvb3.gif" text="#FFFFFF">
<div id="dhtmltooltip"></div>
<script type="text/javascript">
/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}
function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"
//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}
function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}
document.onmousemove=positiontip
</script>
<table bgcolor="#000000" width="284px"><td><p align="center">
<a onmouseover="moveup()" onmouseout="clearTimeout(moveupvar)" href="#"><img border="0" src="http://www.bbc.co.uk/scotland/music/images/up_button.gif" width="60" height="14"/></a></table>
<script type="text/javascript">
/******************************************
* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/
iens6=document.all||document.getElementById
ns4=document.layers
//specify speed of scroll (greater=faster)
var speed=5
if (iens6){
document.write('<div id="container" style="position:relative;width:284px;height:190px;border:1px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:284px;left:0;top:0">')
}
</script>
<ilayer clip="0,0,175,190" width="284" name="nscontainer" height="190">
<layer width="284" visibility="hidden" name="nscontent" height="190">
<!--INSERT CONTENT HERE-->
<a href="[b]http://profiles.friendster.com/???????[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]Friend's Name[/b]')";
onMouseout="hideddrivetip()"><p align="center"><img border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"src="[b]Friend's Image URL[/b]" width="200" height="150"></img></a></p><br>
<br>
<a href="[b]http://profiles.friendster.com/???????[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]Friend's Name[/b]')";
onMouseout="hideddrivetip()"><p align="center"><img border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"src="[b]Friend's Image URL[/b]" width="200" height="150"></img></a></p><br>
<br>
<a href="[b]http://profiles.friendster.com/???????[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]Friend's Name[/b]')";
onMouseout="hideddrivetip()"><p align="center"><img border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"src="[b]Friend's Image URL[/b]" width="200" height="150"></img></a></p><br>
<br>
<a href="[b]http://profiles.friendster.com/???????[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]Friend's Name[/b]')";
onMouseout="hideddrivetip()"><p align="center"><img border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"src="[b]Friend's Image URL[/b]" width="200" height="150"></img></a></p><br>
<br>
<a href="[b]http://profiles.friendster.com/???????[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]Friend's Name[/b]')";
onMouseout="hideddrivetip()"><p align="center"><img border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"src="[b]Friend's Image URL[/b]" width="200" height="150"></img></a></p><br>
<br>
<a href="http://www.friendster.com/friends/[b]USERID[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false"><b>VIEW ALL FRIENDS</b></a>
<p align="center">Copyright 2007-2009 <a href=http://profiles.friendster.com/luisgoco>Luis Goco</a>, Inc. All rights reserved. <br>
<br>
</p>
<!--END CONTENT-->
</layer>
</ilayer>
<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>
<table bgcolor="#000000" width="284px"><td><p align="center">
<a onmouseover="movedown()" onmouseout="clearTimeout(movedownvar)" href="#"><img border="0" src="http://www.bbc.co.uk/scotland/music/images/down_button.gif" width="60" height="14"/></a></p></td>
</table>
<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}
function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}
function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)
}
function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>
</body>[/quote]
Edit the [b]bolded [/b]parts of the code as instructed
and save it as scroller.php, upload it in your ripway
________________________________________
Paste this code into your JS extension (tracker)
[quote]if (!attachOnLoadHandler(function(){embedx()})) window.onload = function(){embedx()};
function embedx(){
var sloddex = "<iframe style='FILTER: chroma(color=#FFFFFF)' allowtransparency='true' frameborder=0 width='100%' height='256' scrolling='no' src=[b]SCROLLER.PHP URL[/b]></iframe>";
document.getElementById('content_2').style.height='100%';
document.getElementById('content_2').style.overflowY='hidden';
document.getElementById('content_2').innerHTML = "<table width='100%'><tr><td align='center'>"+sloddex+"</td></tr></table>";
}setTimeout("embedx()",10000);[/quote]
[b]Study HTML and Javascript and be Creative.[/b]
Use your Imagination
[b]UPDATED:[/b]
Compatible to mdirwan's SLIDING PHOTO TRICK
Open Notepad and Paste this code
[quote]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Luis Goco</title>
<script language="javascript" type="text/javascript">
<!--
/****************************************************
Author: Eric King
Url: http://redrival.com/eak/index.shtml
This script is free to use as long as this info is left in
Featured on Dynamic Drive script library (http://www.dynamicdrive.com)
****************************************************/
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes';
win=window.open(mypage,myname,settings);}
// -->
</script>
<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">
/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a=){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>
<script type="text/javascript">
/***********************************************
* Sticky Note script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Go to http://www.dynamicdrive.com/ for full source code
***********************************************/
//Specify display mode. 3 possible values are:
//1) "always"- This makes the fade-in box load each time the page is displayed
//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.
var displaymode="always"
var enablefade="yes" //("yes" to enable fade in effect, "no" to disable)
var autohidebox=["yes", 5] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
var showonscroll="no" //Should box remain visible even when user scrolls page? ("yes"/"no)
var IEfadelength=1 //fade in duration for IE, in seconds
var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)
////////No need to edit beyond here///////////
if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
function displayfadeinbox(){
var ie=document.all && !window.opera
var dom=document.getElementById
iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
var docwidth=(ie)? iebody.clientWidth : window.innerWidth
docheight=(ie)? iebody.clientHeight: window.innerHeight
var objwidth=objref.offsetWidth
objheight=objref.offsetHeight
objref.style.left=docwidth/2-objwidth/2+"px"
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
if (showonscroll=="no")
showonscrollvar=setInterval("staticfadebox()", 50)
if (enablefade=="yes" && objref.filters){
objref.filters[0].duration=IEfadelength
objref.filters[0].Apply()
objref.filters[0].Play()
}
objref.style.visibility="visible"
if (objref.style.MozOpacity){
if (enablefade=="yes")
mozfadevar=setInterval("mozfadefx()", 90)
else{
objref.style.MozOpacity=1
controlledhidebox()
}
}
else
controlledhidebox()
}
function mozfadefx(){
if (parseFloat(objref.style.MozOpacity)<1)
objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
else{
clearInterval(mozfadevar)
controlledhidebox()
}
}
function staticfadebox(){
var ie=document.all && !window.opera
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
}
function hidefadebox(){
objref.style.visibility="hidden"
if (typeof showonscrollvar!="undefined")
clearInterval(showonscrollvar)
}
function controlledhidebox(){
if (autohidebox[0]=="yes"){
var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000
setTimeout("hidefadebox()", delayvar)
}
}
function initfunction(){
setTimeout("displayfadeinbox()", 100)
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", initfunction)
else if (document.getElementById)
window.onload=initfunction
document.cookie="fadedin=yes"
}
</script>
<style type="text/css">
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: red;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
</style>
</head>
<body background="http://img517.imageshack.us/img517/7220/credit2ephemeralvb3.gif" text="#FFFFFF">
<div id="dhtmltooltip"></div>
<script type="text/javascript">
/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}
function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"
//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}
function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}
document.onmousemove=positiontip
</script>
<table bgcolor="#000000" width="284px"><td><p align="center">
<a onmouseover="moveup()" onmouseout="clearTimeout(moveupvar)" href="#"><img border="0" src="http://www.bbc.co.uk/scotland/music/images/up_button.gif" width="60" height="14"/></a></table>
<script type="text/javascript">
/******************************************
* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/
iens6=document.all||document.getElementById
ns4=document.layers
//specify speed of scroll (greater=faster)
var speed=5
if (iens6){
document.write('<div id="container" style="position:relative;width:284px;height:190px;border:1px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:284px;left:0;top:0">')
}
</script>
<ilayer clip="0,0,175,190" width="284" name="nscontainer" height="190">
<layer width="284" visibility="hidden" name="nscontent" height="190">
<!--INSERT CONTENT HERE-->
<a href="[b]http://profiles.friendster.com/???????[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]Friend's Name[/b]')";
onMouseout="hideddrivetip()"><p align="center"><img border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"src="[b]Friend's Image URL[/b]" width="200" height="150"></img></a></p><br>
<br>
<a href="[b]http://profiles.friendster.com/???????[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]Friend's Name[/b]')";
onMouseout="hideddrivetip()"><p align="center"><img border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"src="[b]Friend's Image URL[/b]" width="200" height="150"></img></a></p><br>
<br>
<a href="[b]http://profiles.friendster.com/???????[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]Friend's Name[/b]')";
onMouseout="hideddrivetip()"><p align="center"><img border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"src="[b]Friend's Image URL[/b]" width="200" height="150"></img></a></p><br>
<br>
<a href="[b]http://profiles.friendster.com/???????[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]Friend's Name[/b]')";
onMouseout="hideddrivetip()"><p align="center"><img border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"src="[b]Friend's Image URL[/b]" width="200" height="150"></img></a></p><br>
<br>
<a href="[b]http://profiles.friendster.com/???????[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]Friend's Name[/b]')";
onMouseout="hideddrivetip()"><p align="center"><img border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"src="[b]Friend's Image URL[/b]" width="200" height="150"></img></a></p><br>
<br>
<a href="http://www.friendster.com/friends/[b]USERID[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false"><b>VIEW ALL FRIENDS</b></a>
<p align="center">Copyright 2007-2009 <a href=http://profiles.friendster.com/luisgoco>Luis Goco</a>, Inc. All rights reserved. <br>
<br>
</p>
<!--END CONTENT-->
</layer>
</ilayer>
<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>
<table bgcolor="#000000" width="284px"><td><p align="center">
<a onmouseover="movedown()" onmouseout="clearTimeout(movedownvar)" href="#"><img border="0" src="http://www.bbc.co.uk/scotland/music/images/down_button.gif" width="60" height="14"/></a></p></td>
</table>
<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}
function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}
function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)
}
function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>
</body>[/quote]
Edit the [b]bolded [/b]parts of the code as instructed
and save it as scroller.php, upload it in your ripway
________________________________________
Paste this code into your JS extension (tracker)
[quote]if (!attachOnLoadHandler(function(){embedx()})) window.onload = function(){embedx()};
function embedx(){
var sloddex = "<iframe style='FILTER: chroma(color=#FFFFFF)' allowtransparency='true' frameborder=0 width='100%' height='256' scrolling='no' src=[b]SCROLLER.PHP URL[/b]></iframe>";
document.getElementById('content_2').style.height='100%';
document.getElementById('content_2').style.overflowY='hidden';
document.getElementById('content_2').innerHTML = "<table width='100%'><tr><td align='center'>"+sloddex+"</td></tr></table>";
}setTimeout("embedx()",10000);[/quote]
[b]Study HTML and Javascript and be Creative.[/b]
Use your Imagination
[b]UPDATED:[/b]
Compatible to mdirwan's SLIDING PHOTO TRICK
Last edited by diabolicious (2007-11-08 06:26:38)
 |
- ~*~cute~*~
- » FTalker
- 219
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
woaah!! soo long!! anyweiz.. tnx for sharing this kua... gonna use this if i have time...
|
- diabolicious
- » FTalkManiac
- 721
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
whoaa! its terribly long!!
Hurry up try this one!! 
|
- Shirow Masamune
- » FTalkAgent
- 2237
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
hahah lol luis you've finally shared it to the public well keep it up ill be supporting you 
|
- diabolicious
- » FTalkManiac
- 721
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
Sorry for taking too long..
I hope they'll like it 
|
- --khathateslove--
- » FTalkAgent
- 2257
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
yer right..the codes are really long..i'll try to use it..tnx for sharin'..
|
- fando91
- » FTalkManiac
- 862
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
[b]Lolz, luis, U've decided to share it at last!! but I'm using it before u share!! anyweiz, respect u dude!! PEACE!![/b]
|
- Lordheinz
- » FTalkElite
- 4377
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
il try this one as well...cool>>>what will gona happen to the default friends sir?
Last edited by lordheinz (2007-11-07 07:56:34)
|
- acel_lanzs
- » FTalker
- 152
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
wow this more cool than the first friendslist.. but it would be more if there is caption... 
|
- sakurakinimoto
- » n00b
- 83
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
hi... i lyk dis code...
but can i request to have "view all" link... to view all my friends.... plsssssss..... hehehe tnx....
|
- diabolicious
- » FTalkManiac
- 721
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
thanks for appreciating
the php file is customizable..
you can change the colors and the button of the scroller
|
- diabolicious
- » FTalkManiac
- 721
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
[b]@sakurakinimoto
[/b]
oh ok just a moment!
_____________________________
Sorry for double posting again 
why does this happen to me?
why does this happen to me?
Last edited by diabolicious (2007-11-07 08:08:08)
|
- sakurakinimoto
- » n00b
- 83
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
yey... tenkyu tenkyu... hehehe... i'll w8...
|
- diabolicious
- » FTalkManiac
- 721
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
[quote]Edited First Post[/quote]
You can copy the php code now and replace it to your php
|
- fando91
- » FTalkManiac
- 862
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
[b]Luis, how to change the border color of the image?? cuz I wanna change the color from the original purple to grey...[/b]
|
- sakurakinimoto
- » n00b
- 83
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
i cant view my friends yet... 
|
- diabolicious
- » FTalkManiac
- 721
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
did you re-do the tutorial?
your PHP should have this
[quote]<a href="[b]YOUR PROFILE LINK[/b]"><b>VIEW ALL FRIENDS</b></a>[/quote]
Edit the bolded parts as instructed 
|
- fando91
- » FTalkManiac
- 862
- 0
- 1969-12-31
Re: [b]Preview: [/b][url]http://profiles.friendster.com/luisgoco[/url] The code is long but all you need to do is copy paste and edit a few lines :) Open Notepad and Paste this code [quote]<html> <he
[b]Ur [u]ALL FRIENDS URL[/u] should be looking like this...
[quote]http://www.friendster.com/friends/[color=red]UR_FS_ID[/color]\[/quote]
@Luis : How to change the Image border color?? 
[/b]
[/b]
Last edited by fando91 (2007-11-07 08:30:58)
|