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:

for_better design tutorial4

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

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: +2 (from 2 votes)
Graphics designer and web developer from Bulgaria. Working as a freelancer from 2 years I have big experience in graphics design. In my spare time I make tutorials in my web site for tutorials: Tutorials-place.com This is one of my hobbies. I also love Photography, sports and especially martial arts and free runing.

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge