Css Tutorials [External Files]

Say you have 50 html files, and each one has a scroll bar code in it, now you want to change your layout, how long would it take you to change all 50 html pages? Well this is how you can change any amount of html files in seconds.

You can take almost any CSS code in out of your page and make it a separate file. This is very useful if you have many html files with the same CSS code in it. You can set it up where all your html files reference to one external CSS file. Then you can alter that one CSS file and then all the html files using that file will have then changed.

First what you want to do is select a CSS code, I have chosen a code that will change the colors of the scroll bars. In your HTML file it will look some thing like this:

body {
scrollbar-face-color: #336699;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #054075;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #054075;
scrollbar-track-color: #000000;
scrollbar-arrow-color: gray;
scrollbar-base-color: #000000;


Now what you want to do is copy the bold section of that code and paste it into a blank notepad document. Then save as style.css.

Now start a new HTML document and paste the following code into it:

<LINK href="style.css" type=text/css rel=stylesheet>

Save the HTML file as whatever.html, what that code does is bring the CSS file into the html file, and you set the url to so it know where the CSS file is located. Now go to the html file and you will see that the scroll bars are colored. Note: This only works with IR 5.5+ If you need any help post in the forums