friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2 3

 

#1  2008-08-04 10:27:24

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10881
Last visit: Today
Reputation: 1302
Friendster

Control Panel Styles (change everything version 1 and 2)

Control panel Styles

style number 1: Permadi style

features
-thumbnail navigator
-clocklink.com
-typewriter info effect
-pull down menu source : click
-click here link


<html>
<head>

<style type="text/css">

<!--
body{
    background-image : url(BACKGROUND IMAGE URL);
    background-repeat : repeat;
}
-->

<!--
.news
{
  font-family: "BankGothic Md BT, Helvetica";
 
  color=red;
  color=#CCFF66;
 
}
-->


</style>

</head>
<body>
<table border="5" width="520" height="180">
<tr>

<td width="50%">
</h2>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Daniel Smith (xalres@earthlink.net) -->
<!-- Web Site:  http://home.earthlink.net/~xalres -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
prev1 = new Image (32,18);
prev1.src = "PREVIEW BUTTO IMAGE URL";
prev2 = new Image (32,18);
prev2.src = "PREVIEW BUTTO IMAGE URL";

next1 = new Image (32,18);
next1.src = "NEXT BUTTON IMAGE URL";
next2 = new Image (32,18);
next2.src = "NEXT BUTTON IMAGE URL";

go1 = new Image (48,24);
go1.src = "GO BUTTON URL HERE";
go2 = new Image (48,24);
go2.src = "GO BUTTON URL HERE";

maxPic = 5;

p1 = new Image (144,96);
p1.src = "PIC NUM 1 IMG URL";
link1 = "PIC NUM 1 IMG URL";

p2 = new Image (144,96);
p2.src = "PIC NUM 2 IMG URL";
link2 = "PIC NUM 2 IMG URL";

p3 = new Image (144,96);
p3.src = "PIC NUM 3 IMG URL";
link3 = "PIC NUM 3 IMG URL";

p4 = new Image (144,96);
p4.src = "PIC NUM 4 IMG URL";
link4 = "PIC NUM 4 IMG URL";

p5 = new Image (144,96);
p5.src = "PIC NUM 5 IMG URL";
link5 = "PIC NUM 5 IMG URL";

count = 1;
function next() {
count++;
if (count > maxPic) {
count = 1;
}
eval("document.p.src=p" + count + ".src");
}
function back() {
count--;
if (count == 0) {
count = maxPic;
}
eval("document.p.src=p" + count + ".src");
}
function link() {
location.href=eval("link" + count);
}
//  End -->
</script>
<table bgcolor="#000000" border=2>
<tr>

<td align=center width=300>
<font color=white face="Arial, Helvetica" size="+1">Thumbnail Navigator</font>
<br><br>
<img name=p src="ANY IMAGE URL HERE" border=0 width=144 height=96>
<br>
<table border=0>
<tr>
<td><a href="javascript:back()" onmouseover="prev.src=prev2.src" onmouseout="prev.src=prev1.src"><img src="PREVIEW BUTTON IMAGE URL"  width="53" height="36" border="0" name="prev"></td>
<td><a href="javascript:link()" onmouseover="go.src=go2.src" onmouseout="go.src=go1.src"><img src="GO BUTTON IMG URL" width="53" height="36" border="0" name="go"></td>
<td><a href="javascript:next()" onmouseover="next.src=next2.src" onmouseout="next.src=next1.src"><img src="NEXT BUTTON IMAGE URL" width="53" height="36" border="0" name="next"></td>
</tr>
</table>
<br>
<font color="#FFFFFF" size="3" face="Kartika">FOTOS</font>

</td>

</tr>
</table>
</td>
<td>
<center><embed src="http://www.clocklink.com/clocks/0022-brown.swf?TimeZone=Philippines_Manila&"  width="135" height="135" wmode="transparent" type="application/x-shockwave-flash"></center>


</td>
<td width="50%">
<SCRIPT LANGUAGE="JavaScript">
<!--
////////////////////////////////////////
// F. Permadi 2002
////////////////////////////////////////
var text="Name: YOUR NAME <br>Gender: URGENDER <br> Age: UR AGE";
       
