Professional Stylesheet Examples

[Allan]

Hello,

I have taken over a webpage, and have no idea how to work with
stylesheets, and won't be able to learn ;-(.

Does anyone have any good examples, which I can just cut and paste over
my stylesheet, so that my website looks really professional.

Here is the stylesheet which I have at the moment:
a:link {
color: #A62858;
text-decoration: none;
}

a:visited {
color: #A62858;
text-decoration: none;
}

a:active {
color: #A62858;
text-decoration: none;
}

a:hover {
background: #A73969;
color: white;
}

body
{
background: white;
}

..menu
{
background: white;
}

..banner
{
background: #white;
}

table
{
border-style: inset;
border-color: white;
}

th
{
font-size: x-small;
font-weight: bolder;
text-align: center;
color: black;
background: white;
}

tr
{
background: #d8d8d8;
font-size: x-small;
}

..layout
{
background: white;
border-style: none;
}

..errmsg
{
color: red;
font-weight: bolder;
}

..success
{
color: green;
font-weight: bolder;
}

The "red" is not nice, and the tables don't look very good.


Many many thanks,
Allan

[Andy Dingley]

On 8 May 2005 12:29:20 -0700, "Allan" <al*********@ntlworld.com> wrote:

I have taken over a webpage, and have no idea how to work with
stylesheets, and won't be able to learn ;-(.
Don;t worry, that isn't a stylesheet - it's just some ugly snippets
thrown together over about 5 minutes.

You should learn CSS. It's not hard to begin to get a start on it, such
that you can modify the basics of an existing site. I recommend this
book, not because it's the most detailed, but because it's very readable
for beginners.

Lie & Bos "Cascading Style Sheets"
<http://www.amazon.co.uk/exec/obidos/ASIN/0201596253/codesmiths>

There's what looks like a new edition too - I haven't read it yet, but
it might be a better buy (anyone read it yet ?)
<http://www.amazon.co.uk/exec/obidos/ASIN/0321193121/codesmiths>
Does anyone have any good examples, which I can just cut and paste over
my stylesheet, so that my website looks really professional.

No. That would require a site that was designed to _use_ a good
stylesheet. There's a certain level of "tie-in" you have to arrange.
This can be as simple as labelling the chunk in the middle as
"body-text" and the nav menu as "nav-menu", but you have to do a little
of this.

Find some well-designed CSS that you like, then re-factor your site's
HTML to make use of it (mostly by adding class attributes in a few
places)

Some sites you might find useful (plenty of others too)
http://www.bluerobot.com/web/layouts/
http://csszengarden.com
http://www.meyerweb.com/

It would also help if you told us what the site URL was

--
Cats have nine lives, which is why they rarely post to Usenet.

[Safalra]

Allan wrote:

I have taken over a webpage, and have no idea how to work with
stylesheets, and won't be able to learn ;-(.

Does anyone have any good examples, which I can just cut and paste over my stylesheet, so that my website looks really professional.

It's far better to learn CSS (and CSS is very easy to learn compared to
HTML), but if you really don't want to learn it, then you can use one
of the W3C's 'Core Styles':

http://www.w3.org/StyleSheets/Core/

--
Safalra (Stephen Morley)
http://www.safalra.com/hypertext/

[Tim]

On 8 May 2005 12:29:20 -0700,
"Allan" <al*********@ntlworld.com> posted:

I have taken over a webpage, and have no idea how to work with
stylesheets, and won't be able to learn ;-(.

Then there's no point in asking. If you're not prepared to learn, then be
prepared to pay someone to do your work for you.

I frequently hear people saying they don't need to understand how to do
something, they just need to get *this* thing done. (And they'll go on
needing to do something, with no idea what they're doing, never learning
how to do it for themselves, for the rest of their life.) That's
attitude's an instant fail as far as I'm concerned.

--
If you insist on e-mailing me, use the reply-to address (it's real but
temporary). But please reply to the group, like you're supposed to.

This message was sent without a virus, please delete some files yourself.

[Ugin Nekoz]

A> I have taken over a webpage, and have no idea how to work with
A> stylesheets, and won't be able to learn ;-(.

Than don't use them :)

A> Does anyone have any good examples, which I can just cut and paste over
A> my stylesheet, so that my website looks really professional.

We have to see your page before give you some examples.
A> a:link {
A> color: #A62858;
A> text-decoration: none;
A> }

A> a:visited {
A> color: #A62858;
A> text-decoration: none;
A> }

A> a:active {
A> color: #A62858;
A> text-decoration: none;
A> }

A> a:hover {
A> background: #A73969;
A> color: white;
A> }

Put a:active after a:hover.
'white' is equivalent to #FFF

A> body
A> {
A> background: white;
A> }

A> .menu
A> {
A> background: white;
A> }

A> .banner
A> {
A> background: #white;
A> }

A> table
A> {
A> border-style: inset;
A> border-color: white;
A> }

A> th
A> {
A> font-size: x-small;
A> font-weight: bolder;
A> text-align: center;
A> color: black;
A> background: white;
A> }

'black' is equivalent to #000

A> tr
A> {
A> background: #d8d8d8;
A> font-size: x-small;
A> }

A> .layout
A> {
A> background: white;
A> border-style: none;
A> }

A> .errmsg
A> {
A> color: red;
A> font-weight: bolder;
A> }

'red' is equivalent to #F00

A> .success
A> {
A> color: green;
A> font-weight: bolder;
A> }

A> The "red" is not nice, and the tables don't look very good.

And why does she need to look 'very good'? All she needs €€ work very
good.

Best way to change all your 'red','green' etc. colors is get some graphic
program that can work with RGB colors. I use Adobe Photoshop.

.... mini7 Design & Internet Solutions