Your Announcements

Website redesign – Briant

Briant

Member

Posts: 742
From: Stony Plain, Alberta, Canada
Registered: 01-20-2001
Hi,

I've started redesigning my website to make it look a bit more professional. It's not finished yet, but well on it's way. I'd be interested in knowing what you all think.

http://www.tegart.com/software

Thanks,
Brian

Mack

Administrator

Posts: 2779
From:
Registered: 01-20-2001
Gr vy!

[This message has been edited by Mack (edited June 09, 2001).]

Revelator

Member

Posts: 226
From: Sydney, NSW, Australia
Registered: 03-22-2001
Lookin good.

Your Splash screen takes a while to load (Nice looking animated gif file, but I know some people really hate splash screens)

Your Left Hand Side Frame needs to match your Top Frame, (but I bet you are alread working on that). In fact, you might think of throwing out the LHS frame, since it only reduplicates the link buttons in the top frame.

I really like the look of the navigation frame up top and how the icon changes when there is a mouseover on the button (I don't know how you did that one)

Dark blue in text is very hard to see on low quality screens.


I don't like being critical on websites, but I know you want some feedback, and these might be some ideas. (Please don't look up my website to criticise it, because there is a lot wrong with mine.)

Keep it up!

Revelator!

------------------

www.revelatorgames.com

Briant

Member

Posts: 742
From: Stony Plain, Alberta, Canada
Registered: 01-20-2001
Thanks Revelator for the constructive criticism. I don't mind at all, it only helps me make it better.
rowanseymour

Member

Posts: 284
From: Belfast, Northern Ireland
Registered: 02-10-2001
How about changing the font from the default Times New Roman to something else. One line of CSS would do it. I guess it's personal opinion but I do think something like Verdana looks more professional.

------------------

Briant

Member

Posts: 742
From: Stony Plain, Alberta, Canada
Registered: 01-20-2001
Hi Rowan,

I actually wanted to change the font. But I don't know anything about style sheets. Can you give a quick tutorial?

Brian

rowanseymour

Member

Posts: 284
From: Belfast, Northern Ireland
Registered: 02-10-2001
I was actually thinking of writing a CSS tutorial but until I do, I hope the following will help.

You have 2 options. Either include style sheet definitions in every page between <STYLE> tags in the header, or include an external CSS file. On my own homepage I use an external style sheet so I can completely change the look of the site without touching any HTML.

Putting the following in the <HEAD> section will import a CSS file called main.css (http://rowanseymour.members.beeb.net/main.css - best viewed in notepad)

<LINK HREF="main.css" REL="stylesheet" MEDIA="screen" TYPE="text/css">

A typical CSS statement has the following form:

HTML-TAG { selector: value; selector: value; ... }

eg.

P {
font-family: "Verdana, Arial, Helvetica, sans-serif";
font-size: x-small;
color: #111111;
}

Tells the browser that all <P> elements in the page should be displayed with Verdana, at size x-small, in color #111111.

Strangely text in table cells does not inherit thse properties so <TD> and <TH> should be included as well:

td, th {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #111111;
background-color: #BBCCDD
}

Take a look at my CSS file or if you have Dreamweaver 3+ try its CSS functions. Good luck .

------------------

[This message has been edited by rowanseymour (edited June 10, 2001).]

rowanseymour

Member

Posts: 284
From: Belfast, Northern Ireland
Registered: 02-10-2001
http://www.zvon.org/xxl/css1Reference/Output/index.html is a really good CSS reference.

Btw, one of the coolest thing CSS does is

A:hover {
color: #1111FF;
}

A:hover is what is known as a pseudo-class of <a>. Gives links a mouse over color.

------------------