var delay=50;
var currentChar=1;
var destination="[none]";
function type()
{
    //if (document.all)
    {
        var dest=document.getElementById(destination);
        if (dest)// && dest.innerHTML)
        {
            dest.innerHTML=text.substr(0, currentChar)+"_";
            currentChar++;
            if (currentChar>text.length)
            {
                currentChar=1;
                setTimeout("type()", 1000);
            }   
            else
            {
                setTimeout("type()", delay);
            }
        }
    }
}

function startTyping(textParam, delayParam, destinationParam)
{
    text=textParam;
    delay=delayParam;
    currentChar=1;
    destination=destinationParam;
    type();
}
//--> 
</SCRIPT>
<center><img src="http://rainbow.arch.scriptmania.com/tools/clock/pc.gif"></center>
<font size="6" face="BankGothic Md BT" color="#CCCCCC">NEWS FLASH</font>
   <font color="#FFFFFF"><DIV ID="textDestination" class="news">...</DIV></FONT>

</body>
<SCRIPT LANGUAGE="JavaScript">
<!--
javascript:startTyping(text, 50, "textDestination");
//-->
</SCRIPT>
</td>

</td>
</tr>
</table>
<table border="5" width="520" height="110">

<tr>
<td width="50%">
<script language="JavaScript">
<!-- Hide from old browsers


function surfto(form) {
    var myindex=form.dest.selectedIndex
    window.open(form.dest.options[myindex].value, "", "");
}
//-->
</SCRIPT>
<center>
<script language="JavaScript">
<!-- Hide from old browsers


function surfto(form) {
    var myindex=form.dest.selectedIndex
    window.open(form.dest.options[myindex].value, "", "");
}
//-->

</SCRIPT>

<FORM ACTION="../cgi-bin/mycgi.pl"
   METHOD=POST
   NAME="myform">
<SELECT NAME="dest" SIZE=1>
<option value="">Select
<OPTION VALUE="http://www.friendster.com/usersearch.php?search=1&country=ID&usearch=UR EMAIL ADD HERE">Add me
<OPTION VALUE="http://www.friendster.com/sendmessage.php?uid=FS ID HERE">Send PM
<OPTION VALUE="http://www.friendster.com/sendmessage.php?uid=FS ID HERE&action=sendsmile">Send SMILE
<OPTION VALUE="http://www.friendster.com/referafriend.php?refer=FS ID HERE">Refer a friend
<OPTION VALUE="http://www.friendster.com/group/inviteone.php?uid=FS ID HERE">Group invitation
<OPTION VALUE="http://www.friendster.com/comments.php?uid=FS ID HERE">Drop comments
<OPTION VALUE="http://www.friendster.com/editprofile.php">Edit PROFFY
</SELECT>
<BUTTON NAME="go" TYPE="button" onClick="surfto(this.form)"><STRONG>Go!</STRONG></BUTTON>
</FORM>

<SCRIPT TYPE="text/javascript">
<!--
function blinker()
{
if (document.forms.myform.go.style.color == 'blue')
   document.forms.myform.go.style.color='red';
else
   document.forms.myform.go.style.color='blue';
setTimeout('blinker()',500);
}

blinker()

//-->
</SCRIPT>

</center>
</td>
<td width="150%">
<CENTER>
<FORM>



<INPUT TYPE="button" VALUE="Click here!"
onClick='alert("TEXT HERE")'>
</FORM>
</CENTER>

</td>
</tr>

</table>

//----  PUT UR DESIRED SPECIAL EFFECTS CODE BELOW. CHOOSE 1 BELOW ----\\
</body>

</html>

preview : PERMADI STYLE

screenshot:




style number 2: Arch Style

-shout mix widget source: click
-pull down menu source : click
-thumbnail navigator
-rainbow text


<html>
<head>

<style type="text/css">

<!--
body{
    background-image : url(BACKGROUND IMAGE URL);
    background-repeat : repeat;
}
-->

<!--
.news
{
  font-family: "BankGothic Md BT, Helvetica";
 
  color=red;
  color=#CCFF66;
 
}
-->


</style>

</head>
<body>
<table border="5" width="520" height="180">
<tr>

