Website Help [Archive] - FileSharing Talk

BROCKSTER

04-20-2003, 05:10 PM

im doing my site AGAIN but im going for broke this time :lol: i wanna make it reeeeeealy good.

ive seen on sites when you move your cursour over the page text follows it like all springy is it possible to do this in front page 2000 by puttin the html code in to it manually please help it looks wicked.cud u pm me with the code please???

Lamsey

04-20-2003, 06:29 PM

I doubt that it's done using HTML, it's more of an enhanced text formatting standard.

It's probably done using some sort of embedded applet that starts up automatically when you view the page.

[B][O][T]

04-20-2003, 06:37 PM

move your cursour over the page text follows it like all springy is it possible to do this in front page 2000 by puttin the html code in to it manually

That's Javascript....You can go here (http://www.js-examples.com/example/?ex=334&mode=2) for one example. You can also check My link in My signature I got a lot of Javascript there (not to download).

BOT

BROCKSTER

04-20-2003, 06:40 PM

bot the example on that site is EXACTLY wot i was lookin for but how do i get it to work on my site?? thanks for helping

[B][O][T]

04-20-2003, 06:55 PM

Great then copy the code below and put it in Your <HEAD> </HEAD>

<STYLE>
.spanstyle {
   position:absolute;
   visibility:visible;
   top:-50px;
   font-size:12pt;
   font-family:Verdana;
   font-weight:bold;
   color:steelblue;
}
</STYLE>

<script>
var message="BROCKSTER".split("");
var x;
var y;
var step=15;
var xpos=new Array();
var ypos=new Array();

function mouseMoved(e){
   x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX;
   y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
}

function makesnake() {
 var thisspan;
   for (var i=message.length-1; i>=0; i--) {
           xpos[i]=xpos[i-1]+step;
           ypos[i]=ypos[i-1];
   }
       xpos[0]=x+step;
       ypos[0]=y;
   
       for (var i in message) {
   if (document.all) {
       thisspan = eval("span"+(i)+".style");
       thisspan.posLeft=xpos[i];
       thisspan.posTop=ypos[i];
   } else if (document.layers) {
 thisspan = eval("document.span"+i);
       thisspan.left=xpos[i];
       thisspan.top=ypos[i];
   }
   }

}
var timer = null;
function startSnake() {
 for (var i in message) {
     xpos[i]=-50;
     ypos[i]=-50;
 }
 setTimeout('timer=setInterval("makesnake()",30);',1000);
}
startSnake();
for (var i in message) {
 document.write("<span id='span"+i+"' class='spanstyle'>")
 document.write(message[i]);
 document.write("</span>");
}

if (document.layers) { document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = mouseMoved;

</script>

BROCKSTER

04-20-2003, 07:09 PM

wen i put it in my head head bit in the html on frontpage it all the code shows up on the actuall page but no text follower thingy :blink:

[B][O][T]

04-20-2003, 07:15 PM

Fancy copy Your document and paste it here so I can have a look at it?

BROCKSTER

04-20-2003, 07:20 PM

:( not really want to post it in here but wil it wrk if i make the head head thing agen or another shud i say???

[B][O][T]

04-20-2003, 07:29 PM

Not sure what You do wrong....I made a temp page for You here (http://k-lite.no-ip.com/brockster.html) same code as I posted in My earlier post.

Still dosnt work post here or PM Me.

BOT

Lamsey

04-20-2003, 07:33 PM

BOT do you mind if I use that code too? It's kinda cool.

[B][O][T]

04-20-2003, 07:36 PM

Feel free :)

BROCKSTER

04-20-2003, 07:40 PM

THANK YOU :D
I OWE U BIG TIME :D :lol: :lol: :lol: now how i change the text size :blink:

i viewed source from that example and copy and pasted it and that worked

Lamsey

04-20-2003, 07:44 PM

Originally posted by [B][O][T]@20 April 2003 - 19:36
Feel free :)
Cheers BOT

Edit: done!

[B][O][T]

04-20-2003, 07:48 PM

Originally posted by BROCKSTER@20 April 2003 - 21:40
how i change the text size :blink:

<STYLE>
.spanstyle {
   position:absolute;
   visibility:visible;
   top:-50px;
   font-size:12pt;
   font-family:Verdana;
   font-weight:bold;
   color:steelblue;
}
</STYLE>

change 12pt; to 36; for an example
change font replace Verdana to Arial for example

BOT

BROCKSTER

04-20-2003, 07:49 PM

thanks u can get rid of that site now if ya want very much apprieciated so how do i change the size of the BROCKSTER bit?