- ARCHIVES
- » [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
[b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
- ---xXirukiTepe---
- » SuperFTalker
8896
0
1969-12-31
[b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
[b]Control panel Styles[/b]
[b]style number 1:[/b] Permadi style
[quote]features
-thumbnail navigator
-clocklink.com
-typewriter info effect
-pull down menu source : [url=http://theftalk.com/t34834-%5BUPDATED%21%5D-Pull-down-Trick-%28cp-buttons%29-V.1--V-1.2--V-1.3.html]click[/url]
-click here link[/quote]
[spoiler]
[quote]<html>
<head>
<style type="text/css">
<!--
body{
background-image : url([b]BACKGROUND IMAGE URL[/b]);
background-repeat : repeat;
}
-->
<!--
.news
{
font-family: "BankGothic Md BT, Helvetica";
color=[b]red[/b];
color=[b]#CCFF66[/b];
}
-->
</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 = "[b]PREVIEW BUTTO IMAGE URL[/b]";
prev2 = new Image (32,18);
prev2.src = "[b]PREVIEW BUTTO IMAGE URL[/b]";
next1 = new Image (32,18);
next1.src = "[b]NEXT BUTTON IMAGE URL[/b]";
next2 = new Image (32,18);
next2.src = "[b]NEXT BUTTON IMAGE URL[/b]";
go1 = new Image (48,24);
go1.src = "[b]GO BUTTON URL HERE[/b]";
go2 = new Image (48,24);
go2.src = "[b]GO BUTTON URL HERE[/b]";
maxPic = 5;
[b]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";[/b]
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">[b]Thumbnail Navigator[/b]</font>
<br><br>
<img name=p src="[b]ANY IMAGE URL HERE[/b]" 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="[b]PREVIEW BUTTON IMAGE URL[/b]" 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="[b]GO BUTTON IMG URL[/b]" 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="[b]NEXT BUTTON IMAGE URL[/b]" width="53" height="36" border="0" name="next"></td>
</tr>
</table>
<br>
<font color="#FFFFFF" size="3" face="Kartika">[b]FOTOS[/b]</font>
</td>
</tr>
</table>
</td>
<td>
<center><embed src="[b]http://www.clocklink.com/clocks/0022-brown.swf?TimeZone=Philippines_Manila&[/b]" 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: [b]YOUR NAME[/b] <br>Gender: [b]URGENDER[/b] <br> Age: [b]UR AGE[/b]";
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="[b]http://rainbow.arch.scriptmania.com/tools/clock/pc.gif[/b]"></center>
<font size="6" face="BankGothic Md BT" color="#CCCCCC">[b]NEWS FLASH[/b]</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=[b]UR EMAIL ADD HERE[/b]">Add me
<OPTION VALUE="http://www.friendster.com/sendmessage.php?uid=[b]FS ID HERE[/b]">Send PM
<OPTION VALUE="http://www.friendster.com/sendmessage.php?uid=[b]FS ID HERE[/b]&action=sendsmile">Send SMILE
<OPTION VALUE="http://www.friendster.com/referafriend.php?refer=[b]FS ID HERE[/b]">Refer a friend
<OPTION VALUE="http://www.friendster.com/group/inviteone.php?uid=[b]FS ID HERE[/b]">Group invitation
<OPTION VALUE="http://www.friendster.com/comments.php?uid=[b]FS ID HERE[/b]">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("[b]TEXT HERE[/b]")'>
</FORM>
</CENTER>
</td>
</tr>
</table>
[b]//---- PUT UR DESIRED SPECIAL EFFECTS CODE BELOW. CHOOSE 1 BELOW ----\\[/b]
</body>
</html>[/quote]
[/spoiler]
preview : [url=http://profiles.friendster.com/59368457]PERMADI STYLE[/url]
screenshot:
[img]http://i35.tinypic.com/1z55gsh.jpg[/img]
[b]
style number 2:[/b] Arch Style
[quote]-shout mix widget source: [url=http://theftalk.com/t34310-Tentative-Shoutbox-Chat-widget-Under-%5Brecent-updates%5D.html]click[/url]
-pull down menu source : [url=http://theftalk.com/t34834-%5BUPDATED%21%5D-Pull-down-Trick-%28cp-buttons%29-V.1--V-1.2--V-1.3.html]click[/url]
-thumbnail navigator
-rainbow text[/quote]
[spoiler]
[quote]<html>
<head>
<style type="text/css">
<!--
body{
background-image : url([b]BACKGROUND IMAGE URL[/b]);
background-repeat : repeat;
}
-->
<!--
.news
{
font-family: "BankGothic Md BT, Helvetica";
color=[b]red[/b];
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 = "[b]PREVIEW BUTTO IMAGE URL[/b]";
prev2 = new Image (32,18);
prev2.src = "[b]PREVIEW BUTTO IMAGE URL[/b]";
next1 = new Image (32,18);
next1.src = "[b]NEXT BUTTON IMAGE URL[/b]";
next2 = new Image (32,18);
next2.src = "[b]NEXT BUTTON IMAGE URL[/b]";
go1 = new Image (48,24);
go1.src = "[b]GO BUTTON URL HERE[/b]";
go2 = new Image (48,24);
go2.src = "[b]GO BUTTON URL HERE[/b]";
maxPic = 5;
[b]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";[/b]
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">[b]Thumbnail Navigator[/b]</font>
<br><br>
<img name=p src="[b]ANY IMAGE URL HERE[/b]" 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="[b]PREVIEW BUTTON IMAGE URL[/b]" 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="[b]GO BUTTON IMG URL[/b]" 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="[b]NEXT BUTTON IMAGE URL[/b]" width="53" height="36" border="0" name="next"></td>
</tr>
</table>
<br>
<font color="#FFFFFF" size="3" face="Kartika">[b]FOTOS[/b]</font>
</td>
<td>
<CENTER>
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="shiruki" src="[b]http://www.shoutmix.com/?shiruki[/b]" 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=[b]UR EMAIL ADD HERE[/b]">Add me
<OPTION VALUE="http://www.friendster.com/sendmessage.php?uid=[b]FS ID HERE[/b]">Send PM
<OPTION VALUE="http://www.friendster.com/sendmessage.php?uid=[b]FS ID HERE[/b]&action=sendsmile">Send SMILE
<OPTION VALUE="http://www.friendster.com/referafriend.php?refer=[b]FS ID HERE[/b]">Refer a friend
<OPTION VALUE="http://www.friendster.com/group/inviteone.php?uid=[b]FS ID HERE[/b]">Group invitation
<OPTION VALUE="http://www.friendster.com/comments.php?uid=[b]FS ID HERE[/b]">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("<< [b]MESSAGE HIR[/b] >>");} //-->
</SCRIPT>
</b></font></center>
</td>
</tr>
</table>
[b]//---- PUT UR DESIRED SPECIAL EFFECTS CODE BELOW. CHOOSE 1 BELOW ----\\[/b]
</body>
</html>[/quote]
[/spoiler]
preview: [url=http://profiles.friendster.com/59791289]ARCH STYLE[/url]
screenshot:
[img]http://i35.tinypic.com/xo2p3a.jpg[/img]
save it as [b].htm[/b]
to make it work use this trick...
[quote]var xiru = "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='526' height='330' scrolling='no' src=[b]HTM FILE HERE[/b]></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>";[/quote]
[b]
use JS EXTENSION[/b] 
js change the [b]bolded parts[/b]
[b]ADD-ONS:[/b] (Optional)
[b]SPECIAL EFFECTS! choose one below.[/b]
[b]
Snow effect[/b]
[spoiler]
[quote]<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=
) {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=) {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>[/quote]
[/spoiler]
[b]
Star Trek effect[/b]
[spoiler]
[quote]<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">[/quote]
[/spoiler]
[b]flying butterfly[/b]
[spoiler][quote]<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>[/quote]
[/spoiler]
[b]sliding bg image[/b]
[spoiler]
[quote]<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 = ""[b]BACKGROUND IMAGE URL HERE[/b]"";
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>[/quote]
[/spoiler]
[b]
autumn leaves[/b]
[spoiler]
[quote]<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>[/quote]
[/spoiler]
how to put a special effect:
u can see dis part from ur desired cpanel style...
[quote]</table>
[b]//---- PUT UR DESIRED SPECIAL EFFECTS CODE BELOW. CHOOSE 1 BELOW ----\\[/b]
</body>
</html>[/quote]
preview buttons (samples)
[url]http://th292.photobucket.com/albums/mm20/Neceh/th_button_back.gif[/url]
[url]http://th228.photobucket.com/albums/ee169/eastons_momma06/th_button_back.gif[/url]
[url]http://i182.photobucket.com/albums/x253/kyoki_comic/Links/previous.gif[/url]
[url]http://i309.photobucket.com/albums/kk368/debbymystic/buttons/Sbnext.gif[/url]
next buttons
[url]http://th292.photobucket.com/albums/mm20/Neceh/th_button_next.gif[/url]
[url]http://th228.photobucket.com/albums/ee169/eastons_momma06/th_button_next.gif[/url]
[url]http://th182.photobucket.com/albums/x253/kyoki_comic/Links/th_next.gif[/url]
[url]http://th309.photobucket.com/albums/kk368/debbymystic/buttons/th_Sbnext.gif[/url]
go buttons
[url]http://th251.photobucket.com/albums/gg309/MakingMoolah/th_go_button.gif[/url]
[url]http://th91.photobucket.com/albums/k320/exileuk/th_login_button.gif[/url]
[url]http://th46.photobucket.com/albums/f124/bwets/th_go_button.jpg[/url]
[url]http://th267.photobucket.com/albums/ii315/low_tek2007/work/th_go_button.jpg[/url]
[b]CREDITS:[/b]
Fileave
Ripway
Rainbow arch
Ftalk
Monseuirer Corp.
Javascript kit
Javanet
Java bank
Dynamic Drive
Permadi
Hs scripts
Hot scripts
Globe broadband
js change the [b]bolded parts[/b]
[b]ADD-ONS:[/b] (Optional)
[b]SPECIAL EFFECTS! choose one below.[/b]
[b]
Snow effect[/b]
[spoiler]
[quote]<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=) {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=) {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>[/quote]
[/spoiler]
[b]
Star Trek effect[/b]
[spoiler]
[quote]<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">[/quote]
[/spoiler]
[b]flying butterfly[/b]
[spoiler][quote]<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>[/quote]
[/spoiler]
[b]sliding bg image[/b]
[spoiler]
[quote]<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 = ""[b]BACKGROUND IMAGE URL HERE[/b]"";
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>[/quote]
[/spoiler]
[b]
autumn leaves[/b]
[spoiler]
[quote]<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>[/quote]
[/spoiler]
how to put a special effect:
u can see dis part from ur desired cpanel style...
[quote]</table>
[b]//---- PUT UR DESIRED SPECIAL EFFECTS CODE BELOW. CHOOSE 1 BELOW ----\\[/b]
</body>
</html>[/quote]
preview buttons (samples)
[url]http://th292.photobucket.com/albums/mm20/Neceh/th_button_back.gif[/url]
[url]http://th228.photobucket.com/albums/ee169/eastons_momma06/th_button_back.gif[/url]
[url]http://i182.photobucket.com/albums/x253/kyoki_comic/Links/previous.gif[/url]
[url]http://i309.photobucket.com/albums/kk368/debbymystic/buttons/Sbnext.gif[/url]
next buttons
[url]http://th292.photobucket.com/albums/mm20/Neceh/th_button_next.gif[/url]
[url]http://th228.photobucket.com/albums/ee169/eastons_momma06/th_button_next.gif[/url]
[url]http://th182.photobucket.com/albums/x253/kyoki_comic/Links/th_next.gif[/url]
[url]http://th309.photobucket.com/albums/kk368/debbymystic/buttons/th_Sbnext.gif[/url]
go buttons
[url]http://th251.photobucket.com/albums/gg309/MakingMoolah/th_go_button.gif[/url]
[url]http://th91.photobucket.com/albums/k320/exileuk/th_login_button.gif[/url]
[url]http://th46.photobucket.com/albums/f124/bwets/th_go_button.jpg[/url]
[url]http://th267.photobucket.com/albums/ii315/low_tek2007/work/th_go_button.jpg[/url]
[b]CREDITS:[/b]
Fileave
Ripway
Rainbow arch
Ftalk
Monseuirer Corp.
Javascript kit
Javanet
Java bank
Dynamic Drive
Permadi
Hs scripts
Hot scripts
Globe broadband
Last edited by ---xXirukiTepe--- (2008-08-04 08:17:51)
 |
- Lordheinz
- » FTalkElite
- 4377
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
Allow me to give a + reputations for all the efforts and tricks that you shared...gif)
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
[b]^ thank u sir. Its my pleasure. 
![;]](img/smilies/wink.gif)
[/b]
js my hobby. hehe
[/b]
js my hobby. hehe
|
- Yellow Flash
- » Banned
- 1781
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
...
Last edited by Yellow Flash (2009-06-04 10:23:31)
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
[b]^ 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.[/b]
|
- MONDYking
- » FTalker
- 126
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
ang cool... haha wow..
thhhhhnxxxxxxxxxxxxxxxxx for sharing sissss
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
[b]^ try it, lolx. thanks sis.[/b] 
|
- 03_khine_03
- » FTalkManiac
- 667
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
[i]another cooling trick from u sis xiru... wowwww 
[/i]
[/i]
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
[b]thank u sis khine... haha[/b]
|
- chezyka02
- » FTalkManiac
- 737
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
wee...
nice trick!
deserve + repu
so i'll give u...
tnx for sharing!
|
- irishandme
- » FTalker
- 110
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
w0w another nice and cooL trick from u buddy...
keep it up...
[s]astiggg[/s]
|
- bobcbar
- » FTalkElite
- 5223
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
another set of amazing codes..thank you so much for ur hard work and for sharing 
|
- tweaktweakers
- » FTalkAddict
- 421
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
wow,
this is cool,
thank you!
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
[b]thanks...arigatou hahaha...[/b]
|
- 03_khine_03
- » FTalkManiac
- 667
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
plus green 4 u....hahhaaha nice
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
[quote=chezyka02]wee...
nice trick!
deserve + repu
so i'll give u...
tnx for sharing![/quote]
[quote=bobcbar]another set of amazing codes..thank you so much for ur hard work and for sharing[/quote]
thanks 4 reppu/...wow
|
- MONDYking
- » FTalker
- 126
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
look at mine haha... btt under cons. as of nw.
can i change font color. ill pm u sis
|
- nick_cute06
- » n00b
- 17
- 0
- 1969-12-31
Re: [b]Control panel Styles[/b] [b]style number 1:[/b] Permadi style [quote]features -thumbnail navigator -clocklink.com -typewriter info effect -pull down menu source : [url=http://theftalk.com/
w0w it is cool Thx Bro 4 Sharing this!..
|