<td width="50%">
</h2>
</h2>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Daniel Smith (xalres@earthlink.net) -->
<!-- Web Site:  http://home.earthlink.net/~xalres -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
prev1 = new Image (32,18);
prev1.src = "PREVIEW BUTTO IMAGE URL";
prev2 = new Image (32,18);
prev2.src = "PREVIEW BUTTO IMAGE URL";

next1 = new Image (32,18);
next1.src = "NEXT BUTTON IMAGE URL";
next2 = new Image (32,18);
next2.src = "NEXT BUTTON IMAGE URL";

go1 = new Image (48,24);
go1.src = "GO BUTTON URL HERE";
go2 = new Image (48,24);
go2.src = "GO BUTTON URL HERE";

maxPic = 5;

p1 = new Image (144,96);
p1.src = "PIC NUM 1 IMG URL";
link1 = "PIC NUM 1 IMG URL";

p2 = new Image (144,96);
p2.src = "PIC NUM 2 IMG URL";
link2 = "PIC NUM 2 IMG URL";

p3 = new Image (144,96);
p3.src = "PIC NUM 3 IMG URL";
link3 = "PIC NUM 3 IMG URL";

p4 = new Image (144,96);
p4.src = "PIC NUM 4 IMG URL";
link4 = "PIC NUM 4 IMG URL";

p5 = new Image (144,96);
p5.src = "PIC NUM 5 IMG URL";
link5 = "PIC NUM 5 IMG URL";

count = 1;
function next() {
count++;
if (count > maxPic) {
count = 1;
}
eval("document.p.src=p" + count + ".src");
}
function back() {
count--;
if (count == 0) {
count = maxPic;
}
eval("document.p.src=p" + count + ".src");
}
function link() {
location.href=eval("link" + count);
}
//  End -->
</script>
<table bgcolor="#000000" border=2>
<tr>

<td align=center width=300>
<font color=white face="Arial, Helvetica" size="+1">Thumbnail Navigator</font>
<br><br>
<img name=p src="ANY IMAGE URL HERE" border=0 width=144 height=96>
<br>
<table border=0>
<tr>
<td><a href="javascript:back()" onmouseover="prev.src=prev2.src" onmouseout="prev.src=prev1.src"><img src="PREVIEW BUTTON IMAGE URL"  width="53" height="36" border="0" name="prev"></td>
<td><a href="javascript:link()" onmouseover="go.src=go2.src" onmouseout="go.src=go1.src"><img src="GO BUTTON IMG URL" width="53" height="36" border="0" name="go"></td>
<td><a href="javascript:next()" onmouseover="next.src=next2.src" onmouseout="next.src=next1.src"><img src="NEXT BUTTON IMAGE URL" width="53" height="36" border="0" name="next"></td>
</tr>
</table>
<br>
<font color="#FFFFFF" size="3" face="Kartika">FOTOS</font>

</td>
<td>
<CENTER>
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="shiruki" src="http://www.shoutmix.com/?shiruki" width="255" height="230" frameborder="1" scrolling="auto">
</iframe>
</CENTER>

</td>

</tr>
</table>
<table border="5" width="520" height="180">

<tr>

<td width="50%">
<script language="JavaScript">
<!-- Hide from old browsers


function surfto(form) {
    var myindex=form.dest.selectedIndex
    window.open(form.dest.options[myindex].value, "", "");
}
//-->
</SCRIPT>
<center>
<script language="JavaScript">
<!-- Hide from old browsers


function surfto(form) {
    var myindex=form.dest.selectedIndex
    window.open(form.dest.options[myindex].value, "", "");
}
//-->
</SCRIPT>

<FORM ACTION="../cgi-bin/mycgi.pl"
   METHOD=POST
   NAME="myform">
<SELECT NAME="dest" SIZE=1>
<option value="">Select
<OPTION VALUE="http://www.friendster.com/usersearch.php?search=1&country=ID&usearch=UR EMAIL ADD HERE">Add me
<OPTION VALUE="http://www.friendster.com/sendmessage.php?uid=FS ID HERE">Send PM
<OPTION VALUE="http://www.friendster.com/sendmessage.php?uid=FS ID HERE&action=sendsmile">Send SMILE
<OPTION VALUE="http://www.friendster.com/referafriend.php?refer=FS ID HERE">Refer a friend
<OPTION VALUE="http://www.friendster.com/group/inviteone.php?uid=FS ID HERE">Group invitation
<OPTION VALUE="http://www.friendster.com/comments.php?uid=FS ID HERE">Drop comments
<OPTION VALUE="http://www.friendster.com/editprofile.php">Edit PROFFY
</SELECT>
<BUTTON NAME="go" TYPE="button" onClick="surfto(this.form)"><STRONG>Go!</STRONG></BUTTON>
</FORM>

