Scripts .*.*.*.*.*.*.*.

	Backgrounds
	Barras
	Barra de rolagem
	Barra de status
	Blinks
	Bombeiros
	Bottons
	Cliques
	Emoctions MSN
	Gifs evangélicos
	Ícones
	Primeiros Socorros
	Scripts
	Scripts diversos
	Smilles
	Tabela de cor
	Tags

Scripts Efeito no mouse segue: 1 2 3 4 5 6 7 8 9 10 11


Mensagem ao vento que segue o mouse I Onde está escrito "SÓ GRÁFICOS" substitua pela sua mensagem.
Cole o código abaixo entre as tags <head> e </head> do seu template. <!-- Portal Só Gráficos --><style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; color:black; } </style> <script> var x,y var step=20 var flag=0 // Coloque aqui sua mensagem. var message="SÓ GRÁFICOS " message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </script> <!--Portal Só Gráficos -->	Este código abaixo deverá ser colado depois da tag <body> do template <!-- Portal Só Gráficos --> <body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll" topmargin="0" leftmargin="0"> <script> <!-- começot - for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // - fim - --> </script> <!-- Portal Só Gráficos -->
Mensagem ao vento que segue o mouse II Cole o código abaixo entre as tags <head> e </head> do seu template.
<!-- Portal Só Gráficos --> <style> .animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:red;} </style> <script language=JavaScript> var x,y var tempo=20 var espera=0 var texto="SÓ GRÁFICOS" texto=texto.split("") var xpos=new Array() for (i=0;i<=texto.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=texto.length-1;i++) { ypos[i]=-50 } function seguir(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY espera=1 } function animar_cursor() { if (espera==1 && document.all) { for (i=texto.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+tempo ypos[i]=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("span"+(i)+".style") camada.posLeft=xpos[i] camada.posTop=ypos[i] } } else if (espera==1 && document.layers) { for (i=texto.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+tempo ypos[i]=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("document.span"+i) camada.left=xpos[i] camada.top=ypos[i] } } var timer=setTimeout("animar_cursor()",30) } </script> <script Language=JavaScript> for (i=0;i<=texto.length-1;i++) { document.write("<span id='span"+i+"' class='animado'>") document.write(texto[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = seguir; animar_cursor() </script> <!-- Portal Só Gráficos -->
Corações envolta do mouse Cole o código abaixo entre as tags <head> e </head> do seu template.
<!-- Portal Só Gráficos --> <SCRIPT LANGUAGE="JavaScript1.2"><!--// // your message here var msg='Y Y Y Y Y Y Y Y Y Y Y Y '; var font='Webdings'; var size=3; // up to seven var color='#0000FF'; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 for just plain rotation w/out drag var speed=.3; // This is the rotation speed, set it negative if you want // it to spin clockwise var rotation=.1; // Alter no variables past here!, unless you are good //--------------------------------------------------- var ns=(document.layers); var ie=(document.all); var msg=msg.split(''); var n=msg.length; var a=size15; var currStep=0; var ymouse=0; var xmouse=0; var scrll=0; var props="<font face="+font+" size="+size+" color="+color+">"; if (ie) window.pageYOffset=0 // writes the message if (ns){ for (i=0; i < n; i++) document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center> </layer>'); } if (ie){ document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="iemsg" style="position:absolute;top:0px;left:0; height:'+a+';width:'+a+';text-align:center; font-weight:regular;cursor:default">'+props+msg[i]+'</font> </div>'); document.write('</div></div>'); } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y; // y-position xmouse = (ns)?evnt.pageX+20:event.x-20; // x-position } if (ns\|\|ie) (ns)?window.onMouseMove=Mouse:document.onmousemove= Mouse; y=new Array(); x=new Array(); Y=new Array(); X=new Array(); for (i=0; i < n; i++){ y[i]=0; x[i]=0; Y[i]=0; X[i]=0; } function makecircle(){ // rotation properties if (ie) outer.style.top=document.body.scrollTop; currStep-=rotation; for (i=0; i < n; i++){ // makes the circle var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style; d.top=y[i]+aMath.sin((currStep+i1)/3.8)+ window.pageYOffset-15; d.left=x[i]+aMath.cos((currStep+i1)/3.8)2; // remove 2 for just a plain circle, not oval } } function drag(){ // makes the resistance scrll=(ns)?window.pageYOffset:0; y[0]=Math.round(Y[0]+=((ymouse)-Y[0])speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])speed); for (var i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } makecircle(); // not rotation speed, leave at zero setTimeout('drag()',10); } if (ns\|\|ie)window.onload=drag; // --> </SCRIPT> <!--Portal Só Gráficos -->
Partícula coloridas circulando o mouse Cole o código abaixo entre as tags <head> e </head> do seu template.
<!-- Portal Só Gráficos --> <LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER> <script language="JavaScript"> if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } var Clrs=new Array(6) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='fff000'; Clrs[5]='fffff0'; if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4; xBase = window.innerWidth/4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) {step=3; starsDiv.all[i].style.top = Ypos + yBaseMath.cos((currStep + i4)/12)Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBaseMath.sin((currStep + i3)/10)Math.sin(8.2+currStep/400); for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()[ai]); } starsDiv.all[i].style.background=Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! {step = 4; var templayer="a"+j document.layers[templayer].top = Ypos + yBaseMath.sin((currStep + j4)/12)Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBaseMath.sin((currStep + j3)/10)Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()[aj]); } document.layers[templayer].bgColor=Clrs[c]; } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); // --> </script> <!-- Portal Só Gráficos -->
Relógio em volta do mouse Cole o código abaixo entre as tags <body> e </body> do seu template.
<!-- Portal Só Gráficos --> <script language="JavaScript"> dCol='000000';//date colour. fCol='000000';//face colour. sCol='000000';//seconds colour. mCol='000000';//minutes colour. hCol='000000';//hours colour. ClockHeight=40; ClockWidth=40; ClockFromMouseY=0; ClockFromMouseX=100; //Alter nothing below! Alignments will be lost! d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"); m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PIparseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeightMath.sin(-1.0471 + iSplitMath.PI/180)+scrll; F.left=x[i] + ClockWidthMath.cos(-1.0471 + iSplitMath.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(iHandHeight)Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(iHandWidth)Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(iHandHeight)Math.sin(min)+scrll; ML.left=x[i]+HandX+(iHandWidth)Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(iHandHeight)Math.sin(sec)+scrll; SL.left=x[i]+HandX+(iHandWidth)Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight1.5Math.sin(currStep+iDsplitMath.PI/180)+scrll; DL.left=Dx[i] + ClockWidth1.5Math.cos(currStep+iDsplitMath.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns\|\|ie)window.onload=Delay; </script> <!-- Portal Só Gráficos -->
Estilos de cursor Para modificar o cursor quando se coloca o mouse sobre um link, basta alterarmos o estil css, então no template do seu blog insira o seguinte código: <!-- Portal Só Gráficos --> <STYLE> link {cursor: crosshair} <STYLE> <!-- Portal Só Gráficos --> Susbtitua crosshair pelo cursor que lhe interessa (observe abaixo os exemplos): cursor: auto (utiliza o cursor definido pelo utilizador) cursor: crosshair (cruz) cursor: default (não altera o cursor) cursor: e-resize (seta para a direita, Este) cursor: hand (a tradicional mãozinha) cursor: help (ponto de interrogação ?) cursor: move (cruz com setas nas extremidades) cursor: n-resize (seta para norte, N) cursor: ne-resize (seta para NE) cursor: nw-resize (seta para NO) cursor: pointer (a mãozinha) cursor: s-resize (seta para sul, S) cursor: se-resize (seta para SE) cursor: sw-resize (seta para SO) cursor: text (cursor típico de inserção de texto) cursor: w-resize (seta para a esquerda, Oeste) cursor: wait (cursor de "ocupado", aguardando)
Coordenada para o mouse I
(Coordenada para o mouse medir página ou configurar imagens).
Cole o código abaixo entre as tags <head> e </head> do seu template. <!--Portal Só Gráficos --> <form name="Show"> X <input type="text" name="MouseX" value="0" size="4"><br> Y <input type="text" name="MouseY" value="0" size="4"><br> </form> <!--coloque abaixo de body--> <script language="JavaScript1.2"> <!-- stocks (www.stocks.blogger.com.br) --> <!-- Begin var IE = document.all?true:false; if (!IE) document.captureEvents(Event.MOUSEMOVE) document.onmousemove = getMouseXY; var tempX = 0; var tempY = 0; function getMouseXY(e) { if (IE) { // grab the x-y pos.s if browser is IE tempX = event.clientX + document.body.scrollLeft; tempY = event.clientY + document.body.scrollTop; } else { // grab the x-y pos.s if browser is NS tempX = e.pageX; tempY = e.pageY; } if (tempX < 0){tempX = 0;} if (tempY < 0){tempY = 0;} document.Show.MouseX.value = tempX; document.Show.MouseY.value = tempY; return true; } // End --> </script> <!-- Portal Só Gráficos -->
Coordenada para o mouse II
(Coordenada para o mouse medir página ou configurar imagens localizada no rodapé).
Cole o código abaixo entre as tags <head> e </head> do seu template. <!-- Portal Só Gráficos --> <SCRIPT LANGUAGE="JavaScript"> <!--inicio function coor() { window.status = "X=" + window.event.x + " Y=" +window.event.y; } // fim --> </script> <BODY onmousemove="coor()"> <!-- Portal Só Gráficos -->
Alerta Simples (Ao passar o mouse por cima de uma figura ou texto uma alerta dispara)
Cole o código abaixo entre as tags <head> e </head> do seu template. <!-- Portal Só Gráficos --> <SCRIPT LANGUAGE="JavaScript"> if (document.all) { yourLogo = "SINGELAS PALAVRAS"; <!-- TROQUE O NOME --> logoFont = " Comic Sans MS"; <!-- TROQUE O TIPO DA LETRA --> logosize = " 9"; <!-- aumenta a letra --> logoColor = " #FFFFFF"; <!-- TROQUE A CÔR AQUI --> yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 100; <!-- aumenta o espaço de rotação --> logoHeight = -30; ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write('<div id="outer" style="position:absolute;top:0px;left:0px "><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px ;' +'width:10px;height:10px;font-family: '+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:cent er">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 20); } window.onload = animateLogo; } // fim --> </script> <!-- Portal Só Gráficos -->
Alerta de Proteção
(Ao tentar copiar uma figura ou texto, uma alerta dispara com uma mensagem)
Cole o código abaixo entre as tags <head> e </head> do seu template. <!-- Portal Só Gráficos --> <a href="" onmouseover="alert('aqui é o que aparecerá no alerta escreva!')">SÓ gRÁFICOS</a>

segue: 1 2 3 4 5 6 7 8 9 10 11

Obs: Todo material deste site foi retirado de uma grande pesquisa em vários outros sites na Internet.