MyBB Resmi Türkçe Destek Sitesi

İndex için Arkaplan Animasyonları

Burdaki kodlardan uygulamak istediğinizi index şablonuna gerekli yere kodunu ekleyeceksiniz.

A-Koyu Arkaplan İsteyenler:

1-Arkaplanda Yağan Yıldızlar

NOT!!!:</body> kodundan hemen önceye.

Kod:

<!-- 

<div style="position:relative"> - Rest of page - </div>

-->

<script language="JavaScript">

<!-- 3D Space Trip Script by kurt.grigg@virgin.net

Nstars=15;

Y=new Array();

X=new Array();

Sstars=new Array();

Dstars=new Array();

Brwsr=(document.layers)?1:0;

iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;

iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;

offvis=(document.layers)?'hide':'hidden';

onvis=(document.layers)?'show':'visible';

for (i=0; i < Nstars;i++) 

{ 

Y[i]=iH/2;

X[i]=iW/2;

Dstars[i]=Math.round(Math.random()*360);

Sstars[i]=Math.round(Math.random()*5+2);

}

if (Brwsr){

for (i=0; i < Nstars;i++)

document.write("<LAYER NAME='nstar"+i+"' TOP=0 LEFT=0 BGCOLOR=#aaaaaa WIDTH=1 HEIGHT=1></LAYER>");

}

else{

document.write('<div id="Outer" style="position:absolute"><div style="position:relative">');

for (i=0; i < Nstars;i++)

{document.write('<div id="istar" style="position:absolute;width:1px;height:1px;background:#aaaaaa;font-size:1px"></div>')}

document.write('</div></div>');

}

function fly(){

H=(document.layers)?window.innerHeight:window.document.body.clientHeight;

W=(document.layers)?window.innerWidth:window.document.body.clientWidth;

hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;

wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;

for (i=0; i < Nstars;i++){

var layer=(document.layers)?document.layers["nstar"+i]:istar[i].style; 

Sstars[i]+=0.3;

//Dstars[i]+=2; //Can spin using this!!

Y[i]+=Math.round(Sstars[i]*Math.sin(Dstars[i]*Math.PI/180));

X[i]+=Math.round(Sstars[i]*Math.cos(Dstars[i]*Math.PI/180));

if ((Y[i] > H) || (Y[i] < 0 ) || (X[i] > W) || (X[i] < 0))

{

Y[i]=H/2;

X[i]=W/2;

Dstars[i]=Math.round(Math.random()*360);

Sstars[i]=Math.round(Math.random()*5+2);

}

layer.top=Y[i]+hscrll;

layer.left=X[i]+wscrll; 

if ((X[i] < W/2-W/8) || (X[i] > W/2+W/8) || (Y[i] < H/2-H/8) || (Y[i] > H/2+H/8)) 

{

if (Brwsr) {layer.bgColor='cccccc';layer.clip.height=2;layer.clip.width=2}

else {layer.background='cccccc';layer.height=2;layer.width=2;layer.fontSize=2}

}

if ((X[i] < W/2-W/6) || (X[i] > W/2+W/6) || (Y[i] < H/2-H/6) || (Y[i] > H/2+H/6)) 

{

if (Brwsr) layer.bgColor='dddddd';

else layer.background='dddddd';

}

if ((X[i] < W/2-W/2.5) || (X[i] > W/2+W/2.5) || (Y[i] < H/2-H/2.5) || (Y[i] > H/2+H/2.5)) 

{

if (Brwsr){layer.bgColor='ffffff';layer.clip.height=3;layer.clip.width=3}

else {layer.background='ffffff';layer.height=3;layer.width=3;layer.fontSize=3}

}

if ((X[i] < (W/2)-10 ) || (X[i] > W-(W/2)+10 ) || (Y[i] < (H/2)-10) || (Y[i] > H-(H/2)+10))

layer.visibility=onvis;

else{

layer.visibility=offvis;

if (Brwsr){layer.bgColor='aaaaaa';layer.clip.height=1;layer.clip.width=1}

else {layer.background='aaaaaa';layer.height=1;layer.width=1;layer.fontSize=1}

}

}

setTimeout('fly()',10);

}