<SCRIPT TYPE="text/javascript">
<!--
function blinker()
{
if (document.forms.myform.go.style.color == 'blue')
   document.forms.myform.go.style.color='red';
else
   document.forms.myform.go.style.color='blue';
setTimeout('blinker()',500);
}

blinker()

//-->
</SCRIPT>

</center>
</td>
<td width="50%">

<script language="JavaScript">

<!--

function createHexArray(n)
{
   this.length=n;
   for (var i=1; i<=n; i++)
      this[i]=i-1;

   this[11]="A";
   this[12]="B";
   this[13]="C";
   this[14]="D";
   this[15]="E";
   this[16]="F";

   return this;
}


hx = new createHexArray(16);


function convertToHex(x)
{
   var high=x/16;
   var s=high+"";
   s=s.substring(0,2);
   high=parseInt(s,10);
   var left=hx[high+1];
   var low=x-high*16;
   s=low+"";
   s=s.substring(0,2);
   low=parseInt(s,10);
   var right=hx[low+1];
   var string=left+""+right;
   return string;
}

function makeRainbow(text)
{
   text=text.substring(3,text.length-4);
   color_d1=255;
   mul=color_d1/text.length;
   for(i=0;i < text.length;i++)
   {
      color_d1=255*Math.sin(i/(text.length/3)); "255*Math.sin(i/(text.length/3))"
      color_h1=convertToHex(color_d1);
      color_d2=mul*i;
      color_h2=convertToHex(color_d2);
      document.write("<FONT COLOR=\"#FF"+color_h1+color_h2+"\">"+text.substring(i,i+1)+"</FONT>");
   }
}
//-->
</SCRIPT>

<!--Place this script in the BODY section.-->

<!--You may edit these font tags.-->
<center><font face="verdana, helvetica, arial" size="4"></b>
<SCRIPT><!--
// You may edit the message below.
   {makeRainbow("<< MESSAGE HIR  >>");} //-->
</SCRIPT>
</b></font></center>

</td>
</tr>
</table>

//----  PUT UR DESIRED SPECIAL EFFECTS CODE BELOW. CHOOSE 1 BELOW ----\\

</body>

</html>

preview: ARCH STYLE

screenshot:


save it as .htm

to make it work use this trick...

var xiru = "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='526' height='330' scrolling='no' src=HTM FILE HERE></iframe>";
document.getElementById('content_0').style.height='330%';
document.getElementById('content_0').style.overflowY='hidden';
document.getElementById('content_0').innerHTML = "<table  width='526%'><tr><td align='left'>"+xiru+"</td></tr></table>";


use JS EXTENSION =)

js change the bolded parts

ADD-ONS: (Optional)

SPECIAL EFFECTS! choose one below. =)

Snow effect


<SCRIPT type="text/javascript">
/*
Snow Fall 1 - no images - Java Script
Visit http://rainbow.arch.scriptmania.com/scripts/
  for this script and many more
*/

// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended: * )
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximum-size of your snowflakes
var snowmaxsize=22

// Set the minimal-size of your snowflakes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

  /*
   //   * NO CONFIGURATION BELOW HERE *
*/

// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/) 
var browserok=ie5||ns6||opera

function randommaker(range) {       
    rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
    if (ie5 || opera) {
        marginbottom = document.body.clientHeight
        marginright = document.body.clientWidth
    }
    else if (ns6) {
        marginbottom = window.innerHeight
        marginright = window.innerWidth
    }
    var snowsizerange=snowmaxsize-snowminsize
    for (i=0;i<=snowmax;i++) {
        crds[i] = 0;                     
        lftrght[i] = Math.random()*15;         
        x_mv[i] = 0.03 + Math.random()/10;
        snow[i]=document.getElementById("s"+i)
        snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
        snow[i].size=randommaker(snowsizerange)+snowminsize
        snow[i].style.fontSize=snow[i].size
        snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
        snow[i].sink=sinkspeed*snow[i].size/5
        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
        snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
        snow[i].style.left=snow[i].posx
        snow[i].style.top=snow[i].posy
    }
    movesnow()
}

