Article archive layout in a grid format

12 Posts

northern Reply #1, 15 years, 4 months ago

Hi - I really like how LabNol has made this type of archive layout -- any thoughts on how this could be accomplished in MODx?

http://www.labnol.org/tag/feature/page/5/

Thanks!

16 Posts

wias Reply #2, 15 years, 4 months ago

My suggestion is to start looking at getResources, and getPage. With those you will be pulling the content into the grid. Css/html wise you just create a chunk to use with getResources and make it 220px wide, maybe 10px padding and 1px solid border. Then you just float them. And limit the nr of output with getResources.

[url=http://www.williamastrom.se]Webdesign and CMS developer William

1 Posts

Zombie Reply #3, 15 years, 3 months ago

Hey Wias!

Exactly you are right and for more resources you can find out form the CSS forums with clarified solution.

12 Posts

northern Reply #4, 15 years, 3 months ago

Thanks!

47 Posts

myradon Reply #5, 15 years, 3 months ago

float is the magicword. listitems/sections with dimensions and CSS-property float: left.

UI /UX designer + bit of Front-End Developer. Getting around with MODx Revolution