Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations wOOdy-Soft on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Launched our new site redesign... 3

Status
Not open for further replies.
MikeBarone

MikeBarone

Programmer
Mar 1, 2001
354
US
Posted in different thread but it is not getting very many responses, this seems to be the better thread.


Please be brutally honest.

There are a couple Netscape oddities that have to be worked out with table cell colors but what else is new.

Thanks again! Mike Barone
FREE CGI/Perl Scripts & JavaScript Generators
Ace PopUp Generator Software - Totally FREE
 
Sort by date Sort by votes
Very polished appearance! Nice mix of abstract logo with high tech pillar/column menu bar. I have a suggestion though... I don't think it's a brutal one... I'd move the "search site..." text box over a little to the left, it might look better to line up the right side of this box with the light-grey graphic below it that has CGIScript.net on it. Then maybe put the "Go" button closer beside it on the blue because it's almost hidden where it's at now. No doubt it would need more contrast. I guess I'm going to go after this whole line... because beside the "Go" button, the "Visit Store" et al links are almost too plain. I didn't see them until I had thoroughly looked-over the page. But, as I said at the outset, it's definitely very polished as it is. %-)
OK, Who stopped payment on my reality check?
 
Upvote 0 Downvote
Hello Mike
I bookmarked it
and for a few $ next time I change a shopping cart on sites
I will ask for help
in the CGI/perl area

great site

Henry
 
Upvote 0 Downvote
Ever considering doing a css redesign? They are quite neat.

Kind of like mine here:


Also check it out in Netscape 4.x. Pretty, no? ===
Supports Mozilla and Web Standards
Knows HTML/XHTML, CSS1, JavaScript, PHP, C++, DOM1
===
 
Upvote 0 Downvote
Of course they are using Netscape 4.

Looks nice in a CSS supporting browser though -- Mozilla, Netscape 6.x, Internet Explorer 5+, Galeon, Opera 5+...

But go ask anyone using lynx how looking at that site compares to a conventional table based layout.

I thought it looked pretty good in netscape 4 actually.

For other neat css layouts check out ===
Supports Mozilla and Web Standards
Knows HTML/XHTML, CSS1, JavaScript, PHP, C++, DOM1
===
 
Upvote 0 Downvote
The site does look nice though. =) ===
Supports Mozilla and Web Standards
Knows HTML/XHTML, CSS1, JavaScript, PHP, C++, DOM1
===
 
Upvote 0 Downvote
Hi Mike,

In my modest opinion, I think you should move the search
site box over to the left so it is aligned with the rest
of the menu, and the go button should be where the leds
of the menu are. Also the five buttons at the top with the
mouseover effect (ie.: HOME, EMAIL, ORDER, FAQ, HELP)
go from a green led to a red led. I think it should go
from a dark green to a light green led, because from a
psychological point of view red means "NO" and you want
your users to click them, right. If you make them in that
way the transition also looks more natural. Furthermore,
I would have given the logo at the bottom of the menu a
pixel or 6 more space at the top and bottom. I think that
the background of the information area should a light gray,
hyperlink colors are wrong: I would use this:

Code: 
<style>
a:hover{color: teal};
</style>

<body bgcolor=&quot;silver&quot; link=&quot;green&quot; alink=&quot;teal&quot; vlink=&quot;green&quot;>

But hey, that's just my opinion ;-)

BobbaFet
Everyone has a right to my opinion.
E-mail me at cwcon@programmer.net
 
Upvote 0 Downvote
hey mike, looks pretty good...personally i think it would look better if the links faded on rollover...try this javascript:

Code: 
<script language=&quot;javascript&quot;>
fadeColor = &quot;#FF0000&quot;;
stepIn = 30;
stepOut = 30; 
autoFade = true;  
sloppyClass = true;
macCompat = false;

hexa = new makearray(16);
for(var i = 0; i < 10; i++) {
   hexa[i] = i;
	hexa[10]=&quot;a&quot;; hexa[11]=&quot;b&quot;; hexa[12]=&quot;c&quot;;
	hexa[13]=&quot;d&quot;; hexa[14]=&quot;e&quot;; hexa[15]=&quot;f&quot;;
}
document.onmouseover = domouseover;
document.onmouseout = domouseout;

fadeColor = dehexize(fadeColor.toLowerCase());

var fadeId = new Array();

function dehexize(Color){
	var colorArr = new makearray(3);
	for (i=1; i<7; i++){
		for (j=0; j<16; j++){
			if (Color.charAt(i) == hexa[j]){
				if (i%2 !=0) {
					colorArr[Math.floor((i-1)/2)]=eval(j)*16;
				} else {
					colorArr[Math.floor((i-1)/2)]+=eval(j);
				}
			}
		}
	}
	return colorArr;
}

