Jump to content


Photo
- - - - -

Boxy interface how to?

design menu layout boxes squares

  • Please log in to reply
9 replies to this topic

#1 clairewright11

clairewright11

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 30 October 2013 - 01:43 PM

Hi - Any advice greatly appreciated...

 

Can anyone offer any guidance on the simplest was to create a boxy interface page?  Would like roll over effect like this site:  http://www.gymjones.com/

 

Thanks in advance

 

Claire



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16313 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 October 2013 - 02:08 PM

HI Claire,

 

We have an option that allows you to have a Boxed layout, from the DMS Toolbar > Settings > Layout and Nav > Display, select Boxed Display mode.



#3 clairewright11

clairewright11

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 30 October 2013 - 02:56 PM

Thanks Danny,

 

Thats useful to know but not what im after :)  ...I was after a more menu multi box interface on the home page only,  ie multiple squares acting like buttons, demonstrated here: http://www.gymjones.com/ also looking to have the colour change on roll over.

 

 

This is what im working on: http://www.identweb....lve/?page_id=18



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16313 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 October 2013 - 03:23 PM

Hi,

 

There are some sections on the store that may allow you to achieve a similar look or you could do this your self with MediaBox or using the PageLines grid.



#5 clairewright11

clairewright11

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 30 October 2013 - 03:31 PM

Thank you - I've taken a look at the store, I did purchase Better iBoxes but could use roll over effect on my own images and couldnt find anything else??... could you point me in the direction of something?

 

I'm currently using media box for:    http://www.identweb....lve/?page_id=18 but unable to get any roll over effect??



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16313 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 October 2013 - 03:49 PM

You could do this using HTML/CSS and the grid. However, if you're not comfortable with that you should probably check out the Wordpress plugin repository.



#7 clairewright11

clairewright11

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 30 October 2013 - 03:54 PM

Have you any examples anywhere that I could use as a starting point?  I've done some bits and pieces of  HTML/CSS ...

 

Sorry for all the questions.... appreciate your input :)



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 16313 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 October 2013 - 03:57 PM

You can find examples on how to use the grid here - http://docs.pageline...responsive-grid

You could also check out our resources page for additional store containing DMS ready sections - http://docs.pagelines.com/resources



#9 clairewright11

clairewright11

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 30 October 2013 - 03:58 PM

Great! on my way - thanks  :D



#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 16313 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 November 2013 - 11:36 AM

No problem.







Also tagged with one or more of these keywords: design, menu, layout, boxes, squares