Web Design - Cascading Style Sheets.

Sponsor This Site!

Sponsorship Details - miniTutorials is taking enquiries into various Sponsorship opportunities. Available NOW! Read More on our Sponsorship page.

Discussion Forums

For expert help and advice on any of our Tutorials or anything else .... visit the forums and ask away!!

Last Five Posts :-

Warning: include() [function.include]: open_basedir restriction in effect. File(/var/virtual/web/w1785/cgi-bin/db.php) is not within the allowed path(s): (/var/kunden/webs/w0003/:/tmp/:/var/www/syscp/:/var/www/roundcubemail-0.2-beta/:/usr/share/phpmyadmin/:/etc/phpmyadmin/:/dev/:/var/kunden/webs/:/var/lib/php5/:/etc/apache2/sites-enabled/) in /var/kunden/webs/w0003/archives/rightbar_archives.ssi on line 21

Warning: include(/var/virtual/web/w1785/cgi-bin/db.php) [function.include]: failed to open stream: Operation not permitted in /var/kunden/webs/w0003/archives/rightbar_archives.ssi on line 21

Warning: include() [function.include]: Failed opening '/var/virtual/web/w1785/cgi-bin/db.php' for inclusion (include_path='.:/usr/share/php:/usr/bin') in /var/kunden/webs/w0003/archives/rightbar_archives.ssi on line 21

Warning: mysql_num_rows(): supplied argument is not a valid MySQL result resource in /var/kunden/webs/w0003/archives/rightbar_archives.ssi on line 24

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /var/kunden/webs/w0003/archives/rightbar_archives.ssi on line 27
Click on a Topic Title

Google Ads

Cascading Style Sheets

Part Two - Putting it back together again.

Creating the .CSS file.

In this example you can create the 'yourownstyle.css' using NotePad or whatever your favourite text editor is. There are dedicated CSS style programs out there, TopStyle Pro is the one I am using at the moment but there are others. Get the basics right, then look out for these programs, mine came free on a PC Mag cover disk.

Copy and paste this code into a blank document and save as 'yourownstyle.css'

body{ font-family: Georgia, Times New Roman, Times, serif; font-size: medium; text-align:left; text-decoration:none; color: cc33cc; font-style: italic; background-color: ffffcc; } h1{ font-family:verdana, arial, helvetica, sans-serif; font-size: large; font-weight: bold; font-style: normal; background-color:transparent; color: ff0000; text-align:center; } h2{ font-family: verdana, arial, helvetica, sans-serif; background-color:transparent; font-style: normal; font-size: small; color:#333333; } h3{ font-family: Times New Roman, Times, serif; font-size: medium; font-style: italic; text-align: left; background-color:transparent; color:#333366; } h4{ font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-style:normal; background-color:transparent; color: 0000ff; }

Where you save it is not important, as long as the pages requiring the CSS style link to it correctly, my styles are saved in a folder called 'styles' which is located at the sites root.
Once saved, close the newly created CSS file and re-open the file you saved earlier 'step2.html'. If you remember this is the bare-bones page with all the tags stripped of their attributes.