window.onload=fly;

//-->

</script>

[code]

2-Patlayan Havai Fişekler 

NOT!!!:<body> tagının içine. 

[code]

<script language="JavaScript">

<!-- IE4+, NS4+, NS6 Fireworks script by kurt.grigg@virgin.net

CL=new Array('#ff0000','#00ff00','#ffffff','#ff00ff','#ffa500','#ffff00','#00ff00',

'#ffffff','#ff00ff')

CL2=new Array('#ffa500','#00ff00','#FFAAFF','#fff000','#fffffF')

Xpos=130;

Ypos=130;

I='#00ff00';

C=0;

S=5;

H=null;

W=null;

Y=null;

NS4=(document.layers);

NS6=(document.getElementById&&!document.all);

IE4=(document.all);

A=14;

E=120;

L=null;

if (NS4){

for (i=0; i < A; i++)

document.write('<LAYER NAME="nsstars'+i+'" TOP=0 LEFT=0 BGCOLOR='+I+' CLIP="0,0,2,2"></LAYER>');

}

if (NS6){

window.document.body.style.overflow='hidden';

for (i=0; i < A; i++)

document.write('<div id="ns6stars'+i+'" style="position:absolute;top:0px;left:0px;height:2px;width:2px;font-size:2px;background:'+I+'"></div>');

}

if (IE4){

document.write('<div id="ie" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < A; i++)

document.write('<div id="iestars" style="position:absolute;top:0;left:0;width:2px;height:2px;background:'+I+';font-size:2px"></div>');

document.write('</div></div>');

}

function Fireworks(){

H=(NS4||NS6)?window.innerHeight:window.document.body.clientHeight;

W=(NS4||NS6)?window.innerWidth:window.document.body.clientWidth;

Y=(NS4||NS6)?window.pageYOffset:window.document.body.scrollTop;

for (i=0; i < A; i++){

if (IE4)L=iestars[i].style;

if (NS4)L=document.layers["nsstars"+i];

if (NS6)L=document.getElementById("ns6stars"+i).style;

var F=Math.floor(Math.random()*CL.length);

var RS=Math.round(Math.random()*2);

L.top = Ypos + E*Math.sin((C+i*5)/3)*Math.sin(C/100)

L.left= Xpos + E*Math.cos((C+i*5)/3)*Math.sin(C/100)

if (C < 110){

if (NS4){L.bgColor=I;L.clip.width=1;L.clip.height=1}

if (IE4||document.getElementById)

{L.background=I;L.width=1;L.height=1;L.fontSize=1}

}

else{

if (NS4){L.bgColor=CL[F];L.clip.width=RS;L.clip.height=RS}

if (IE4||document.getElementById){L.background=CL[F];L.width=

RS;L.height=RS;L.fontSize=RS}

}

}

if (C > 220){

C=0;

var NC=Math.floor(Math.random()*CL2.length);

I=CL2[NC];

E=Math.round(100+Math.random()*50);

Ypos = E+Math.round(Math.random()*(H-(E*2.2)))+Y;

Xpos = E+Math.round(Math.random()*(W-(E*2.2)));

}

C+=S;

setTimeout("Fireworks()",10);

}

Fireworks();

// -->

</script>

<!-- End of Fireworks -->

3-Arkaplanda Kar yağsın

NOT!!!: <body> tagını <body bgcolor=#000000 onLoad="snow()"> yapın. Ve <body> tagının içine.

Kod:

<script language="JavaScript">

<!-- Snow Script by kurt.grigg@virgin.net

N = 40; 

Y = new Array();

X = new Array();

S = new Array();

A = new Array();

B = new Array();

M = new Array();

V = (document.layers)?1:0;

iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;

iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;

for (i=0; i < N; i++){ 

Y[i]=Math.round(Math.random()*iH);

X[i]=Math.round(Math.random()*iW);

S[i]=Math.round(Math.random()*5+2);

A[i]=0;

B[i]=Math.random()*0.1+0.1;

M[i]=Math.round(Math.random()*1+1);

}

if (V){

for (i = 0; i < N; i++)

{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"'></LAYER>")}

}