function movesnow() {
    for (i=0;i<=snowmax;i++) {
        crds[i] += x_mv[i];
        snow[i].posy+=snow[i].sink
        snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
        snow[i].style.top=snow[i].posy
       
        if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
            if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
            if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
            if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
            if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
            snow[i].posy=0
        }
    }
    var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
    document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
    window.onload=initsnow
}
</SCRIPT>


Star Trek effect


<SCRIPT language="JavaScript">
// This script to be inserted after <BODY> tag \\

// Star Track - with Warp Speed \\
// This script and many more from :
// http://rainbow.arch.scriptmania.com

//----  Make Changes Here   ----\\

numb_s=20         // - number of stars (we have 20).
speed_s=3         // - movement speed of stars

//----  DO  NOT  Change  Below  this line ----\\

//This and others free scripts at - http://rainbow.arch.scriptmania.com
//The script works both with Internet Explorer (4-6) and with Netscape (4,6).

ns=document.layers?1:0
ie=document.all?1:0
ns6=document.getElementById&&!document.all?1:0
function moveSlide(name,sLeft, sTop) {
if (ns) {document.layers[name].top=sTop;document.layers[name].left=sLeft}
if (ie) {document.all[name].style.top=sTop;document.all[name].style.left=sLeft}
if (ns6) {document.getElementById(name).style.top=sTop;document.getElementById(name).style.left=sLeft}
}
function sizeSlide(name,sWdh, sHgt) {
if (ns){document.layers[name].clip.width=sWdh; document.layers[name].clip.height=sHgt}
if (ie){document.all[name].style.width=sWdh; document.all[name].style.height=sHgt}
if (ns6){document.getElementById(name).style.width=sWdh; document.getElementById(name).style.height=sHgt}
}
function positions(){
hei_scr=(ie)?window.document.body.clientHeight:window.innerHeight
wid_scr=(ie)?window.document.body.clientWidth:window.innerWidth
y_scrl=(ie)?document.body.scrollTop:window.pageYOffset
x_scrl=(ie)?document.body.scrollLeft:window.pageXOffset
}
posX=new Array()
posY=new Array()
posR=new Array()
radi=new Array()
tx=""
positions()
if (ns)
{
    tx=tx+"<layer z-Index=100 left="+(wid_scr-35)+" top="+(hei_scr-35)+" ></layer>"
}
else
{
    document.write("<div>.</div>")
}
for (i=0; i<numb_s;i++)
{                                                               
posY[i]=hei_scr/2
posX[i]=wid_scr/2
posR[i]=Math.random()*6.283
radi[i]=0
if (ns)
  {
  tx+="<layer z-Index=0 name=star_"+i+" left=0 top=0 width=1 height=1 bgColor=#ffffff></layer>"
  }
  else
  {
  document.write("<div id=star_"+i+"  style='z-index:0; position:absolute; left:0;top:0;width:1;height:1;background:#ffffff'><img  width=1 height=1></div>")
  }
if(ns){document.write (tx);tx=""}
}
function go_stars(){
positions()
rad_max=Math.sqrt(wid_scr*wid_scr+hei_scr*hei_scr)/2
for (i=0; i < numb_s;i++){
rad=Math.sqrt(Math.pow((posY[i]-hei_scr/2),2)+Math.pow((posX[i]-wid_scr/2),2))/rad_max*4+1
posY[i]+=Math.round(Math.sin(posR[i])*rad*speed_s);
posX[i]+=Math.round(Math.cos(posR[i])*rad*speed_s);
if ((posX[i] > wid_scr-rad*2) || (posY[i] < 0 ) || (posY[i] > hei_scr-rad*2) || (posX[i] < 0))
  {
  posY[i]=hei_scr/2
  posX[i]=wid_scr/2
  posR[i]=Math.random()*6.283
  sizeSlide("star_"+i,1,1)
  moveSlide("star_"+i,posX[i]+x_scrl,posY[i]+y_scrl)
  }
else{
  if(Math.floor(rad)!=radi[i]){sizeSlide("star_"+i,rad,rad);radi[i]=rad}
  moveSlide("star_"+i,posX[i]+x_scrl,posY[i]+y_scrl)
  }
}
}
starSpeed=setInterval('go_stars()',15);

