After spending a few hours reading the book
Stylin' with CSS: A Designer's Guide By Charles Wyke-Smith
last night, I decided to try my hand at the CSS Overrides in the Blog
configuration file. Those of you familiar with CSS can probably figure
out how to enhance your blog quite easily. I started by modifying the
Marvin 3 brown. Go to the
My Settings by following the link to
the configuration file. The fourth option down is a drop down combo box
with different options. Try a few by choosing it and saving. Since I
use Firefox, set a tab for your blog address so that you can quickly
refresh.
The first change I made was to the .post
so that there is a white background, a solid line outlining it, with a
curve radius. I added the following code to the CSS Overrides area. The
code "-moz-border-radius: 10px;" is what gives the post area a nice
curve. Very cool. Unfortunately, Internet Explorer users are not going
to see the curve. In fact, the bottom of the posts are cut off and I am
working to figure out how to fix it.
.post{
margin: 20px 20px 0px 35px;
padding-left: 30px;
padding-right: 40px;
padding-top: 20px;
padding-bottom: 40px;
border: 2px solid #000000;
background-color: #ffffff;
color: #111111;
-moz-border-radius: 10px;
}
Of course, if you are a CSS guru then you can take it from here. Add an
image to the banner or a background image. It's all in the CSS
Overrides. For those of you who suffer from ... well... those of you
who match my (in)abilities then the best way to proceed is trial and
error, a good book, and looking at how others arrange their pages.
Have fun.