Kurzorok és a HTML kódolás alapjai.

Sziasztok:) Érkezett egy kérés, hogy írjak bejegyzést arról, hogy hogyan kell egérkövető kurzorokat betenni a blogba. 
Nos előszöris, ehhez kell egy HTML kód. Egy ilyen megírása nagyon bonyolult, Senkinek nem ajánlom hogy kezdjen el próbálkozni de rengeteg ilyet találhattok viszont a neten és átalakíthatjátok kedvetek szerint! 
Előszöris egy kód:

<SCRIPT>
<!--
B=document.all;
C=document.layers;
T1=new Array("http://webdesign-graphic.hu/semilin/floater/mouse1.gif",38,35,

"http://webdesign-graphic.hu/semilin/floater/mouse2.gif",30,31,

"http://webdesign-graphic.hu/semilin/floater/mouse3.gif",28,26,

"http://webdesign-graphic.hu/semilin/floater/mouse4.gif",22,21,

"http://webdesign-graphic.hu/semilin/floater/mouse5.gif",16,16,

"http://webdesign-graphic.hu/semilin/floater/mouse6.gif",10,10)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}

function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){

if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,

(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
//-->
</SCRIPT>

Itt a kutzort kicsi színes körök követik. 
Ezt például úgy alakíthatod át ha ahol a linkek vannak (kék rész) az idézőjelen belül bármilyen kép URL-jét bemásolod (azaz a linkjét) és ha kevesebb képet szeretnél utána akkor az adott sorokat kitörlöd. Amit kértél, keresztes követőről itt egy link: KATT 
Ha ezt másolod be és a többi sort kitörlöd akkor megvalósul az elképzelésed:)) 

Itt van még egy ami sokaknak hasznos lehet: 

<SCRIPT LANGUAGE="JavaScript1.2"><!--//
// your message here
var msg='webdesigngraphic-semilin';
var font='arial';
var size=2; // up to seven
var color='ffffff';
// 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=size*15;
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]+a*Math.sin((currStep+i*1)/3.8)+ window.pageYOffset-15;
d.left=x[i]+a*Math.cos((currStep+i*1)/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>


Itt egy álltalad megválasztott szöveg követi majd az egeret. A szöveget a kék rész helyére írd be, valamint a szöveg színét a pirossal kijelölt kód adja meg. a jelenlegi FFFFFF a fehér színt jelzi. ITT szinte brmilyen szín kódját megtalálod amit behelyettesíthetsz:))

Remélem tudtam segíteni. Ha még bármi kérdésed van nyugodtan szólj. És ha speciális kérésed lenne kereshetek én is kódot!