else{

document.write('<div style="position:absolute;top:0px;left:0px">');

document.write('<div style="position:relative">');

for (i = 0; i < N; i++)

{document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M[i]+';height:'+M[i]+';background:#fffff0;font-size:'+M[i]+'"></div>')}

document.write('</div></div>');

}

function snow(){

var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;

var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;

var T=(document.layers)?window.pageYOffset:document.body.scrollTop;

var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;

for (i=0; i < N; i++){

sy=S[i]*Math.sin(90*Math.PI/180);

sx=S[i]*Math.cos(A[i]);

Y[i]+=sy;

X[i]+=sx; 

if (Y[i] > H){

Y[i]=-10;

X[i]=Math.round(Math.random()*W);

M[i]=Math.round(Math.random()*1+1);

S[i]=Math.round(Math.random()*5+2);

}

if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T}

else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T} 

A[i]+=B[i];

}

setTimeout('snow()',10);

}

//-->

</script>

B-Renk Önemsiz(arkaplan rengi):

1- Güzel bişey işte

NOT!!!:<body> tagının içine.

Kod:

<script language="JavaScript">

<!-- Space Variation by kurt.grigg@virgin.net

if (document.all){

xL=5; 

xH=0;

xW=0;

xR=0;

xE=0;

xMY=0;

xMX=0;

xWd=0;

xHd=0;

xF=new Array();

xY=new Array();

xX=new Array();

xS=new Array();

xA=new Array();

xB=new Array();

ini=new Array();

cl=new Array('#fff000','#0000FF','#ff0000','#00ff00','#ff00ff','#ffa500')

document.write('<div id="xouter" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < xL; i++){

document.write('<div id="xie" style="position:absolute;top:0;left:0;width:10px;height:10px;'

+'font-family:Courier New;font-size:50px;color:#ffffff">.</div>');

}

document.write('</div></div>');

//Initial Placement!

function Set(){

for (i=0; i < xL; i++){

xH=window.document.body.offsetHeight;

xW=window.document.body.offsetWidth;

xA[i]=Math.round(Math.random()*xH);

xB[i]=Math.round(Math.random()*xW);

xS[i]=Math.random()*0.07+0.05;

xR=Math.round(Math.random()*3);

xE=Math.round(Math.random()*2500+50)

if (xR == 3) xB[i]=-xE;

if (xR == 2) xB[i]=xW+xE;

if (xR == 1) xA[i]=-xE;

if (xR == 0) xA[i]=xH;

xF[i]=xW/14;

}

}

Set();

function Assign(){

xouter.style.top=document.body.scrollTop;

for (i=0; i < xL; i++){

xF[i]-=xS[i]*25;

if (xF[i] < 4) xF[i]=3;

xie[i].style.top =xY[i];

xie[i].style.left=xX[i];

xie[i].style.fontSize=xF[i];

xie[i].style.filter='glow(color='+ini[i]+', strength='+xF[i]/3+')';

}

}

function fly(){

var N=Math.floor(Math.random()*cl.length)

xMY=window.document.body.clientHeight/2;

xMX=window.document.body.clientWidth/2;

xWd=Math.round(Math.random()*40+5);

xHd=Math.round(Math.random()*30+5);

for (i=0; i < xL; i++)

{

xY[i]=xA[i]+=(xMY-xA[i])*(xS[i]); 

xX[i]=xB[i]+=(xMX-xB[i])*(xS[i]); 

if ((xX[i] > xMX-xWd) && (xX[i] < xMX+xWd) && (xY[i] > xMY-xHd) && (xY[i] < xMY+xHd)){

xH=window.document.body.offsetHeight;

xW=window.document.body.offsetWidth;

xA[i]=Math.round(Math.random()*xH);

xB[i]=Math.round(Math.random()*xW);

xS[i]=Math.random()*0.05+0.05;

xR=Math.round(Math.random()*3);

xE=Math.round(Math.random()*50+50)

if (xR == 3) xB[i]=-xE;

if (xR == 2) xB[i]=xW+xE;

if (xR == 1) xA[i]=-xE;

if (xR == 0) xA[i]=xH+xE;

}

if ((xX[i] < 0) || (xX[i] > xW) || (xY[i] < 0) || (xY[i] > xH)) 

{

xF[i]=xW/14;

ini[i]=cl[N];

}

}

Assign();

setTimeout('fly()',10);

}

fly();

}

