Chris Coen
June 12th, 2003, 06:49 PM
Originally posted by Alex Knappenberger : http://www.freewebs.com/harshmanner/index.htm
Just got done doing the basic layout of that website.
It looks like crap at 800x600 (which amazingly, some people still use).
How does that look on your computer?
What resolution are you at?
Can you see the slight harsh manner logo in the background? (not the one on the main entrance page) The reason I ask this is because some peoples monitors are wayy to dark, and I am wondering if I need to "brighten" (make it less transparent) it up.
There seems to be a bug with the rollover image on the main page too. If you have your mouse over it before the page fully loads, and then move it off the image, you get a red x...eh.
Thanks.
Just checked it out. Looks like the beginnings of good site. You might consider a smaller entry image logo. The way most roll over's work, is once you roll over, the returning image is looking for what's cached. It error's out because the image hasn't completely downloaded yet and it has nothing stored on the local computer to draw the image from. I would probably look at the code, or see if there's different code out there that might work better.
Here's an example script you might try:
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
and in the body tag of your document:
<body onLoad="MM_preloadImages('mainwebsite_html/images/source/button-down.png')">
and finally, in the body of your document:
<a href="www.yourname.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage
'button_name','','mainwebsite_html/images/source/button-
down.png',1)"><img src="mainwebsite_html/images/source/button-up.png"
alt="Button" name="button_name" width="130" height="39"
border="0"></a>
keeping in mind that the filenames and paths would have to be relative to your directory structure.
Will the links on the navigational bars be roll-over's also or static image maps? Even if the letters would change color, it would be a nice effect.
My only advise would be to keep the page design simple and user friendly which is what it appears you have so far.
I could see the watermark just fine. I run at 1024x768, but it looks like your accomidating the 800x600 users quite well. It's always hard designing a site with a black background, but in the long run, I think it makes for a sleaker look. :-)
Again, lookin' good. Can't wait to see the finished product.
~Cheers~
Click Here (www.blueonion.net) for an example of a page I did for our band...