Categorías
Trucos Space

Texto en el puntero del ratón para el space

Como muchos de vosotros me estáis pidiendo que ponga el tutorial de como he puesto el texto que sigue al puntero del ratón aquí os lo voy a explicar.
 
MATERIAL A UTILIZAR
 
Bloc de notas
Servidor gratuito
Gadget VISUALIZADOR WEB MAFIAS
 
Lo primero que vamos hacer es ir al botón de Inicio de nuestro pc——–> Todos los programas———>Accesorios—->Bloc de notas.
 
Abrimos el bloc de notas y ponemos el siguiente código
 
<style>
.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:FFFF00;}
</style>
<script language=JavaScript>
var x,y
var tempo=12
var espera=0
var texto=” TEXTO QUE QUEREIS PONER”
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>
Puesto el código en el bloc de notas nos vamos a Archivos—–>Guardar como——> y ponemos el nombre que queramos por ejemplo textoraton.html siempre terminado en  .html tal

Nombre: pondremos el nombre del que queramos ponerle

Tipo: le daremos a todos los archivos

Codificación: UTF-8
 
Ya guardado en nuestro pc el archivo creado lo subiremos a un servidor gratuito de ahí sacaremos la url para ponerlo en nuestro gadget.
 
Ya subido en el servidor el archivo, nos instalamos en nuestro space el Gadget VISUALIZADOR WEB MAFIAS, para instalaros el gadget os dejo aqui el link de como hacerlo. http://esau1980ii.spaces.live.com/blog/cns!A4B10A3AE5D6FA04!4996.entry
 
Ahora donde os pone Url de la pagina ponemos  la url que no había dado antes el servidor del archivo que habíamos subido
en Width y Height sera el ancho y el alto de la pagina (cada uno que se lo personalice), y le daremos a guardar url.
Si queréis luego podéis darle a la flecha y le dais a personalizar y clicais en las 3 opciones que tiene.
 
Una vez hecho todo esto salimos del modo edición y veremos como nos ha quedado
 
 
ATENCIÓN NO PONGÁIS SOLO EL CÓDIGO DEL PUNTERO TENER IMAGINACIÓN Y PONER MAS COSAS, Y NO PONGÁIS EN EL MISMO BLOC DE NOTAS  MUCHO JAVASCRIPT PORQUE LUEGO NO FUNCIONARAN.
 

Facebook: https://www.facebook.com/EIMafias/

Twitter:@ElMafiasdelTuit

Instagram: https://www.instagram.com/paramissuperioresoficial/

Twitch: https://www.twitch.tv/eimafias/



Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.