Jump to content


Photo
- - - - -

Creating Tile like box's

tiles box

This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 Phil P

Phil P

    Member

  • Members
  • 11 posts

Posted 21 February 2013 - 09:03 PM

Hi All,

 

Is there an easy way to make windows 8 style tiles for my home page? I'm seeing a lot of sites going that way and done right you can get a really smooth modern web page.

 

I would like to end up with a nice size feature bar with 5 different size tiles.

 

So far I have this

Please Login or Register to see this Hidden Content

 

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 21 February 2013 - 09:47 PM

Hi,

 

I'm not familiar with Windows 8's tiles.  Could you share an example of what they look like, perhaps a link?

 

Are you by any chance referring to an accordion slider with different size slides?

 

Thanks for your kind cooperation and understanding.



#3 Phil P

Phil P

    Member

  • Members
  • 11 posts

Posted 22 February 2013 - 02:20 PM

Hi,

 

Well I've found one of the showcase sites that kind of looks like I want 

Please Login or Register to see this Hidden Content

also (sorry about the site but its a good example!) 

Please Login or Register to see this Hidden Content

on there home page you have photo's with text and look like tiles on the page that are clickable.



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 22 February 2013 - 09:28 PM

Hi Phil,

 

I think the solution you need is our Grid.  This uses shortcodes, but nothing stops you from adding your own div with class or ID to customize the look and feel of it.

 

Additionally, you can nest one grid within another grid element.   This would allow you to have, for example, three boxes across, and the right-most one, could have two vertically stacked boxes as in the example.

 

Please see

Please Login or Register to see this Hidden Content

  and this wonderful documentation tells you all the tips and secrets to achieve your goal.

Please Login or Register to see this Hidden Content

 

Let us know if this helps.