Cool effects, huh?
Created | Updated Jan 28, 2002
For those of you who want to know how I managed the popup window, just put the following code at the place where you want the link to appear.(Your page has to be done in GuideML.)
<SCRIPT language="javascript">
<!--
function popusers(link) {
popupWin = window.open(link, 'popusers', 'status=1,resizable=1,scrollbars=1,width=165,height=340');
}
// -->
</SCRIPT>
<P align="center">
<link href="javascript:popusers('users.cgi');">Who's On H2G2?</link>
</P>
And for those who are lugging it out with HTML, here's how:
<SCRIPT language="javascript">
<!--
function popusers(link) {
popupWin = window.open(link, 'popusers', 'status=1,resizable=1,scrollbars=1,width=165,height=340');
}
// -->
</SCRIPT>
<P align="center">
<A href="javascript:popusers('users.cgi');">Who's On H2G2?</A>
</P>
For the Quote Generator paste this for GuideML:
<P>
<!--begin whatsthatline random quote generator-->
<TABLE bgcolor="#F7BD0D" width="264" align="center" cellspacing="0" border="0" cellpadding="0">
<TR>
<TD>
<link href="http://www.whatsthatline.com/random/ads.cgi?banner=NonSSI;page=01">
<IMG width="264" src="http://www.whatsthatline.com/random/ads.cgi?page=01" height="74" border="0"></IMG></link>
</TD>
</TR>
<TR>
<TD>
<link href="http://www.h2g2.com/P208441">
<IMG width="264" src="http://www.whatsthatline.com/random/images/logo.jpg" height="20" border="0"></IMG></link>
</TD>
</TR>
</TABLE>
<!--end whatsthatline random quote generator-->
</P>
And for HTML, use this:
<P>
<!--begin whatsthatline random quote generator-->
<TABLE bgcolor="#F7BD0D" width="264" align="center" cellspacing="0" border="0" cellpadding="0">
<TR>
<TD>
<A href="http://www.whatsthatline.com/random/ads.cgi?banner=NonSSI;page=01">
<IMG width="264" src="http://www.whatsthatline.com/random/ads.cgi?page=01" height="74" border="0"></IMG></A>
</TD>
</TR>
<TR>
<TD>
<A href="http://www.h2g2.com/P208441">
<IMG width="264" src="http://www.whatsthatline.com/random/images/logo.jpg" height="20" border="0"></IMG></A>
</TD>
</TR>
</TABLE>
<!--end whatsthatline random quote generator-->
</P>
For the links that change colour when you bring your mouse over them put this in the body for GuideML or the head for HTML.
<STYLE type="text/css">
A:hover {color=#9fff9f !important; text-decoration: none !important}
</STYLE>
If you plan to use the changing colours with the mouse over script, put the changing colours after the mouse over script, or you'll have one hell of a problem!
For the changing colours, put this in the body(for GuideML)and in the head(HTML).
<script language="JavaScript">
<!--
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
// you may fill this colors array with your colors.
// the script will rotate the links through these colors
var colors = new initArray(
"#ffffff",
"#ffffef",
"#ffffdf",
"#ffffcf",
"#ffffbf",
"#ffffaf",
"#ffff9f",
"#ffff8f",
"#ffff7f",
"#ffef7f",
"#ffdf7f",
"#ffcf7f",
"#ffbf7f",
"#ffaf7f",
"#ff9f7f",
"#ff8f7f",
"#ff7f7f",
"#ff7f8f",
"#ff7f9f",
"#ff7faf",
"#ff7fbf",
"#ff7fcf",
"#ff7fdf",
"#ff7fef",
"#ff7fff",
"#ff8fff",
"#ff9fff",
"#ffafff",
"#ffbfff",
"#ffcfff",
"#ffdfff",
"#ffefff");
pause_time = .3; // in seconds
link = 0; // starting color index (in colors array) for unvisited links
vlink = 4; // starting color index (in colors array) for visited links
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
//alert("link "+link+"\r\nvlink "+vlink+"\r\nvlinkColor "+document.vlinkColor);
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance();",pause_time*1000);
}
linkDance();
// -->
</script>
P.S-This has been plagiarised!
<SCRIPT language="javascript">
<!--
function popusers(link) {
popupWin = window.open(link, 'popusers', 'status=1,resizable=1,scrollbars=1,width=165,height=340');
}
// -->
</SCRIPT>
<P align="center">
<link href="javascript:popusers('users.cgi');">Who's On H2G2?</link>
</P>
And for those who are lugging it out with HTML, here's how:
<SCRIPT language="javascript">
<!--
function popusers(link) {
popupWin = window.open(link, 'popusers', 'status=1,resizable=1,scrollbars=1,width=165,height=340');
}
// -->
</SCRIPT>
<P align="center">
<A href="javascript:popusers('users.cgi');">Who's On H2G2?</A>
</P>
For the Quote Generator paste this for GuideML:
<P>
<!--begin whatsthatline random quote generator-->
<TABLE bgcolor="#F7BD0D" width="264" align="center" cellspacing="0" border="0" cellpadding="0">
<TR>
<TD>
<link href="http://www.whatsthatline.com/random/ads.cgi?banner=NonSSI;page=01">
<IMG width="264" src="http://www.whatsthatline.com/random/ads.cgi?page=01" height="74" border="0"></IMG></link>
</TD>
</TR>
<TR>
<TD>
<link href="http://www.h2g2.com/P208441">
<IMG width="264" src="http://www.whatsthatline.com/random/images/logo.jpg" height="20" border="0"></IMG></link>
</TD>
</TR>
</TABLE>
<!--end whatsthatline random quote generator-->
</P>
And for HTML, use this:
<P>
<!--begin whatsthatline random quote generator-->
<TABLE bgcolor="#F7BD0D" width="264" align="center" cellspacing="0" border="0" cellpadding="0">
<TR>
<TD>
<A href="http://www.whatsthatline.com/random/ads.cgi?banner=NonSSI;page=01">
<IMG width="264" src="http://www.whatsthatline.com/random/ads.cgi?page=01" height="74" border="0"></IMG></A>
</TD>
</TR>
<TR>
<TD>
<A href="http://www.h2g2.com/P208441">
<IMG width="264" src="http://www.whatsthatline.com/random/images/logo.jpg" height="20" border="0"></IMG></A>
</TD>
</TR>
</TABLE>
<!--end whatsthatline random quote generator-->
</P>
For the links that change colour when you bring your mouse over them put this in the body for GuideML or the head for HTML.
<STYLE type="text/css">
A:hover {color=#9fff9f !important; text-decoration: none !important}
</STYLE>
If you plan to use the changing colours with the mouse over script, put the changing colours after the mouse over script, or you'll have one hell of a problem!
For the changing colours, put this in the body(for GuideML)and in the head(HTML).
<script language="JavaScript">
<!--
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
// you may fill this colors array with your colors.
// the script will rotate the links through these colors
var colors = new initArray(
"#ffffff",
"#ffffef",
"#ffffdf",
"#ffffcf",
"#ffffbf",
"#ffffaf",
"#ffff9f",
"#ffff8f",
"#ffff7f",
"#ffef7f",
"#ffdf7f",
"#ffcf7f",
"#ffbf7f",
"#ffaf7f",
"#ff9f7f",
"#ff8f7f",
"#ff7f7f",
"#ff7f8f",
"#ff7f9f",
"#ff7faf",
"#ff7fbf",
"#ff7fcf",
"#ff7fdf",
"#ff7fef",
"#ff7fff",
"#ff8fff",
"#ff9fff",
"#ffafff",
"#ffbfff",
"#ffcfff",
"#ffdfff",
"#ffefff");
pause_time = .3; // in seconds
link = 0; // starting color index (in colors array) for unvisited links
vlink = 4; // starting color index (in colors array) for visited links
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
//alert("link "+link+"\r\nvlink "+vlink+"\r\nvlinkColor "+document.vlinkColor);
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance();",pause_time*1000);
}
linkDance();
// -->
</script>
P.S-This has been plagiarised!
