Forums

Custom template: 2-column layout for page list (news, events etc)

Permalink
Hi all

Attached is a custom template for the page list block which creates a formatted two-column layout with excerpts, suitable for news areas on a homepage or events lists etc. (rename from .txt to .php). It looks like this:

http://plastikwrap.co.uk/3/wp-content/uploads/2010/06/2column1-300x...

It's nice and simple, just a couple of for loops to choose the right page list items for display as a news/events area. A fuller explanation for noobs (of which I am one) is on my blog athttp://plastikwrap.co.uk/concrete5/2-column-news-and-events-page-li...

The column layout is based on Matthew Taylor's cross-browser css layouts here:http://bit.ly/mdSHW

The CSS, which I've tweaked, is based on a two-column liquid layout (50/50), which can be tweaked at the above site:

.colmask {
clear:both;
float:left;
width:100%;
overflow:hidden;
}
/* common column settings */
.colleft {
float:left;
width:100%;
position:relative;
}
/* 2 Column (double page) settings */
.doublepage { }
.doublepage .colleft {
Viewing 15 lines of 25 lines. View entire code block.


You may want to tweak it a bit to get what you're looking for.

HTH someone! :)

I'll have another post about adding thumbnails to this soon..

1 Attachment

melat0nin