3 replies to this topic

[WebDesign]

How do you get css style sheets to fit around your web template? I made one in photoshop but are still wondering how to do this.

[Ghost]

Photoshop can't produce css stylesheets. Photoshop can only produce html documents with the images placed in a very bad style being that you can't exactly extend the content boxes unless you manually code it yourself.

The css is the thing that changes colours of items in the layout or adds effects to them, etc.

For example, in this forum skin, the css makes the "Fast reply" button have a 5px padding around it, and makes the category headers have an extending blue background.

So essentially, you'll need to code the css document yourself. Start reading some tutorials here.

Hopefully that answers your question

[coolaid]

here's an easy way of defining css:

css is the code/script that add's all the visuals (colors/backgrounds/positioning) to an html document.

[Ghost]

coolaid, on Nov 22 2005, 02:27 PM, said:

here's an easy way of defining css:

css is the code/script that add's all the visuals (colors/backgrounds/positioning) to an html document.

Perfect

WebDesign, a basic example of css is this:

.content {
 background:#FFF url(images/background.gif);
 color:#000;
 font:Arial, sans-serif, Times new roman;
 font-weight:bold;
 padding:5px;
 }

If you read it, it's very easy to understand. The background colour will be white and there will be an image over the top of it. If the image is not uploaded, the background will just be white.

The 'color' tag represents the text colour. In this example, it's black. The font tags are self explanitory, and the padding is how far in the text is indented