function domouseover() {
	if(document.all){
		var srcElement = event.srcElement;
		if ((srcElement.tagName == &quot;A&quot; && autoFade && srcElement.className != &quot;nofade&quot;) || srcElement.className == &quot;fade&quot; || (sloppyClass && srcElement.className.indexOf(&quot;fade&quot;) != -1)) {
				if (!srcElement.startColor) {
					srcElement.startColor = (srcElement.style.color)? srcElement.style.color: srcElement.currentStyle.color;
					srcElement.startColor = dehexize(srcElement.startColor.toLowerCase());
				}
				var link = (macCompat? srcElement.name: srcElement.uniqueID);
				if (link) fade(srcElement.startColor,fadeColor,link,stepIn);				
			}
	}
}

function domouseout() {
	if (document.all){
		var srcElement = event.srcElement;
		if ((srcElement.tagName == &quot;A&quot; && autoFade && srcElement.className != &quot;nofade&quot;) || srcElement.className == &quot;fade&quot; || (sloppyClass && srcElement.className.indexOf(&quot;fade&quot;) != -1)) {
			var link = (macCompat? srcElement.name: srcElement.uniqueID);
			if (link) fade(fadeColor,srcElement.startColor,link,stepIn);
		}
	}
}

function makearray(n) {
    this.length = n;
    for(var i = 1; i <= n; i++)
        this[i] = 0;
    return this;
}

function hex(i) {
    if (i < 0)
        return &quot;00&quot;;
    else if (i > 255)
        return &quot;ff&quot;;
    else
       return &quot;&quot; + hexa[Math.floor(i/16)] + hexa[i%16];
}

function setColor(r, g, b, element) {
      var hr = hex(r); var hg = hex(g); var hb = hex(b);
      element.style.color = &quot;#&quot;+hr+hg+hb;
}

function fade(s,e,element,step) {
	var sr = s[0]; var sg = s[1]; var sb = s[2];
	var er = e[0]; var eg = e[1]; var eb = e[2];
	
	if (fadeId[0] != null && fade[0] != element && eval(fadeId[0])) {
		var orig = eval(fadeId[0]);
		setColor(orig.startColor[0],orig.startColor[1],orig.startColor[2],orig);
		var i = 1;
		while(i < fadeId.length) {
			clearTimeout(fadeId[i]);
			i++;
		}
	}
		
	for(var i = 0; i <= step; i++) {
		fadeId[i+1] = setTimeout(&quot;setColor(Math.floor(&quot; +sr+ &quot; *(( &quot; +step+ &quot; - &quot; +i+ &quot; )/ &quot; +step+ &quot; ) + &quot; +er+ &quot; * (&quot; +i+ &quot;/&quot; +
			step+ &quot;)),Math.floor(&quot; +sg+ &quot; * (( &quot; +step+ &quot; - &quot; +i+ &quot; )/ &quot; +step+ &quot; ) + &quot; +eg+ &quot; * (&quot; +i+ &quot;/&quot; +step+
			&quot;)),Math.floor(&quot; +sb+ &quot; * ((&quot; +step+ &quot;-&quot; +i+ &quot;)/&quot; +step+ &quot;) + &quot; +eb+ &quot; * (&quot; +i+ &quot;/&quot; +step+ &quot;)),&quot;+element+&quot;);&quot;,i*step);
	}
	fadeId[0] = element;
}
</script>

all you have to do is put this in and take the a:hover{} out of your css...give it a try -Greg :-Q
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

pendle666
  • Locked
  • Question
new website renders fine in IE/Edge but not in Chrome - test site was fine
Replies
2
Views
290
pendle666
pendle666
tyutghf
  • Locked
  • Question
Adding Schema to our website
Replies
2
Views
210
spamjim
spamjim
c0deM0nK424
  • Locked
  • Question
Mozilla Firefox Style - New Tab Controls - Thumbnail Images for 'recent websites' viewed ?
Replies
3
Views
327
ChrisHirst
ChrisHirst
kjv1611
  • Locked
  • Question
How Can I Know This Site Doesn't &quot;Phone Home&quot;? 2
Replies
9
Views
353
spamjim
spamjim
ember1205
  • Locked
  • Question
Form submit, specific controls needed (3rd party site, blank window, message, etc.)
Replies
1
Views
167
ember1205
ember1205

Part and Inventory Search

Sponsor

Back
Top