Tweaking CSS


Before you start editing, a quick introduction to HTML and CSS might be necessary. If you have never seen HTML or CSS, you may want to read this introduction to the two "languages". If you are familiar with both, skip to the next section.

HTML pages have three main sections in them:

  • A line containing HTML version information Appears with a <!DOCTYPE> tag at the top of the page

  • A header section The space within the <head> </head> elements

  • The page's content Appears within the <body> </body> tags

Page through the current template and see whether you can find these elements. The first element doesn't really matter for this brief introduction to page design. The <head> tags do matter, however. Find the <head> tag and then scroll down until you see the end </head> tag.

Within these tags you will see the <title> tag and the <style> tags. The title tag encloses the title of your blog: something like <$BlogPageTitle$>. This is the title of your page. In the example, "Prove It Yourself" is placed on the page courtesy of the <title> tag. Everything between the <style> and </style> tags is the design information for your blog. This is what we'll modify first.

Everything you see between the <style> </style> tags is CSS, or Cascading Style Sheet information. Most blog templates use embedded CSS, which is the design information for the page.

In the CSS language embedded simply means that the design elements for the page appear within the page itself, instead of in a separate file. Modifying the design of a blog template is much easier because the design code appears in the same place.

Everything between the following tags describes the design of the page:

<style type="text/css"> ... </style>


Entire books are written about designing pages with CSS. This chapter touches on a few simple changes you can make. To learn more about designing with CSS, check out Sams Teach Yourself CSS in 10 Minutes (Sams Publishing, ISBN: 0672327457) or Macromedia Dreamweaver 8 Unleashed (Sams Publishing, ISBN: 0672327600).



Blogosphere(c) Best of Blogs
Blogosphere: Best of Blogs
ISBN: 0789735261
EAN: 2147483647
Year: 2006
Pages: 138

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net