[Gesior Aac] Efeitos Para Seu Website

[Fortation 52]

[Gesior Aac] Dois Efeitos para o site ! Muito Legal

1 . Caveiras no "Mouse" ele continua com a seta.

2 . Efeito que lembra muito neve caindo.

Como Colocar.

Vá na pasta do seu xampp entra na pasta htdocs/layouts/tibiacom e abra seu layout.php(Escolha para abrir no Bloco de Notas!) e entao bem no final antes de </body>

</SCRIPT>

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"></div>

<div id="dot1" style="position: absolute; height: 35; width: 35;"><img src="ball1.gif" width="11" height="11" alt=""></div>

<div id="dot2" style="position: absolute; height: 35; width: 35;"><img src="ball2.gif" width="11" height="11" alt="."></div>

<div id="dot3" style="position: absolute; height: 35; width: 35;"><img src="ball1.gif" width="11" height="11" alt="."></div>

<div id="dot4" style="position: absolute; height: 35; width: 35;"><img src="ball2.gif" width="11" height="11" alt="."></div>

<div id="dot5" style="position: absolute; height: 35; width: 35;"><img src="ball1.gif" width="11" height="11" alt="."></div>

<div id="dot6" style="position: absolute; height: 35; width: 35;"><img src="ball2.gif" width="11" height="11" alt="."></div>

<script type='text/javascript'>


<!-- Begin

var nDots = 7;

if (document.all&&window.print)

document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"

var Xpos = 0;

var Ypos = 0;


var DELTAT = .01;

var SEGLEN = 10;

var SPRINGK = 10;

var MASS = 1;

var GRAVITY = 50;

var RESISTANCE = 10;

var STOPVEL = 0.1;

var STOPACC = 0.1;

var DOTSIZE = 35;

var BOUNCE = 0.75;


var isNetscape = navigator.appName=="Netscape";


var followmouse = true;


var dots = new Array();

init();

function init()

{

var i = 0;

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

	 dots[i] = new dot(i);

}


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

	 dots[i].obj.left = dots[i].X + "px";

	 dots[i].obj.top = dots[i].Y + "px";

}


if (isNetscape) {

	 startanimate();

} else {

	 setTimeout("startanimate()", 20);

}

}

function dot(i)

{

this.X = Xpos;

this.Y = Ypos;

this.dx = 0;

this.dy = 0;

this.obj = eval("document.getElementById('dot" + i + "').style");

}


document.onmousemove = MoveHandler;


function startanimate() {	

setInterval("animate()", 20);

}


function MoveHandler(e) {


	 if (!e) {

			 Xpos = window.event.x + document.body.scrollLeft;

			 Ypos = window.event.y + document.body.scrollTop;

	 } else {

			 Xpos = e.pageX;

			 Ypos = e.pageY;

	 }

}

function vec(X, Y)

{

this.X = X;

this.Y = Y;

}

function springForce(i, j, spring)

{

var dx = (dots[i].X - dots[j].X);

var dy = (dots[i].Y - dots[j].Y);

var len = Math.sqrt(dx*dx + dy*dy);

if (len > SEGLEN) {

	 var springF = SPRINGK * (len - SEGLEN);

	 spring.X += (dx / len) * springF;

	 spring.Y += (dy / len) * springF;

}

}

function animate() {

	 var start = 0;

if (followmouse) {

	 dots[0].X = Xpos;

	 dots[0].Y = Ypos;

	 start = 1;

}


for (i = start ; i < nDots; i++ ) {


	 var spring = new vec(0, 0);

	 if (i > 0) {

		 springForce(i-1, i, spring);

	 }

	 if (i < (nDots - 1)) {

		 springForce(i+1, i, spring);

	 }


		 var resist = new vec(-dots[i].dx * RESISTANCE,

		 -dots[i].dy * RESISTANCE);


		 var accel = new vec((spring.X + resist.X)/ MASS,

		 (spring.Y + resist.Y)/ MASS + GRAVITY);


		 dots[i].dx += (DELTAT * accel.X);

	 dots[i].dy += (DELTAT * accel.Y);


		 if (Math.abs(dots[i].dx) < STOPVEL &&

		 Math.abs(dots[i].dy) < STOPVEL &&

		 Math.abs(accel.X) < STOPACC &&

		 Math.abs(accel.Y) < STOPACC) {

		 dots[i].dx = 0;

		 dots[i].dy = 0;

	 }


		 dots[i].X += dots[i].dx;

	 dots[i].Y += dots[i].dy;

		 var height, width;

	 if (isNetscape) {

		 height = window.innerHeight + document.scrollTop;

		 width = window.innerWidth + document.scrollLeft;

	 } else {	

		 height = document.body.clientHeight + document.body.scrollTop;

		 width = document.body.clientWidth + document.body.scrollLeft;

	 }


	 if (dots[i].Y >= height - DOTSIZE - 1) {

		 if (dots[i].dy > 0) {

			 dots[i].dy = BOUNCE * -dots[i].dy;

		 }

		 dots[i].Y = height - DOTSIZE - 1;

	 }

	 if (dots[i].X >= width - DOTSIZE) {

		 if (dots[i].dx > 0) {

			 dots[i].dx = BOUNCE * -dots[i].dx;

		 }

		 dots[i].X = width - DOTSIZE - 1;

	 }

	 if (dots[i].X < 0) {

		 if (dots[i].dx < 0) {

			 dots[i].dx = BOUNCE * -dots[i].dx;

		 }

		 dots[i].X = 0;

	 }


	 dots[i].obj.left = dots[i].X + "px";

	 dots[i].obj.top = dots[i].Y + "px";

}

}

// End -->

</SCRIPT>

<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>

em seguida baixe esse arquivo a seguir descompacte ele e copie as duas imagens que tem dentro dele para sua pasta htdocs:

OBS: Deixa as Imagens ball1 e ball2 Dentro da pasta images da pasta tibiacom (AS IMAGENS BAIXADAS)

Hidden Content

Give reaction to this post to see the hidden content.

Hidden Content

Give reaction to this post to see the hidden content.

CREDITOS:

ADM_Forever

SE DER ERRO

Mude:

<div id="dot1" style="position: absolute; height: 35; width: 35;"><img src="ball1.gif" width="11" height="11" alt="."></div>

Para:

<div id="dot1" style="position: absolute; height: 35; width: 35;"><img src="layouts/tibiacom/images/ball1.gif" width="11" height="11" alt="."></div>

Editado Dezembro 9, 2012 por Fortation (veja o histórico de edições)

[bangu009.gh 1]

Arruma link pf.

[ArielZeRah 4]

isso ai e bom, mais foda que vem em qualquer GesiorACC que vc abaxi ele ja vem!!