// end script


function ch_speed(new_speed){clearInterval(starSpeed); starSpeed=setInterval('go_stars()',new_speed);}

</SCRIPT>
<layer z-Index=2>
<div  style="position: relative">

flying butterfly

<script language="JavaScript1.2" type="text/javascript">
/*
This Code Free To Use - Providing This Notice Remains
Flying Butterfly script (By BGAudioDr@aol.com)
Modified slightly/ permission granted to DesignerWiz.com to feature script in archive
JavaScript Code Effect Found At: Development Resource & JavaScript Code & Generator Public Archive Center
Located: http://www.DesignerWiz.com
Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply*/

var Ymax=8;  //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8;  //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000;  //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES

//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!

var floatimages=new Array();
floatimages[0]='http://designerwiz.com/roberto/butterfly2.gif';
floatimages[1]='http://designerwiz.com/roberto/butterfly2.gif';
floatimages[2]='http://designerwiz.com/roberto/butterfly2.gif';
floatimages[3]='http://designerwiz.com/roberto/butterfly2.gif';

//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);

function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep :  -IDs[num].Xstep , (IDs[num].Ydir)?  IDs[num].Ystep:  -IDs[num].Ystep);
}

function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}

function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}

function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}

function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}

function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}

function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}

function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}

function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}

function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}

function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}

function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}

function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}

if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
</script>

sliding bg image


<script language="Javascript">
<!--
//
// This Code Free To Use - Providing This Notice Remains
// JavaScript Code Effect Found At: Development Resource & JavaScript Code & Generator Public Archive Center
// Located: http://www.DesignerWiz.com
// Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply

// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com
//
// For Netscape NS6up , Modified by Roberto de Jesus Asyn Diaz
//        Web Site:  http://usuarios.lycos.es/asynco/
//        email   :  rasyn@lycos.es                   
//
var background = ""BACKGROUND IMAGE URL HERE"";
var speed = 0;

browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);

function moveback(movert,movedn,hPos,vPos) {

  if (arguments[4])
    document.body.style.backgroundImage = "url(\"" + arguments[4] + "\")";

  if (arguments[5])
    document.body.style.backgroundRepeat = arguments[5]

  if (!isNaN(hPos)) {
    if ((movert!=0) && (hPos>0)) hPos=-100000
    hPos += movert
  }
  if (!isNaN(vPos)) {
    if ((movedn!=0) && (vPos>0)) vPos=-100000
    vPos+= movedn
  }

  document.body.style.backgroundPosition= hPos + " " + vPos
  if (isNaN(hPos))  hPos = "\"" + hPos + "\""
  if (isNaN(vPos)) vPos = "\"" + vPos + "\""
setTimeout("moveback("+movert+","+movedn+","+hPos+","+vPos+")",speed)
}

moveback(1,1,0,0, background);

/*
This is the URL of the background image you wish to animate.
It is IMPERATIVE that you declare the URL of the image twice.
This is the speed at which the background moves.
This is the direction in which the background moves.
The first "1" is the horizontal direction.
A "1" moves the background right, a "-1" moves it left, and a "0" keeps it put.
The second "1" is the vertical direction.
A "1" moves the background down, a "-1" moves it up, and a "0" keeps it put.
*/
//-->
</script>


autumn leaves


<script language="JavaScript1.2">

//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)
//Modified by Dynamic Drive for NS6 functionality
//visit http://www.dynamicdrive.com for this script

//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://www.dynamicdrive.com/dynamicindex3/al.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://www.dynamicdrive.com/dynamicindex3/al.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://www.dynamicdrive.com/dynamicindex3/al.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://www.dynamicdrive.com/dynamicindex3/al.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://www.dynamicdrive.com/dynamicindex3/al.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://www.dynamicdrive.com/dynamicindex3/al.gif"

Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;

if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){                                                               
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}

window.onload=fall
//-->
</script>

how to put a special effect:

u can see dis part from ur desired cpanel style...

</table>

