• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

Critique my website

Page 3 - Seeking answers? Join the AnandTech community: where nearly half-a-million members share solutions and discuss the latest tech.
Originally posted by: dquan97
Originally posted by: MeanMeosh
Originally posted by: dquan97
ok, I tried everything to get the rollovers to work properly. See my test site. It still lags...

I have Dixiesys as my webhost.
Click to expand...

may i suggest loading those images when the webpage loads for the firstime? cant remember the exact tags, but i've used it before... this way, there's not even the slightest lag time for onmouseovers
Click to expand...

I've used three different way to preload the images, but they all had the same lag effect. Could the image size of 5KB be the reason? ( I dont think so)
Click to expand...


Here, I will give you the Macromedia Dreamweaver script which will work:

----------------------------------------------
Put this in the <head> section:

<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.0
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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

----------------------------------------------
Add the following to your <body> tag, replacing the fil:
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" ONLOAD="MM_preloadImages('off.gif')">

----------------------------------------------
And here is an example of what a link should look like:

<A HREF="#" ONMOUSEOUT="MM_swapImgRestore()" ONMOUSEOVER="MM_swapImage('Image1','on.gif','off.gif',1)"><IMG NAME="Image1" BORDER="0" SRC="on.gif" WIDTH="153" HEIGHT="18"></A>
 
go into reply/quote mode to get the correct code, stupid [.I] is causing the whole thing to go into italics, i dont feel like going through and cleaning it up
 
Originally posted by: maladroit
go into reply/quote mode to get the correct code, stupid [.I] is causing the whole thing to go into italics, i dont feel like going through and cleaning it up
Click to expand...

i'll try that code when I get home from work...
 
Why is there that little text above the site name in your logo image? I can see it, but I can't read it.

Overall thought, it's a nice layout. Much better than your old site. 🙂
 
I think it is looking really good. I have to echo someones comments about the links. I didn't realize they were links at first. Underline, bold, different color, put a » after it, just something. Also, about the nav images, they shouldn't be that big - I pulled one down and saved it out using Photoshop, and it was 1k.
 
Originally posted by: DeafeningSilence
Why is there that little text above the site name in your logo image? I can see it, but I can't read it.

Overall thought, it's a nice layout. Much better than your old site. 🙂
Click to expand...

thanks for the affirmation! The little text is just gibberish... = )
 
Originally posted by: maladroit
Originally posted by: dquan97
Originally posted by: MeanMeosh
Originally posted by: dquan97
ok, I tried everything to get the rollovers to work properly. See my test site. It still lags...

I have Dixiesys as my webhost.
Click to expand...

may i suggest loading those images when the webpage loads for the firstime? cant remember the exact tags, but i've used it before... this way, there's not even the slightest lag time for onmouseovers
Click to expand...

I've used three different way to preload the images, but they all had the same lag effect. Could the image size of 5KB be the reason? ( I dont think so)
Click to expand...


Here, I will give you the Macromedia Dreamweaver script which will work:

----------------------------------------------
Put this in the <head> section:

<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.0
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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

----------------------------------------------
Add the following to your <body> tag, replacing the fil:
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" ONLOAD="MM_preloadImages('off.gif')">

----------------------------------------------
And here is an example of what a link should look like:

<A HREF="#" ONMOUSEOUT="MM_swapImgRestore()" ONMOUSEOVER="MM_swapImage('Image1','on.gif','off.gif',1)"><IMG NAME="Image1" BORDER="0" SRC="on.gif" WIDTH="153" HEIGHT="18"></A>
Click to expand...


Didn't work. Test #4
 
I know it has been a while, but I finally got the rollovers to work! All I did was change hosts from Dixiesys to AddAction.

Time to put some content in!
 
You must log in or register to reply here.

TRENDING THREADS

Back
Top