|
Pages: [1] 2
|
 |
|
Author
|
Topic: Introduction to CSS (Read 1517 times)
|
gbaynes
RootsChat Member
 Offline
Posts: 123
|
There is a very good website which demonstrates what CSS is capable of.
http://www.csszengarden.com/?cssfile=/177/177.css&page=0
On that page is a list of CSS files. Click on one and the CSS file is loaded and it controls how the page looks.
There are loads of CSS files to view and they may give you ideas for your own sites.
As you will see the different CSS files give totally different looks to the page. (The HTML file is the same for every CSS file) All the changes you see are the result of the CSS file.
That page is just a demonstration of what can be done. Most people just use CSS to give all their pages the same "corporate identity".
|
|
|
|
|
Logged
|
|
|
|
Keith Bateman
RootsChat Marquessate
Offline
Posts: 3830
.....The Cheshire Cat
|
You and Zeb are really getting me at it 
What smashing looking websites.
Right - so all I do is........................
Not just yet. 
Cheers
Keith
|
|
|
|
|
Logged
|
|
|
|
|
|
Keith Bateman
RootsChat Marquessate
Offline
Posts: 3830
.....The Cheshire Cat
|
Would be different to your usual Family History Site though wouldn't it!!
And that's my 2 pennies worth 
Keith
|
|
|
|
|
Logged
|
|
|
|
Paul E
Guest
|
Even without using CSS, there's some great inspiration in the example sites.
Maybe I'll have to save CSS for my next decade's learning programme though!
cheers
Paul
|
|
|
|
|
Logged
|
|
|
|
Berlin-Bob
Global Moderator
RootsChat Marquessate
Offline
Posts: 5064
by My Daughter. Chatting to find her Roots !
|
I'm also a big fan of CSS.
Most people just use CSS to give all their pages the same "corporate identity". Well, that's what I did for the SIT and the "1901 leftovers" sites - used the RootsChat CSS file to give them a RootsChat "look and feel". Still need to change them to the new RootsChat "look", but that's mainly changing the CSS files rather than the texts.
On my web site I went one step further:
I use different CSS files on my website, so that I can use the same files HTML file for the screen and printer presentation. You can see the results (only he beginning of the home page so far, I'm still working on it) on my site, by comparing the screen version with the "print preview"
And by editing a few lines in the CSS files I can also produce the "family" versions (for my hypertext book, which I burn onto CD), with lots of private info, which doesn't show on the web !
Very much to be recommended - but you need to know your way around HTML to get the best advantages.
Bob
|
|
|
|
|
Logged
|
Searching for Coleman, Moore, Kallnung in London; Margulies, Remenyi in E. Europe; Ancestors of Hessie Stevenson-Coleman-Baxter (Ireland, 1861) and, of course, any other ancestors for my web-site http://boco.rootschat.net All Census Data included in this post is Crown Copyright (see: www.nationalarchives.gov.uk) |
|
|
|
|
kerryb
RootsChat Marquessate
Offline
Posts: 9207
|
I bought myself a book - HTML Utopia: Designing without tables Using CSS a couple of months ago to teach myself CSS. I was so impressed with the websites that use and the concept.
One day I might get time to read the book!!
Kerry
|
|
|
|
|
Logged
|
Census information Crown Copyright, from www.nationalarchives.gov.ukSearching for my family - Baldwin - Sussex, Middlesex, Cork, Pilbeam - Sussex, Harmer - Sussex, Terry - Surrey, Kent, Rhoades - Lincs, Roffey - Surrey, Traies - Devon & Middlesex & many many more to be found on my website .... www.kerrysfamilyhistory.co.uk |
|
|
Keith Bateman
RootsChat Marquessate
Offline
Posts: 3830
.....The Cheshire Cat
|
You get worse Kerry!!
Hope the Bird Flu doesn't reach your chicken fatteners in Sussex!
Keith
P.S. When you have read the book - you could always write a "How To" explanation for the rest of us!!
|
|
|
|
|
Logged
|
|
|
|
|
|
kerryb
RootsChat Marquessate
Offline
Posts: 9207
|
You get worse Kerry!! Hope the Bird Flu doesn't reach your chicken fatteners in Sussex! Keith P.S. When you have read the book - you could always write a "How To" explanation for the rest of us!!
Thanks Keith, I was hoping to remain anonymous throughout Bird flu but no you had to go and remember about the Chicken Fatteners.!!!!!!
The email last night prompted me to get the book out and think about going through it. Any useful tips I will most certainly pass on!
Kerry
|
|
|
|
|
Logged
|
Census information Crown Copyright, from www.nationalarchives.gov.ukSearching for my family - Baldwin - Sussex, Middlesex, Cork, Pilbeam - Sussex, Harmer - Sussex, Terry - Surrey, Kent, Rhoades - Lincs, Roffey - Surrey, Traies - Devon & Middlesex & many many more to be found on my website .... www.kerrysfamilyhistory.co.uk |
|
|
Berlin-Bob
Global Moderator
RootsChat Marquessate
Offline
Posts: 5064
by My Daughter. Chatting to find her Roots !
|
Hi Kerry,
The email last night prompted me to get the book out and think about going through it. Any useful tips I will most certainly pass on!
Great !!!
One small tip, though, for some of the more fanciful bits: keep an eye out for sentences like ".. but many browsers do not support this function yet" or similar formulations 
The ideas in CSS are running ahead of the browser implementations,
- I've tried several things because they looked good on paper, but then found that the browser couldn't handle it.
Have fun !
Bob
|
|
|
|
|
Logged
|
Searching for Coleman, Moore, Kallnung in London; Margulies, Remenyi in E. Europe; Ancestors of Hessie Stevenson-Coleman-Baxter (Ireland, 1861) and, of course, any other ancestors for my web-site http://boco.rootschat.net All Census Data included in this post is Crown Copyright (see: www.nationalarchives.gov.uk) |
|
|
kerryb
RootsChat Marquessate
Offline
Posts: 9207
|
Bob
Yes the joys of using Firefox, for all its usefulness, somethings are still not compatible! I will beware!!!
Kerry 
|
|
|
|
|
Logged
|
Census information Crown Copyright, from www.nationalarchives.gov.ukSearching for my family - Baldwin - Sussex, Middlesex, Cork, Pilbeam - Sussex, Harmer - Sussex, Terry - Surrey, Kent, Rhoades - Lincs, Roffey - Surrey, Traies - Devon & Middlesex & many many more to be found on my website .... www.kerrysfamilyhistory.co.uk |
|
|
Headbanger Veron
RootsChat Veteran
Offline
Posts: 540
My remarkable Mum 1917-2006
|
Hi
I've been using a site called
http://www.htmldog.com
which not only has basic, intermediate and advanced tutorials in html and css but a comprehensive list of html tags and css properties, with clear explanations. It also tells you which browsers won't do what. I've been using it for all the web pages I've written so far and I found it really straghtforward. It's a bit sniffy about anyone who doesn't use CSS but that's a small price to pay.
Having been taught 10 minutes worth of html in August by my son, everything else I've done has been courtesy of this site (shameless plug coming up - look at my new website http://veronspeople.rootschat.net/) so if I can do it, there's hope for anyone.
Cheers
Veron
|
|
|
|
|
Logged
|
All census information is Crown Copyright, from www.nationalarchives.gov.ukCurrently researching: ABRAHAMS (Essex/Woolwich), CARPENTER (Kent) CLEMENTS (London), CRADDOCK (Sheerness) HORTON (Birmingham) MUNCASTER (Whitehaven then Manchester, Scotland, Suffolk and Canada!) TANCOCK (Devon/Cornwall), WILSON (Edinburgh) among others..... |
|
|
Paul E
Guest
|
Looks great, Vernon! Looking forward to watching its progress in the weeks and months ahead!
cheers
Paul
Added Later
Thanks are due to Bob for pointing out I need new specs, and apols to Veron!
|
|
|
|
|
Logged
|
|
|
|
|
Pages: [1] 2
|
|
|
|
|
