+ Post New Thread
Results 1 to 14 of 14
Home Access Plus+ Thread, [v7.5] Metro Homepage in Projects:; Hi all, The homepage of HAP+ will be getting a bit of a face lift in v7.5, and a bit ...
  1. #1

    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,644
    Thank Post
    43
    Thanked 547 Times in 458 Posts
    Rep Power
    121

    [v7.5] Metro Homepage

    Hi all,

    The homepage of HAP+ will be getting a bit of a face lift in v7.5, and a bit more touch friendly. Taking inspiration from my Windows Phone, I've metroized it. Plus there will be a "I want to..." box on the right of the tabs box. This will be used to provide a quick I want to do box. I'll be shipping with it set up with Access My Files and Protect my PC (Links to Microsoft Safety Scanner - Antivirus | Remove Spyware, Malware, Viruses Free, to instill a bit of common sense among students, some of which might a little nasty app on there system).

    Anyhow, here you go

    Attachment 11443
    Comments/reactions?

  2. 3 Thanks to nickbro:

    Dos_Box (27th September 2011), john (27th September 2011), wdwm (27th September 2011)

  3. #2

    Join Date
    Dec 2009
    Posts
    612
    Thank Post
    8
    Thanked 36 Times in 34 Posts
    Rep Power
    17
    does it mean im going to have to edit all the CSS again

  4. #3

    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,644
    Thank Post
    43
    Thanked 547 Times in 458 Posts
    Rep Power
    121
    Shouldn't have to, I tried to code HAP+ v7 to be use it's own fonts/styles inside the hapContent div rather than doing generic css. It's only on the basestyles.css for now, all of HAP+ will be getting a slightly refreshed look

  5. #4
    mattgrimley's Avatar
    Join Date
    Jun 2011
    Location
    Bedfordshire
    Posts
    321
    Thank Post
    36
    Thanked 22 Times in 20 Posts
    Blog Entries
    1
    Rep Power
    10
    That looks really good Nick. I love the box on the right.

  6. #5

    Join Date
    May 2009
    Posts
    28
    Thank Post
    4
    Thanked 0 Times in 0 Posts
    Rep Power
    0
    Looking nice and functional, great work!

  7. #6

    Edu-IT's Avatar
    Join Date
    Nov 2007
    Posts
    7,250
    Thank Post
    404
    Thanked 630 Times in 575 Posts
    Rep Power
    185
    Can you centre the text on the buttons?

  8. #7

    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,644
    Thank Post
    43
    Thanked 547 Times in 458 Posts
    Rep Power
    121
    It's part of the metro guidelines that it isn't. Wont stop you from editing the CSS though

  9. #8

    Edu-IT's Avatar
    Join Date
    Nov 2007
    Posts
    7,250
    Thank Post
    404
    Thanked 630 Times in 575 Posts
    Rep Power
    185
    Quote Originally Posted by nickbro View Post
    It's part of the metro guidelines that it isn't. Wont stop you from editing the CSS though
    Metro guidelines?! What?!

  10. #9

    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,644
    Thank Post
    43
    Thanked 547 Times in 458 Posts
    Rep Power
    121

  11. #10

    Edu-IT's Avatar
    Join Date
    Nov 2007
    Posts
    7,250
    Thank Post
    404
    Thanked 630 Times in 575 Posts
    Rep Power
    185
    Oh I see. :-D

  12. #11
    jamesfed's Avatar
    Join Date
    Sep 2009
    Location
    Reading
    Posts
    2,212
    Thank Post
    138
    Thanked 346 Times in 292 Posts
    Rep Power
    90
    We have been 'Metroing' all of our internal sites here recently and this looks good - one thing that I would say though is usaly with the large square tiles the images are commonly pure white (against a coloured background) but then again maybe if we had multiple icon packs it would appeal to all?

  13. #12

    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,644
    Thank Post
    43
    Thanked 547 Times in 458 Posts
    Rep Power
    121
    There will be full colour and white icon sets in the images folder ~/images/icons or ~/images/icons/white

  14. #13

    Edu-IT's Avatar
    Join Date
    Nov 2007
    Posts
    7,250
    Thank Post
    404
    Thanked 630 Times in 575 Posts
    Rep Power
    185
    So this is the new Web 2.0 then? Everything will be metro'd.

    Oh I look forward to it.

  15. #14

    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,644
    Thank Post
    43
    Thanked 547 Times in 458 Posts
    Rep Power
    121
    A bit more info

    This looks like this now
    Attachment 11460
    Code:
    .tile-color { background: #0060a6 border-color: #0060a6 }
    .tile-border-color { border-color: #0060a6 }
    .tile-color-font, #hometabs .ui-tabs-nav li.ui-state-active a, #hometabs .ui-tabs-nav li.ui-state-active a:hover { color: #0060a6 }
    .tiles a { background-color: #0060a6 color: #fff }
    .tiles a:hover { background-color: #3286C1 }
    .tiles a:active { background-color: #004577 }
    These will be for the metro tiles/base colour. Found in ~/styles/basestyles.css

    A new option in the Homepage Link Groups will be SubTitle

SHARE:
+ Post New Thread

Similar Threads

  1. Metro Electro 2
    By witch in forum Educational Software
    Replies: 10
    Last Post: 28th August 2012, 04:02 PM
  2. sophos v7 and SIMS.net
    By kevin_lane in forum Windows
    Replies: 5
    Last Post: 7th June 2011, 09:47 AM
  3. Metro Electro, IIS Problems
    By Grommit in forum Web Development
    Replies: 8
    Last Post: 24th April 2008, 03:33 AM
  4. [CLOSED] Bug/Error: Homepage
    By Edu-IT in forum EduGeek.net Site Problems
    Replies: 6
    Last Post: 19th March 2008, 11:18 PM
  5. SIMS Feb '07 Update (v7.90)
    By Gatt in forum MIS Systems
    Replies: 14
    Last Post: 27th February 2007, 07:07 PM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •