~ Todo Photoshop ~
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Como se ponen las estrellitas esas del cursor?

3 participantes

Ir abajo

Como se ponen las estrellitas esas del cursor? Empty Como se ponen las estrellitas esas del cursor?

Mensaje por Noojit Mar Ago 26 2008, 00:56

Pues me gustaria saber el codigo de las estrellitas esas que molan cantidubi xD
Noojit
Noojit
Venía con el Foro

Masculino
Cantidad de envíos : 347
Colaboración con el Foro :
Como se ponen las estrellitas esas del cursor? Left_bar_bleue150 / 100150 / 100Como se ponen las estrellitas esas del cursor? Right_bar_bleue

Estilo PS : Noojit Style
FDLS Ganadas : 0
Retos Ganados : 3
Retos Perdidos : 1
Reputación : 0
Puntos : 30105
Fecha de inscripción : 29/05/2008

http://ps-design.espanaforo.com/portal.htm

Volver arriba Ir abajo

Como se ponen las estrellitas esas del cursor? Empty Re: Como se ponen las estrellitas esas del cursor?

Mensaje por SeF Mar Ago 26 2008, 01:01

Aqui lo tienes:
(el color de modifica en el codigo del principio, donde esta el codigo de las estrellas azules que hay ahora mismo.)

Código:
<script type="text/javascript">
// <![CDATA[
var colour="#00eaff";
var sparkles=50;

/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}

function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}

function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}

function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}

document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}

function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}

window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}

function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
SeF
SeF
Administrador
Administrador

Masculino
Cantidad de envíos : 4855
Colaboración con el Foro :
Como se ponen las estrellitas esas del cursor? Left_bar_bleue150 / 100150 / 100Como se ponen las estrellitas esas del cursor? Right_bar_bleue

Estilo PS : C4D´s y Smudge
FDLS Ganadas : 2
Retos Ganados : -
Retos Perdidos : -
RankDesign : Como se ponen las estrellitas esas del cursor? 2rdvqtu
TP Coins : 880
Reputación : 0
Puntos : 30310
Fecha de inscripción : 18/04/2008

https://todophotoshop.activoforo.com

Volver arriba Ir abajo

Como se ponen las estrellitas esas del cursor? Empty Re: Como se ponen las estrellitas esas del cursor?

Mensaje por Noojit Mar Ago 26 2008, 01:07

Muchas gracais sef estas echo un crack
Noojit
Noojit
Venía con el Foro

Masculino
Cantidad de envíos : 347
Colaboración con el Foro :
Como se ponen las estrellitas esas del cursor? Left_bar_bleue150 / 100150 / 100Como se ponen las estrellitas esas del cursor? Right_bar_bleue

Estilo PS : Noojit Style
FDLS Ganadas : 0
Retos Ganados : 3
Retos Perdidos : 1
Reputación : 0
Puntos : 30105
Fecha de inscripción : 29/05/2008

http://ps-design.espanaforo.com/portal.htm

Volver arriba Ir abajo

Como se ponen las estrellitas esas del cursor? Empty Re: Como se ponen las estrellitas esas del cursor?

Mensaje por GivaleJ Mar Sep 02 2008, 00:50

Sef, ese código al introducirlo en las tablas de dreamweaver funciona para HTML? Me encantaría hacer un efecto asi para la web que estoy creando (no por activoforo, es una web)
GivaleJ
GivaleJ
The Boss

Masculino
Cantidad de envíos : 90
Edad : 38
Localización : Bogotá - Colombia
Colaboración con el Foro :
Como se ponen las estrellitas esas del cursor? Left_bar_bleue0 / 1000 / 100Como se ponen las estrellitas esas del cursor? Right_bar_bleue

Estilo PS : creador de propios fondos, poco \"render\" Rolling Eyes
vectores y efectos de iluminación.
FDLS Ganadas : 0
Reputación : 0
Puntos : 29800
Fecha de inscripción : 30/07/2008

Volver arriba Ir abajo

Como se ponen las estrellitas esas del cursor? Empty Re: Como se ponen las estrellitas esas del cursor?

Mensaje por SeF Mar Sep 02 2008, 00:57

Pues creo que si te servira, pero no estoy seguro, es cuention de probar jejeje.
SeF
SeF
Administrador
Administrador

Masculino
Cantidad de envíos : 4855
Colaboración con el Foro :
Como se ponen las estrellitas esas del cursor? Left_bar_bleue150 / 100150 / 100Como se ponen las estrellitas esas del cursor? Right_bar_bleue

Estilo PS : C4D´s y Smudge
FDLS Ganadas : 2
Retos Ganados : -
Retos Perdidos : -
RankDesign : Como se ponen las estrellitas esas del cursor? 2rdvqtu
TP Coins : 880
Reputación : 0
Puntos : 30310
Fecha de inscripción : 18/04/2008

https://todophotoshop.activoforo.com

Volver arriba Ir abajo

Como se ponen las estrellitas esas del cursor? Empty Re: Como se ponen las estrellitas esas del cursor?

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.