templates - Page 4 - Post ID 110007

User 321908 Photo


Registered User
30 posts

*GRIN* ok guys, you've got me convinced. As I said at one point or another I have started creating a style sheet with Coffee Cup's software. Here is what I have so far;

<!-- Style Sheet created with the CoffeeCup StyleSheet Maker -->
<!-- http://www.coffeecup.com -->
<style type="text/css">
<!--
.KiKi's Art Studio { font-family: Verdana, Arial, Sans-serif; font-size: medium; font-weight: 400; font-style: normal; text-decoration: none; text-transform: none; font-variant: normal; color: #000000; background: #99CCFF; background-image: url(kikibackground.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center, center; }
-->
</style>

What else can I put in this, how much can I put in this to make things easier and where do I 'plug' it in?

Thanks so much
Mike
come to a place where magic lives....
User 562592 Photo


Registered User
2,038 posts

I think you are going to have problems with the class you have set up. (The class is ".Kiki's Art Studio") You should have no caps and no spaces and no ' in "Kiki's") Other than that nothing looks out of the ordinary.
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

User 321908 Photo


Registered User
30 posts

ok, I can fix that....is this better?

<!-- Style Sheet created with the CoffeeCup StyleSheet Maker -->
<!-- http://www.coffeecup.com -->
<style type="text/css">
<!--
.kiki { font-family: Verdana, Arial, Sans-serif; font-size: medium; font-weight: 400; font-style: normal; text-decoration: none; text-transform: none; font-variant: normal; }
-->
</style>

Useing a style sheet, how much can I do? Can I make the link buttons, can I set the background and finally, how/where do I plug this into the template?

Thanks :)
Mike
come to a place where magic lives....
User 562592 Photo


Registered User
2,038 posts

Yes, you can do all of that with CSS. I would definitely suggest looking into purchasing a book on CSS, if you want I can give you some suggestions. Most of the good books have sample code you can use and everything. Let me know if you want a good rec.

Finally, the class looks perfect.
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

User 321908 Photo


Registered User
30 posts

Oh, if you would Eric, that would be awesome!!! Your help has been invaluble to me. Thank you so much!!!


Mike
come to a place where magic lives....
User 38401 Photo


Senior Advisor
10,951 posts

One of the great things about CSS is the ability to just pull it out of the file(s) you have it in and put it into a blank (no code at top or bottom at all) page, save it as whatevernameyouwant.css, and then just put the correct link on the pages you want to use it on. This puts your CSS file in a separate page so that it can be used by all the pages and this way you don't have to update each page's CSS and can update only the 1 page that will fix all pages at once. Just a thought :)
User 597929 Photo


Registered User
1,332 posts

If you're interested in becoming reasonably skilled at HTML/CSS I cannot recommend this book highly enough:

http://www.amazon.com/Head-First-HTML-C … amp;sr=8-1

It's thorough, easy to follow, and teaches you very good coding practices you can use anywhere.
"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
User 562592 Photo


Registered User
2,038 posts

The best quickstart guide (you seem to pick this up quickly) is the "CSS Cookbook". It gives you different "recipes" or things you can do with CSS. For example, just look up under menu's and it gives you some examples. Go to their website and you can download their code and everything. Pretty nice book to have. For something related more to instruction I would get something out of the "Missing Manual" series.
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

User 562592 Photo


Registered User
2,038 posts

Spinny's rec is good as well - more for instruction than quick solutions. :D
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

User 463058 Photo


Ambassador
1,086 posts

Oops...Nevermind.

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.