templates - Post ID 109978

Mar 8th, 2010 at 08:15 PM
User 321908 Photo

Mike
Registered User
30 posts

Eric,

Thank you so much, I'll check out the web site.

Spinny, I'll check Amazon for that one. I have a feeling more may be better especially since it looks like I'm back into web design....LOL

Jo Ann, that is exactly what I want it to do. :)

All of you, you have been great. Eric, thanks so much for holding my hand through the intial process, you are awesome.

Spinny, your input helped a lot and I do appreciate it.

Don't be surprised to see me back here *GRIN*

Thanks again all, you're AWESOME!!!

Mike
come to a place where magic lives....
Mar 8th, 2010 at 10:53 PM
User 38401 Photo

Jo Rice
Senior Advisor
10,951 posts

you're quite welcome Mike, and to give you a bit more detail on how easy it is to put your CSS into a separate file here's exactly what you do:

    1. Find the section in your html file(s) that are usually at the top within <script></script> tags that shows all kinds of different CSS settings. (they will usually start with periods and a name or asterisks and a name and have a long list of them).

    2. Copy that section to a blank page in your html editor of choice. If you're using CC's HTML Editor just create a "Blank Page" and then delete everything it puts on the page from top to bottom as the CSS pages don't need any page type codes like head or body tags at all.

    3. Once you have all your CSS styles copied into that page save it as a .css file. In CC's HTML Editor it gives you that choice in the drop down box when you're saving. Name it whatever you like, I tend to call it a short name that has to do with the main site name so I can be sure I'm always associating the correct CSS files to the correct site since I work on a few.

    4.     Now go to each HTML page that you have and you can now delete the script sections with all the CSS code in them. Just those sections including the <script></script> tags.
    In each page at the top area inside the <head> </head> tags up near the Meta tags paste this with your CSS file name in it and save the pages:

    <link rel="stylesheet" href="css/yourcssfilenamehere.css" type="text/css" media="screen" />

That's pretty much it for taking your CSS out of each page and putting it into one centralized one. From here you just alter that CSS page to change the styles on your site pages instead of adding them to the pages themselves.

Hope that helps and feel free to pick our brains if you get stuck on it or if something I typed here isn't clear too :)
Jo

http://elementsinwebdesign.com
Mar 8th, 2010 at 10:55 PM
User 562592 Photo

The Philosopher
Registered User
2,038 posts

Great little tutorial Jo Ann :cool:
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com
Mar 8th, 2010 at 10:58 PM
User 38401 Photo

Jo Rice
Senior Advisor
10,951 posts

hehe thanks, I come from a long line of layman's terms LOL :P
Jo

http://elementsinwebdesign.com
Mar 8th, 2010 at 11:29 PM
User 463058 Photo

Cary
Ambassador
1,086 posts

Jo Ann wrote:
1. Find the section in your html file(s) that are usually at the top within <script></script> tags that shows all kinds of different CSS settings...

4.[/b] Now go to each HTML page that you have and you can now delete the script sections with all the CSS code in them. Just those sections including the <script></script> tags...


Oops, just a little correction here. The <script></script> parts should be <style></style>
Mar 8th, 2010 at 11:41 PM
User 38401 Photo

Jo Rice
Senior Advisor
10,951 posts

Ohh thanks Cary, I totally missed that I did that lol.
Jo

http://elementsinwebdesign.com
Mar 9th, 2010 at 03:31 AM
User 147665 Photo

dave beall
Ambassador
712 posts

http://www.w3schools.com/Css/default.asp ;)
Way better than a book...

Mar 9th, 2010 at 09:56 AM
User 321908 Photo

Mike
Registered User
30 posts

WOW!!!! Yeah, THAT'S getting copied to my word doc where I've put all the stuff Eric has given me. Thank you again Jo Ann. Cary, thanks for the correction.

I'm getting ready to call a cab and head over to the bookstore (I don't drive). By this afternoon I'm hoping to be all set.

Dave, I'm going to bookmark the link you posted as well.

AWESOME!!!

Thanks again everyone!!!!

Mike
come to a place where magic lives....
Mar 9th, 2010 at 10:18 AM
User 597929 Photo

Spinny
Registered User
1,332 posts

To me the strength of the Head First book is you learn to code the sites in actual use-case fashion. They set you up with real world type situations and the sites you develop are in that context.

Add I'm just a fan of the teaching method in that series of books in general. :cool:
"You can't be a real country unless you have a beer and an airline - it helps if you have some kind of a football team, or some nuclear weapons, but at the very least you need a beer." -- Frank Zappa

Visit Spinland Studios: http://www.spinland.biz
Mar 9th, 2010 at 10:44 AM
User 321908 Photo

Mike
Registered User
30 posts

Spinny,

I am finding out that more is better and I'm planning on getting/utilizing all the suggestions everyone has been kind enough to give me on this forum...YOU GUYS ROCK!!!

Mike
come to a place where magic lives....

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.