- ARCHIVES
- » Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
- sahabat.peterpan
- » FTalkWhiz
2815
0
1969-12-31
Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
Screenshot :
[img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img]
Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox.
Scripts 
[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>Featured Friends</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{
text-align:center;
position: absolute;
width: 150px;
border: 2px solid red;
padding: 2px;
background-color: green;
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="url" text="#transparent">
<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="274px"><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:272px;height:220px;border:1px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:272px;left:0;top:0">')
}
</script>
<ilayer clip="0,0,175,190" width="272" name="nscontainer" height="190">
<layer width="272" visibility="hidden" name="nscontent" height="190">
<!--INSERT CONTENT HERE-->
<a href="[b]URL FRIENDSTER[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]NAMA TEMAN 1[/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]PHOTO TEMAN 1[/b]" width="130" height="180"></img></a></p><br>
<br>
<a href="[b]URL FRIENDSTER[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]NAMA TEMAN 2[/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]PHOTO TEMAN 2[/b]" width="130" height="180"></img></a></p><br>
<br>
<a href="[b]URL FRIENDSTER[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]NAMA TEMAN 3[/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]PHOTO TEMAN 3[/b]" width="130" height="180"></img></a></p><br>
<br>
<a href="[b]URL FRIENDSTER[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]NAMA TEMAN 4[/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]PHOTO TEMAN 4[/b]" width="130" height="180"></img></a></p><br>
<br>
<a href="[b]URL FRIENDSTER[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]NAMA TEMAN 5[/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]PHOTO TEMAN 5[/b]" width="130" height="180"></img></a></p><br>[/b]
<br>
<a href="http://www.friendster.com/friends/19420450" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false">View All Friends</a>
<p align="center">Copyright 2007-2009 Friendstertalk.com, 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="274px"><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>
</html>[/quote]
Lihat bagian yang [b]tebal[/b], itu yang harus di edit.
Url Friendster Ganti dengan URL Friendster teman kamu [i](ex : http://profiles.friendster.com/9999999)[/i]
Photo teman 1-5 Ganti dengan URL Photo Teman kamu.
Nama Teman Terserah 
Simpan script di atas sebagai [b].php[/b]
[i](ex : h1.ripway.com/username/friends.php)[/i]
Setelah itu, masukan URL PHP nya ke script ini
[quote]var friends = "<center><iframe style='none: chroma(color=#transparent)' allowtransparency='true' frameborder=2 width='290' height='290px' scrolling='no' src=[b]URL PHP[/b]></iframe></center>";
document.getElementById('content_2').style.height='100%';
document.getElementById('content_2').style.overflowY='hidden';
document.getElementById('content_2').innerHTML = "<table width='325'><tr><td align='center'>"+friends+"</td></tr></table>";[/quote]
Credits Goes to Dynamicdrive.com and Hyouton for the screenshot. lol.
[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>Featured Friends</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{
text-align:center;
position: absolute;
width: 150px;
border: 2px solid red;
padding: 2px;
background-color: green;
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="url" text="#transparent">
<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="274px"><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:272px;height:220px;border:1px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:272px;left:0;top:0">')
}
</script>
<ilayer clip="0,0,175,190" width="272" name="nscontainer" height="190">
<layer width="272" visibility="hidden" name="nscontent" height="190">
<!--INSERT CONTENT HERE-->
<a href="[b]URL FRIENDSTER[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]NAMA TEMAN 1[/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]PHOTO TEMAN 1[/b]" width="130" height="180"></img></a></p><br>
<br>
<a href="[b]URL FRIENDSTER[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]NAMA TEMAN 2[/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]PHOTO TEMAN 2[/b]" width="130" height="180"></img></a></p><br>
<br>
<a href="[b]URL FRIENDSTER[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]NAMA TEMAN 3[/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]PHOTO TEMAN 3[/b]" width="130" height="180"></img></a></p><br>
<br>
<a href="[b]URL FRIENDSTER[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]NAMA TEMAN 4[/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]PHOTO TEMAN 4[/b]" width="130" height="180"></img></a></p><br>
<br>
<a href="[b]URL FRIENDSTER[/b]" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false" onMouseover="ddrivetip('[b]NAMA TEMAN 5[/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]PHOTO TEMAN 5[/b]" width="130" height="180"></img></a></p><br>[/b]
<br>
<a href="http://www.friendster.com/friends/19420450" onclick="NewWindow(this.href,'mywin','500','300','yes','center');return false">View All Friends</a>
<p align="center">Copyright 2007-2009 Friendstertalk.com, 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="274px"><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>
</html>[/quote]
Lihat bagian yang [b]tebal[/b], itu yang harus di edit.
Url Friendster Ganti dengan URL Friendster teman kamu [i](ex : http://profiles.friendster.com/9999999)[/i]
Photo teman 1-5 Ganti dengan URL Photo Teman kamu.
Nama Teman Terserah
Simpan script di atas sebagai [b].php[/b]
[i](ex : h1.ripway.com/username/friends.php)[/i]
Setelah itu, masukan URL PHP nya ke script ini
[quote]var friends = "<center><iframe style='none: chroma(color=#transparent)' allowtransparency='true' frameborder=2 width='290' height='290px' scrolling='no' src=[b]URL PHP[/b]></iframe></center>";
document.getElementById('content_2').style.height='100%';
document.getElementById('content_2').style.overflowY='hidden';
document.getElementById('content_2').innerHTML = "<table width='325'><tr><td align='center'>"+friends+"</td></tr></table>";[/quote]
Credits Goes to Dynamicdrive.com and Hyouton for the screenshot. lol.
Last edited by sahabat.peterpan (2008-03-05 05:27:00)
 |
- pulasara
- » FTalkAddict
- 574
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
kalo ga salah ini kan udh di posting sebelumnya ama bro nopathz???
atau kah ini berbeda dengan bro nopathz punya.......
thanks for share do.lu bener2 gokil=D
atau kah ini berbeda dengan bro nopathz punya.......
thanks for share do.lu bener2 gokil=D
|
- sahabat.peterpan
- » FTalkWhiz
- 2815
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
Walah ini sama scriptnya bro Nopz tampilannya berbeda bro Ini ada scrollnya. Sedangkan bro Nopz gak ada 
Ini ada scrollnya. Sedangkan bro Nopz gak ada
|
- _YoE_
- » FTalker
- 232
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
[quote=sahabat.peterpan]Setelah itu, masukan URL PHP nya ke script ini
[quote]var friends = "<center><iframe style='none: chroma(color=#transparent)' allowtransparency='true' frameborder=2 width='290' height='290px' scrolling='no' src=[b]URL PHP[/b]></iframe></center>";
document.getElementById('content_2').style.height='100%';
document.getElementById('content_2').style.overflowY='hidden';
document.getElementById('content_2').innerHTML = "<table width='325'><tr><td align='center'>"+friends+"</td></tr></table>";[/quote]
Credits Goes to Dynamicdrive.com
[/quote]
wew... makin mantab aja ne bro edo 
Maap bro edo, setelah itu code yg itu di masukin dmnnya.?? di .js bagian mana maksudnya.??
mhn pencerahannya maklum msh nubie
[quote]var friends = "<center><iframe style='none: chroma(color=#transparent)' allowtransparency='true' frameborder=2 width='290' height='290px' scrolling='no' src=[b]URL PHP[/b]></iframe></center>";
document.getElementById('content_2').style.height='100%';
document.getElementById('content_2').style.overflowY='hidden';
document.getElementById('content_2').innerHTML = "<table width='325'><tr><td align='center'>"+friends+"</td></tr></table>";[/quote]
Credits Goes to Dynamicdrive.com
[/quote]
wew... makin mantab aja ne bro edo
Maap bro edo, setelah itu code yg itu di masukin dmnnya.?? di .js bagian mana maksudnya.??
mhn pencerahannya maklum msh nubie
|
- KhErMiNaToR
- » FTalkAgent
- 2112
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
klarifikasi,,
[quote]</HTML>[/quote]
tag itu ga ketutup bro...
|
- sahabat.peterpan
- » FTalkWhiz
- 2815
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
[b]@ bro Kher[/b]
Terima kasih bro Koreksinya 1+ [img]http://theftalk.com/img/warn_add.gif[/img]
[b]@ Wahyoe[/b]
Di bagian C Bro Paling bawah script JS Kamu.
1+ [img]http://theftalk.com/img/warn_add.gif[/img]
[b]@ Wahyoe[/b]
Di bagian C Bro Paling bawah script JS Kamu.
|
- KhErMiNaToR
- » FTalkAgent
- 2112
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
yups..sama sama bro,,
thank jg buat reput nya,,
btw,,ini ga ada previewnya??
btw,,ini ga ada previewnya??
|
- sahabat.peterpan
- » FTalkWhiz
- 2815
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
Walah belum ada Preview bro Ntar saya bikin Live Previewnya.
Ntar saya bikin Live Previewnya.
|
- KhErMiNaToR
- » FTalkAgent
- 2112
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
minimal [b]screenshot[/b]nya bro...
ditunggu lo....gif)
btw,,saya lupa bilang, thank 4 sharing this..
ditunggu lo...
btw,,saya lupa bilang, thank 4 sharing this..
|
- ari_hc
- » FTalker
- 114
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
bang ...
mo tny nih,
kl skrg qt ngrbh script js emg g langsung ngefek y???
bnr p engga sihh???
mslhnya stp aq rbh pasti bsknya br klhtan hslnya??
mohon msukkannya ..
thx
|
- KhErMiNaToR
- » FTalkAgent
- 2112
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
setelah kmu ubah scriptnya,
coba refresh profilenya,
tekan tombol [b]CTRL[/b] + [b]F5[/b]
ga perlu nunggu ampe besok lagi...
ga perlu nunggu ampe besok lagi...
|
- arcatari
- » FTalkElite
- 5370
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
thanx ya bro edo..
da bagi˛ kodenya...
saya pamit coba pake script nya ya...
|
- HyoutoN
- » FTalker
- 149
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
huwaa kalo ga salah yg ini udah pernah di posting di trick n tuts..![;]](img/smilies/wink.gif)
ako udah lama pake skrip ini
btw thx udah share brow
ako udah lama pake skrip ini
btw thx udah share brow
|
- yanstupid
- » FTalkManiac
- 979
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
[quote=HyoutoN]huwaa kalo ga salah yg ini udah pernah di posting di trick n tuts..
ako udah lama pake skrip ini
btw thx udah share brow [/quote]
iya bro hyuton
script ini sudah di post di TNT .. bs jg digunakan pd fan of
mengenai friends yg akan di add .. bs juga dibikin 6 sesuai jumlah friends yg didefaultnya (menurut aku lho)
ako udah lama pake skrip ini
btw thx udah share brow [/quote]
iya bro hyuton
script ini sudah di post di TNT .. bs jg digunakan pd fan of
mengenai friends yg akan di add .. bs juga dibikin 6 sesuai jumlah friends yg didefaultnya (menurut aku lho)
|
- sahabat.peterpan
- » FTalkWhiz
- 2815
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
[b]@ ari_hc[/b]
Coba kirim URL Script kamu kesini bro
[b]@ Hyouton[/b]
Walah ya gpp deh, hitung-hitung saya meng-translated kan Thanks bro.
[b]@ Bang Yan[/b]
Kalau mau di buat jadi 6 bisa juga kok Bang
Tambahin saja script yang ini
<">And kalau mau di buat fan of tinggal di ubah siblings nya saja.
[quote]var friends = "<center><iframe style='none: chroma(color=#transparent)' allowtransparency='true' frameborder=2 width='290' height='290px' scrolling='no' src=URL PHP></iframe></center>";
document.getElementById('[b]content_2[/b]').style.height='100%';
document.getElementById('[b]content_2[/b]').style.overflowY='hidden';
document.getElementById('[b]content_2[/b]').innerHTML = "<table width='325'><tr><td align='center'>"+friends+"</td></tr></table>";[/quote]
[b]@ Hyouton[/b]
Walah ya gpp deh, hitung-hitung saya meng-translated kan Thanks bro.
[b]@ Bang Yan[/b]
Kalau mau di buat jadi 6 bisa juga kok Bang
Tambahin saja script yang ini
<">And kalau mau di buat fan of tinggal di ubah siblings nya saja.
[quote]var friends = "<center><iframe style='none: chroma(color=#transparent)' allowtransparency='true' frameborder=2 width='290' height='290px' scrolling='no' src=URL PHP></iframe></center>";
document.getElementById('[b]content_2[/b]').style.height='100%';
document.getElementById('[b]content_2[/b]').style.overflowY='hidden';
document.getElementById('[b]content_2[/b]').innerHTML = "<table width='325'><tr><td align='center'>"+friends+"</td></tr></table>";[/quote]
|
- Jirichi Ryunashira
- » FTalkElite
- 7217
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
Edodolz makin pandai 
Ini bukan yang kaiak dluh di Profilenya yuna yak?
Ini bukan yang kaiak dluh di Profilenya yuna yak?
|
- sahabat.peterpan
- » FTalkWhiz
- 2815
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
^Iya dulz, yang kayak di profile lo dulu
|
- Jirichi Ryunashira
- » FTalkElite
- 7217
- 0
- 1969-12-31
Re: Screenshot : [img]http://img235.imageshack.us/img235/2820/weksrd7.jpg[/img] Siapkan 5 buah Photo beserta URL Friendster yang akan di tampilkan pada Friendbox. Scripts :arrow: [quote]<html> <head> <m
Sips dah kalo begituh.
Bisa dibuat One Column Profile ggag?
Bisa dibuat One Column Profile ggag?
|