+ 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,520
    Thank Post
    37
    Thanked 501 Times in 432 Posts
    Rep Power
    113

    [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
    605
    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,520
    Thank Post
    37
    Thanked 501 Times in 432 Posts
    Rep Power
    113
    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
    316
    Thank Post
    35
    Thanked 21 Times in 19 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,139
    Thank Post
    403
    Thanked 622 Times in 568 Posts
    Rep Power
    181
    Can you centre the text on the buttons?

  8. #7
    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,520
    Thank Post
    37
    Thanked 501 Times in 432 Posts
    Rep Power
    113
    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,139
    Thank Post
    403
    Thanked 622 Times in 568 Posts
    Rep Power
    181
    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,520
    Thank Post
    37
    Thanked 501 Times in 432 Posts
    Rep Power
    113

  11. #10

    Edu-IT's Avatar
    Join Date
    Nov 2007
    Posts
    7,139
    Thank Post
    403
    Thanked 622 Times in 568 Posts
    Rep Power
    181
    Oh I see. :-D

  12. #11
    jamesfed's Avatar
    Join Date
    Sep 2009
    Location
    Reading
    Posts
    2,202
    Thank Post
    137
    Thanked 342 Times in 289 Posts
    Rep Power
    86
    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,520
    Thank Post
    37
    Thanked 501 Times in 432 Posts
    Rep Power
    113
    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,139
    Thank Post
    403
    Thanked 622 Times in 568 Posts
    Rep Power
    181
    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,520
    Thank Post
    37
    Thanked 501 Times in 432 Posts
    Rep Power
    113
    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
  •