// -->

</script>

2-Başka bir kar scripti

NOT!!!:<body> tagının içine.

Kod:

<SCRIPT LANGUAGE="JavaScript">

<!-- Original: Matthew Musgrove ( muskrat@lvnworth.com) -->

<!-- Web Site: http://free.prohosting.com/~musgrove -->

<!-- Begin

var no = 50;

var speed = 1;

var ns4up = (document.layers) ? 1 : 0;

var ie4up = (document.all) ? 1 : 0;

var s, x, y, sn, cs;

var a, r, cx, cy;

var i, doc_width = 800, doc_height = 600;

if (ns4up) {

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

else

if (ie4up) {

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

x = new Array();

y = new Array();

r = new Array();

cx = new Array();

cy = new Array();

s = 8;

for (i = 0; i < no; ++ i) { 

initRain();

if (ns4up) {

if (i == 0) {

document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");

document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");

document.write(",</font></layer>");

}

else {

document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");

document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");

document.write(",</font></layer>");

}

}

else 

if (ie4up) {

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");

document.write(",</font></div>");

}

else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");

document.write(",</font></div>");

}

}

}

function initRain() {

a = 6;

r[i] = 1;

sn = Math.sin(a);

cs = Math.cos(a);

cx[i] = Math.random() * doc_width + 1;

cy[i] = Math.random() * doc_height + 1;

x[i] = r[i] * sn + cx[i];

y[i] = cy[i];

}

function makeRain() {

r[i] = 1;

cx[i] = Math.random() * doc_width + 1;

cy[i] = 1;

x[i] = r[i] * sn + cx[i];

y[i] = r[i] * cs + cy[i];

}

function updateRain() {

r[i] += s;

x[i] = r[i] * sn + cx[i];

y[i] = r[i] * cs + cy[i];

}

function raindropNS() {

for (i = 0; i < no; ++ i) {

updateRain();

if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {

makeRain();

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

document.layers["dot"+i].top = y[i];

document.layers["dot"+i].left = x[i];

}

setTimeout("raindropNS()", speed);

}

function raindropIE() {

for (i = 0; i < no; ++ i) {

updateRain();

if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {

makeRain();

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

document.all["dot"+i].style.pixelTop = y[i];

document.all["dot"+i].style.pixelLeft = x[i];

}

setTimeout("raindropIE()", speed);

}

if (ns4up) {

raindropNS();

}

else

if (ie4up) {

raindropIE();

}

// End -->

</script>

3-Arkaplan Rengi Sayfa Yenilendiğinde Değişir(MyBB de çalışır mı denemedim)

NOT!!!:<body> tagını <BODY onload="show()"> olarak değitirin.Ve <body> tagının içine.

Kod:

<script language="JavaScript">

function rnd(scale) {

var dd=new Date(); 

return((Math.round(Math.abs(Math.sin(dd.getTime()))*1000000000)%scale)); 

}

function show() { 

}

document.bgColor=256*rnd(255)+16*rnd(255)+rnd(255);

</script>

Hepsi bu kadar.Önemli NOT!!!:
Java Script Bankası v 2.1'den alıntıdır!!!!

teşekkürler bi denemek lazım..

Kabus

themem