Print Page - 404.shtml

Title: 404.shtml
Post by: Blacklord on August 05, 2009, 10:18 PM

I got bored... so I started playing with a custom 404 error page (here's the results, this page doesn't exist so it'll generate the error - http://www.commodore128.org/~cbm (http://www.commodore128.org/~cbm))

Anyone wanna fiddle with this for me to display the green & black borders & screen ? Oh yeah, the blinking cursor is a '#', but I'd really like to have a flashing block cursor. And the correct font would be nice too :)

Here's the code:

Code Select

<HTML>
<HEAD>
    <TITLE>C128</TITLE>
    </HEAD>
  <BODY>
<BR><BR>
<DIV ALIGN=CENTER>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><TD>
<PRE><CODE><B>                                        
 COMMODORE BASIC V7.0 122365 BYTES FREE
   (C)1986 COMMODORE ELECTRONICS, LTD.
         (C)1977 MICROSOFT CORP.
           ALL RIGHTS RESERVED
 	
READY.
LOAD "404.shtml",8,1

SEARCHING FOR 404.shtml
?FILE NOT FOUND ERROR
READY.
<BLINK>#</BLINK>













</CODE>
</PRE>
</TD></TR></TABLE>

</TABLE>
</BODY>
</HTML>

Title: Re: 404.shtml
Post by: xlar54 on August 10, 2009, 12:29 AM

Well, I stayed with the VDC rather than the crummy 40-column screen (god i hate those colors), but maybe this will be ok:

Code Select


<HTML>
<HEAD>
    <TITLE>C128</TITLE>
</HEAD>
<BODY>

<Style>

body
{
	text-align: center;
	color:cyan;
}


#content {

	background-color:black;
	height=500px;
	width=800px;
	margin-left:200;
	margin-right:260;
}

#cursor {
	position:relative;
	top:-17px;
	left:0px;
	background-color:cyan;
	width:8px;
	height:14px;
}

</Style>

<script type="text/javascript">
var i = 1,timer;
window.onload=function() {
timer = setInterval('blink()', 500);
}
function blink() {

        if (i == 1) { 
              document.getElementById('cursor').style.backgroundColor = 'black';
        } 
	else {
              document.getElementById('cursor').style.backgroundColor = 'cyan';
        }

	i  ;
	if (i == 3) i = 1;

}
</script>

<BR><BR>
<DIV id="content">
<BR>
<div style="text-align:left;padding-left:90px;">
<PRE>
<CODE>
<B>                                       
                     COMMODORE BASIC V7.0 122365 BYTES FREE
                       (C)1986 COMMODORE ELECTRONICS, LTD.
                             (C)1977 MICROSOFT CORP.
                               ALL RIGHTS RESERVED
    
READY.
LOAD "404.shtml",8,1

SEARCHING FOR 404.shtml
?FILE NOT FOUND ERROR
READY.
<BLINK>
<div id='cursor'></div>
</BLINK>
</pre>
<br><br><br><br><br><br><br><br><br><br><br>
</div>
</div>

Title: Re: 404.shtml
Post by: Blacklord on August 10, 2009, 06:10 AM

Pretty good - except the cursor (in Firefox at least) flashes once then disappears :-[

Title: Re: 404.shtml
Post by: Pinacolada on August 10, 2009, 09:16 AM

Why not just use an animated GIF for the cursor?

Title: Re: 404.shtml
Post by: Blacklord on August 10, 2009, 10:48 AM

Quote from: Pinacolada on August 10, 2009, 09:16 AM
Why not just use an animated GIF for the cursor?

True

Title: Re: 404.shtml
Post by: BigDumbDinosaur on August 10, 2009, 11:07 AM

Cool!

Now all you have to do is add some disk drive head-banging noises. :)

Title: Re: 404.shtml
Post by: Blacklord on August 10, 2009, 11:49 AM

Quote from: BigDumbDinosaur on August 10, 2009, 11:07 AM
Cool!

Now all you have to do is add some disk drive head-banging noises. :)

Actually......... not a bad idea :)

Title: Re: 404.shtml
Post by: Andrew Wiskow on August 22, 2009, 02:13 PM

I just saw this today... Very nice! :D

Title: Re: 404.shtml
Post by: xlar54 on August 23, 2009, 04:35 PM

Loss of blinking cursor: I think that is fixed if you find the following:

i ;
if (i == 3) i = 1;

And replace with:

i++ ;
if (i == 3) i = 1;

Doing all that by memory - not tested, but try it and see.

Thanks
X

Title: Re: 404.shtml
Post by: Blacklord on August 23, 2009, 06:34 PM

Perfect !

Commodore 128 Alive!

General => General chat => Topic started by: Blacklord on August 05, 2009, 10:18 PM