//----  PUT UR DESIRED SPECIAL EFFECTS CODE BELOW. CHOOSE 1 BELOW ----\\

</body>

</html>

preview buttons (samples)

http://th292.photobucket.com/albums/mm2…n_back.gif
http://th228.photobucket.com/albums/ee1…n_back.gif
http://i182.photobucket.com/albums/x253…evious.gif
http://i309.photobucket.com/albums/kk36…Sbnext.gif

next buttons
http://th292.photobucket.com/albums/mm2…n_next.gif
http://th228.photobucket.com/albums/ee1…n_next.gif
http://th182.photobucket.com/albums/x25…h_next.gif
http://th309.photobucket.com/albums/kk3…Sbnext.gif

go buttons
http://th251.photobucket.com/albums/gg3…button.gif
http://th91.photobucket.com/albums/k320…button.gif
http://th46.photobucket.com/albums/f124…button.jpg
http://th267.photobucket.com/albums/ii3…button.jpg

CREDITS:
Fileave
Ripway
Rainbow arch
Ftalk
Monseuirer Corp.
Javascript kit
Javanet
Java bank
Dynamic Drive
Permadi
Hs scripts
Hot scripts
Globe broadband

:D

Last edited by ---xXirukiTepe--- (2008-08-04 12:17:51)

-Offline-
 

#2  2008-08-04 10:31:29

Lordheinz
 Heinz R.Fangonil
» Banned
› ^ trashed
Registered: 2007-06-26
Posts: 5178
Last visit: 2008-09-11
Reputation: 242

Re: Control Panel Styles (change everything version 1 and 2)

Allow me to give a + reputations for all the efforts and tricks that you shared..;)

Thank you so much FRIENDSTERTALK...

-Offline-
 

#3  2008-08-04 10:32:42

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10881
Last visit: Today
Reputation: 1302
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

^ thank u sir. Its my pleasure. =D ;]

js my hobby. hehe

-Offline-
 

#4  2008-08-04 10:41:02

Yellow Flash
 Namikaze Minato
Yellow Flash's display avatar
» Banned
› phew......
Location: Konohagakure
Registered: 2008-02-29
Posts: 2406
Last visit: 2009-06-19
Reputation: 143

Re: Control Panel Styles (change everything version 1 and 2)

...

Last edited by Yellow Flash (2009-06-04 14:23:31)


-Offline-
 

#5  2008-08-04 10:49:59

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10881
Last visit: Today
Reputation: 1302
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

^ thanks . dont worry dude...
u can  apply self learning in ds stuffs...
that's how i started.

-js be ready for headaches haha... in scripting..

thnx again.

-Offline-
 

#6  2008-08-04 10:55:52

MONDYking
 monmon
MONDYking's display avatar
» FriendsterTalker
› damn
› Barkada Trip
Location: my love's kingdom
Registered: 2008-01-30
Posts: 173
Last visit: 2009-03-21
Reputation: 12
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

ang cool... haha wow..
thhhhhnxxxxxxxxxxxxxxxxx for sharing sissss

ill wait 4u...


-Offline-
 

#7  2008-08-04 11:00:30

Archerie
 Cherry
Archerie's display avatar
» FriendsterTalker
› maldita gurlz
› Barkada Trip
Location: Cavite
Registered: 2008-08-04
Posts: 186
Last visit: 2009-05-03
Reputation: 25

Re: Control Panel Styles (change everything version 1 and 2)

watsh diz? poh :crybaby: :crybaby:


join r egroup: JOIN UNDEFEATED SOCIETY

-Offline-
 

#8  2008-08-04 11:17:46

aRiSa
 aRiSa
aRiSa's display avatar
» FriendsterTalker
› First love never dies..
Location: Japan
Registered: 2008-03-07
Posts: 231
Last visit: 2009-05-13
Reputation: 1
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

Wow :O
Nice trick =)

-Offline-
 

#9  2008-08-04 11:23:25

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10881
Last visit: Today
Reputation: 1302
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

^ try it, lolx. thanks sis. :lol:

-Offline-
 

#10  2008-08-04 12:01:34

03_khine_03
 KHiMMY
