Add some pop!

If your designing a theme with a dedicated column to the date stamp, you can take back some of that space under it and add a unique pop to your design.

In the image to the right the date column is a span and the content of the article is in a div to the right of it. Because of the way it is layed out, using a span and then floating the content next to it, you have the ability to float things outside of the content and under the date stamp as that column doesn’t extend the full length of the post. You can see it in action here.
It add’s a bit of visual intrest and gives you an extra bit of space for larger images you might have.

To make the images pop out of the grid I applied this class to a div wraped around the images.

[sourcecode language=’css’].picleft {
float:left;
margin-left:-100px;
display:block;
}[/sourcecode]

It’s as easy as that.

  •  
  •  
  •  
  •  
  •  
Disclosure: In full disclosure, it is safe to assume that the site owner is benefiting financially or otherwise from everything you click on, read, or look at while on my website. This is not to say that is the case with all content, as all publications on the site are original and written to provide value and references to our audience.

3 Comments

  1. Kevin May 10, 2008
  2. James Mann May 11, 2008
  3. David May 11, 2008