-->
Searching...
Tuesday, May 13, 2008

Starting with Beta (part 4)

Moving past basic layout, the next thing to do is put in the real essential of the blog, fonts and color. The real gist of a blog, the things you can see and read.

The things to put in the CSS:

  • Background color or picture –this is not inside the wrapper, but if you chose not to define any wrapper background picture, the color mention here is the one will be showing
  • Font family, color, size, spacing and aligment.

  • Links – visited, hovering link colors – we don’t define the fon’t type anymore because it had been define earlier, but if you want to change it to a different style, its up to you.

  • Headers – font size, family, style, weight, color, etc

  • Images – how the images should be located

  • Listed items, bulleted items, blockquote, code, acronym –style, color, size, padding etc.

And each wrapper will have a few smaller categories (the pseudo class). See here for the completed CSS and here for the view of the template.

In order for all of this to work you need to body content, the CSS only controls how it will look but without the body none will be available for preview. This is where beta blogger start to get a bit confusing but this is what beta blogger is all about.

If you happen to want to change your blog template and have a great looking template ready but do not want to loose any widget that you’ve already had, then copy the part under <id=sidebar-wrapper> and replace it in the new template.

0 comments:

 
Back to top!