FOR BETTER DESIGNS

In my last tutorial called crop the template and add the images to this web site I get the decision not to make my posts with rounded corners. As I explained I have used this in the sidebar and for the content. Also for the navigation, but the posts I have leaved with white background. In this mini tutorial I want just to tell you what I will do with that, I don't want my posts to stay just like this. I want them to be separated  from each other and also to look a little bit better. So here what I'll did.

In the CSS in my class for the posts which called .post:

I'll add this:

background:#eeeeee;
margin-top:7px;
border-bottom:3px solid #83b639;

The whole CSS for this class looks like this:

.post{
padding: 5px 5px 5px 5px;
min-height:100px;
width:600px;
float:left;
background:#eeeeee;
margin-top:7px;
border-bottom:3px solid #83b639;
}

Here's the look:

After this my posts wil look better. I hope you like this tip. Will wait for your replies.

Related Posts

1. Some minor design fixes for my new wordpress theme
2. Design theme for wordpress web site tutorial.
3. Crop theme design in photoshop and add the images to your wordpress blog or web site.
4. Adding nice looking blockquotes for your posts using css
5. For better design: Template 1: Design a simple search box and search button tutorial.