 Help On Css ! |
|
|
|
|
  |
 Jun 30 2005, 06:12 PM
Post
#1
|
|
|
Advanced Member  Group: Members Posts: 118 Joined: 27-March 05 From: Scotland Member No.: 4,954  |
Well Since Someone Told Me That CSS is The "In Thing" Im trying to figure out How to use CSS, I Want To Create My Own CSS File, Not Some Template from OSWD.org
 First Of All, How Do I Make a CSS Template Like EzyRewards.com, the Square Round Silver Boxes, ive made a Banner and a Top Search Bar below the Banner I Done It in Tables, and I Want a More Professional Written Site, Thats Why I Want To Create a CSS File !So is there any Tutorials on CSS or any Pointers etc. Much appreciated if You Help ! Thank You |
 |
 
|
|
Jun 30 2005, 06:23 PM
Post
#2
|
|
|
Moderator Group: Members Posts: 2,325 Joined: 8-March 05 From: Mawson, Antarctica Member No.: 4,254 |
There are a bunch of rounded corner generators out there that you can use. I don't have one on hand right now, but I'm sure Google does. Ask it.
As for where to learn CSS, w3schools is a good place: http://www.w3schools.com/css/default.asp |
|
|
|
|
Jun 30 2005, 06:52 PM
Post
#3
|
|
|
Newbie [Level 2] Group: Members Posts: 27 Joined: 23-June 05 Member No.: 8,585 |
The W3schools is my favorite CSS learning resource, however it is extremely simple, so I can teach you the basics. First of all I recommend that you link to a stylesheet on your website, this saves you lots of time, to link to a stylesheet use this code:
CODE <link rel="stylesheet" type="text/css" href="stylesheetname.css" /> Now to work on that stylesheet, CSS has an extremely simple syntax: CODE selector {property: value} The selector is the name of that part of the stylesheet for instance, body. The property is what attribute you want to change, and the value is how you change it, for example: CODE body {color: #CCCCCC} What I just did was make the body font color grey. Link the stylesheet to the HTML document, as shown above, and the font color will be grey, unless otherwise specified. You can view a full tutorial on CSS at my website's HTML tutorial section www.webmasterforum.buildtolearn.net/index/htmltutorials.html also. |
|
|
|
|
Jul 1 2005, 04:04 AM
Post
#4
|
|
|
Privileged Member Group: [HOSTED] Posts: 936 Joined: 14-April 05 From: West Chester, PA Member No.: 5,636 |
HTMLMaster gave you some good basics and the website linked is wonderful. Basically to make a layout with CSS you use nested divs and span tags that each have either an id or a class name where they get their properties. You can check out my site cause it is done in all CSS. The link is in my sig. If you have any other questions feel free to PM me or something.
|
|
|
|
|
Jul 1 2005, 05:04 AM
Post
#5
|
|
|
Group: Members Posts: 1,161 Joined: 9-May 05 From: Brisbane, QLD Member No.: 6,818 |
Some more excellent CSS resources:
A List Apart Position is Everything Listamatic Stu's Site Zeldman.com Simplebits HTML Dog And to be inspired by the possibilities of CSS: CSS Zen Garden |
|
|
|
|
Jul 5 2005, 05:50 PM
Post
#6
|
|
|
Super Member Group: Members Posts: 309 Joined: 8-March 05 Member No.: 4,273 |
here's a quite basic CSS tutorial that i found very useful as it is so simple and well worded
|
|
|
|
|
Jul 5 2005, 05:53 PM
Post
#7
|
|
|
Super Member Group: Members Posts: 309 Joined: 8-March 05 Member No.: 4,273 |
|
|
|
|
|
Jul 5 2005, 11:25 PM
Post
#8
|
|
|
$p4m 0n j00 $h4m3 m3 0nc3 $p4m 0n m3 $h4m3 m3 7\/\/1c3 Group: [HOSTED] Posts: 6,561 Joined: 21-September 04 From: 9r33|\| 399$ 4|\|D 5P4/\/\ Member No.: 1,218  |
another good suggestion would be get templates that come with css and see how it works you can't really code css unlss you have an understanding of how it works.
|
|
|
|
|
Jul 6 2005, 12:39 AM
Post
#9
|
|
|
Trap Grand Marshal Member Group: [HOSTED] Posts: 1,136 Joined: 19-May 05 From: Mexico Member No.: 7,234 |
Hey, I have this really cool web page of a European girl named Verlee. Actually its her blog I think. You can find her web page on the following link: Verlees blog
Anyway, on her page there is an 8 step tutorial on how to make a complete web page without any tables. Dont worry about thinking that 8 steps will take you forever it really wont. The first three or four are about the graphics, and you can download them if you dont have time to do them. It took me about 3 hours to complete the eight step tutorial, and at the end she has a pdf file with a lot of links to css resources. I really recommend you take this tutorial its a really good way to start learning css, because she explains everything with so much detail that it will be hard to not understand. Good Luck |