03_khine_03's display avatar
» FriendsterGeek
› eLLur :)
› ReNeGaDeS de Alliance
Location: earth malamang :)
Registered: 2007-11-24
Posts: 1331
Reputation: 42
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

another cooling trick from u sis xiru... wowwww :wow:

Definitely I'm gone :)
 

#11  2008-08-04 12:12:22

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10881
Last visit: Today
Reputation: 1302
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

thank u sis khine... haha

-Offline-
 

#12  2008-08-04 14:03:47

chezyka02
 (c)jhexa
chezyka02's display avatar
» FriendsterGeek
› LUCKY :)
Location: sims
Registered: 2007-08-20
Posts: 1003
Last visit: 2009-06-30
Reputation: 47

Re: Control Panel Styles (change everything version 1 and 2)

wee...
nice trick!
deserve + repu
so i'll give u...
tnx for sharing! :D


labb..<3labb..

lucky i'm in love with my bestfriend! :)

-Offline-
 

#13  2008-08-04 14:13:17

irishandme
 Mr.AlvinLee.18
irishandme's display avatar
» FriendsterTalker
› nagbubuLag buLagan!
Location: Philippines
Registered: 2007-08-09
Posts: 131
Last visit: 2009-03-31
Reputation: 41
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

w0w another nice and cooL trick from u buddy...
keep it up...

astiggg

-Offline-
 

#14  2008-08-04 14:17:41

bobcbar
 Bob
bobcbar's display avatar
» Moderator
› My computer crashed :(
Location: Dongduchon, Korea
Registered: 2007-04-08
Posts: 11082
Reputation: 360
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

:o another set of amazing codes..thank you so much for ur hard work and for sharing :thumbsup:
 

#15  2008-08-04 15:16:54

tweaktweakers
 4/27 - 6-8 A.M.
tweaktweakers's display avatar
» FriendsterManiac
› when he came...
Location: somewhere
Registered: 2007-07-28
Posts: 877
Last visit: 2009-06-08
Reputation: 24

Re: Control Panel Styles (change everything version 1 and 2)

wow,
this is cool,
thank you!

wow i never thought people would greet me hear :]

-Offline-
 

#16  2008-08-05 05:18:20

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10881
Last visit: Today
Reputation: 1302
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

thanks...arigatou hahaha...

-Offline-
 

#17  2008-08-05 06:11:44

03_khine_03
 KHiMMY
03_khine_03's display avatar
» FriendsterGeek
› eLLur :)
› ReNeGaDeS de Alliance
Location: earth malamang :)
Registered: 2007-11-24
Posts: 1331
Reputation: 42
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

plus green 4 u....hahhaaha nice

Definitely I'm gone :)
 

#18  2008-08-05 07:41:15

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10881
Last visit: Today
Reputation: 1302
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

chezyka02 wrote:

wee...
nice trick!
deserve + repu
so i'll give u...
tnx for sharing!

bobcbar wrote:

another set of amazing codes..thank you so much for ur hard work and for sharing

thanks 4 reppu/...wow

-Offline-
 

#19  2008-08-06 06:17:58

MONDYking
 monmon
MONDYking's display avatar
» FriendsterTalker
› damn
› Barkada Trip
Location: my love's kingdom
Registered: 2008-01-30
Posts: 173
Last visit: 2009-03-21
Reputation: 12
Friendster

Re: Control Panel Styles (change everything version 1 and 2)

look at mine haha... btt under cons. as of nw.

can i change font color. ill pm u sis

ill wait 4u...


-Offline-
 

#20  2008-08-06 06:39:57

nick_cute06
 Genesis C. Madrigal
nick_cute06's display avatar
» FriendsterTalker
› Nick
Location: San Pedro Laguna
Registered: 2008-02-27
Posts: 147
Last visit: Today
Reputation: 5
???

Re: Control Panel Styles (change everything version 1 and 2)

w0w it is cool Thx Bro 4 Sharing this!.. :thumbsup:=):thumbsup:




Practice Makes Perfect!
But No Bodies Perfect!
Why Do PracTicing?

-Offline-
 

 

Pages: 1 2 3

Search Friendstertalk

Board footer

FriendsterTalk is not affiliated with Friendster.com
© 2002–2009 PunBB

[ 8 queries - 0.155 second ]
Powered by SyntheticNetwork

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)