Jump to content


Photo
- - - - -

Creating Tile like box's

tiles box

  • Please log in to reply
3 replies to this topic

#1 Phil P

Phil P

    Member

  • Members
  • 11 posts
  • LocationNottingham
  • Country: Country Flag

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
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

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
  • LocationNottingham
  • Country: Country Flag

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
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

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.







Also tagged with one or more of these keywords: tiles, box