Con la tecnología de Blogger.
Latest News

poner imagen al cursor del blogg

domingo, 24 de julio de 2011 , Posted by ghost raven at 15:31

poner imagen al cursor del blogg




El titulo es totalmente explicito. Bueno te explico, es muy sencillo, si sabes como manejar este tipo de Scripts. En el código que se te da sobre "Imagen que sigue al cursor", se te da un CSS y un Script. a continuación se te explica como colocarlos en el panel de administración para ver su resultado en todas las paginas.

Panel de administración ==> Visualización ==> Colores ==> CSS Stylesheet ==> Ingresas:

CODE: ----------SELECCIONAR TODO EL CONTENIDO
BODY {overflow: scroll; overflow-x: hidden;}


Luego en Panel de administración ==> Módulos ==> Gestión de las páginas HTML ==> Añadir una página HTML ==> Ingresas el siguiente código (Recuerda editar lo que colocare en mayúsculas) 

CODE: ----------SELECCIONAR TODO EL CONTENIDO
var trailLength = 8;
var path = "DIRECCIÓN DIRECTA DE UNA IMAGEN";

var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0;
var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage;
if (document.layers) {
isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left";
} else if (document.all) {
isIE = true;
}
function initTrail() {
images = new Array();
for (i = 0; i < parseInt(trailLength); i++) {
images[i] = new Image();
images[i].src = path;
}
storage = new Array(); 
for (i = 0; i < images.length*3; i++) {
storage[i] = 0;
}
for (i = 0; i < images.length; i++) { 
(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]);
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage[i] = storage[i-2];
}
d = 0;
clearTimeout(timer);
var timer = setTimeout("trail()", 10);
}
function processEvent(e) { 
if (isIE) {
storage[0] = window.event.y+document.body.scrollTop+10;
storage[1] = window.event.x+document.body.scrollLeft+10;
} else {
storage[0] = e.pageY+12;
storage[1] = e.pageX+12;
}
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
if (isIE || isNav) {
initTrail();
document.onmousemove = processEvent;
}


Una vez que tengas preparada y lista la pagina HTML, tanto como el CSS ingresado donde corresponde.
Dirígete a: Panel de administración ==> General ==> Foro ==> Configuración ==> Descripción ==> Colocas:

CODE: ----------SELECCIONAR TODO EL CONTENIDO
<script src='Dirección directa de la pagina HTML que has creado con el script'></script>

Editas la frase "Dirección directa de la pagina HTML que has creado con el Script" por lo que se te pide en el.

Luego de haberlo, colocado tal como lo he indicado. Registra los cambios y verificarlo en tu foro. Ten en cuenta que este Script, solo funciona con el navegador "Internet Explorer". En ningún otro funciona

Currently have 0 comentarios:

Leave a Reply

Publicar un comentario