Main Content

Updates
To Do List
You
Health and Beauty
Reads
Jenni
Quizzes
Tutorials
The Domain
Dollmakers
Link Star-Girl.org
Question?
Plug Your Site
Index/Blog

Extra

Change The Skin
Jenni Fanlisting
Star-Girl.org Fanlisting
Webdesign Question?
Report An Error
MT Blog Archives
Nov-Apr 04 Archives
Feb-Nov 03 Archives

Sites and Projects

Shining Top Sites
Creme De La Femme
Starshine Boards
Starstruck Zine

Starshine.la Login

Username

Password



Linkage




Etc.

refreshes today
Typical CSS code for a site


Okay by now you should have grasped the basics of CSS if you didn't know them already. If this is the first or second tutorial you've looked at in my CSS section and you're a beginner, you may want to go back and have a look through some of the others to familiarise yourself with CSS before you begin this tutorial.

1. Copy this code and paste into Notepad:



2. It's an example of the full CSS code you might find on a typical site. It goes between the HEAD tags on your page. The only thing you have to change is the 7th line; change BACKGROUND.gif to the actual name of your background, or if you don't have an image background, remove that line altogether.
3. The rest of the code is basically trial and improvement - mess around until you get something you're happy with. You can look at my 'Text', 'Link Effects', 'Scrollbar Effects' and 'Bullet Points' tutorial to get some idea of the things you have to change.
4. Now you can use your CSS to create an external style sheet for your site. This is really useful, because if you change just one page all your other pages will change too :) Click here and begin from step 4.

Back | Forward

Advertised

Your Site Here?






All content and design is © Jennifer Brown 2005, unless otherwise stated. Please click *here* for more information.