Uploaded image for project: 'Moodle Community Sites'
  1. Moodle Community Sites
  2. MDLSITE-1890

Create new theme for other community sites

    Details

      Gliffy Diagrams

        Attachments

        1. agreed logo location and heading.png
          agreed logo location and heading.png
          41 kB
        2. frontpage-blue.png
          frontpage-blue.png
          460 kB
        3. frontpage-green.png
          frontpage-green.png
          463 kB
        4. frontpage-purple.png
          frontpage-purple.png
          445 kB
        5. frontpage-red.png
          frontpage-red.png
          452 kB
        6. heading-demo.png
          heading-demo.png
          34 kB
        7. heading-dev.png
          heading-dev.png
          35 kB
        8. heading-development.png
          heading-development.png
          37 kB
        9. heading-development-no-moodle.png
          heading-development-no-moodle.png
          29 kB
        10. heading-docs.png
          heading-docs.png
          35 kB
        11. heading-downloads.png
          heading-downloads.png
          35 kB
        12. heading-downloads-no-moodle.png
          heading-downloads-no-moodle.png
          26 kB
        13. heading-net.png
          heading-net.png
          33 kB
        14. heading-org.png
          heading-org.png
          34 kB
        15. heading-org-01a.png
          heading-org-01a.png
          33 kB
        16. heading-org-01b.png
          heading-org-01b.png
          33 kB
        17. heading-org-02a.png
          heading-org-02a.png
          29 kB
        18. heading-org-02b.png
          heading-org-02b.png
          30 kB
        19. heading-org-03a.png
          heading-org-03a.png
          33 kB
        20. heading-org-03b.png
          heading-org-03b.png
          33 kB
        21. heading-tracker.png
          heading-tracker.png
          34 kB
        22. heading-translation.png
          heading-translation.png
          35 kB
        23. inner-blue.png
          inner-blue.png
          107 kB
        24. inner-green.png
          inner-green.png
          108 kB
        25. inner-purple.png
          inner-purple.png
          108 kB
        26. inner-red.png
          inner-red.png
          108 kB
        27. logo-orange.png
          logo-orange.png
          49 kB
        28. logo-org-orange.png
          logo-org-orange.png
          5 kB
        29. logo-org-white.png
          logo-org-white.png
          4 kB
        30. logo-white.png
          logo-white.png
          47 kB
        31. nav-dropdown.png
          nav-dropdown.png
          107 kB
        32. nav-dropdown-menu.png
          nav-dropdown-menu.png
          120 kB
        33. nav-menu.png
          nav-menu.png
          176 kB
        34. secondary-menu-demo.png
          secondary-menu-demo.png
          38 kB
        35. secondary-menu-dev.png
          secondary-menu-dev.png
          45 kB
        36. secondary-menu-dev-2.png
          secondary-menu-dev-2.png
          50 kB
        37. secondary-menu-docs.png
          secondary-menu-docs.png
          46 kB
        38. secondary-menu-downloads.png
          secondary-menu-downloads.png
          43 kB
        39. secondary-menu-net.png
          secondary-menu-net.png
          31 kB
        40. secondary-menu-net-3.png
          secondary-menu-net-3.png
          47 kB
        41. secondary-menu-org.png
          secondary-menu-org.png
          36 kB
        42. secondary-menu-tracker.png
          secondary-menu-tracker.png
          41 kB
        43. secondary-menu-tracker-2.png
          secondary-menu-tracker-2.png
          49 kB
        44. secondary-menu-translation.png
          secondary-menu-translation.png
          45 kB
        45. sites-menu-a.png
          sites-menu-a.png
          74 kB
        46. sites-menu-b.png
          sites-menu-b.png
          104 kB
        47. smallscreen-01.png
          smallscreen-01.png
          209 kB
        48. smallscreen-02.png
          smallscreen-02.png
          159 kB
        49. smallscreen-03.png
          smallscreen-03.png
          100 kB
        50. study-13-sites-menu-a.jpg
          study-13-sites-menu-a.jpg
          94 kB
        51. study-13-sites-menu-b.jpg
          study-13-sites-menu-b.jpg
          95 kB
        52. tertiary-menu-org.png
          tertiary-menu-org.png
          39 kB
        53. tertiary-menu-org-dropdown.png
          tertiary-menu-org-dropdown.png
          58 kB
        54. tertiary-menu-org-dropdown-2-innerpage.png
          tertiary-menu-org-dropdown-2-innerpage.png
          62 kB
        55. tertiary-menu-org-dropdown-homepage.png
          tertiary-menu-org-dropdown-homepage.png
          365 kB
        56. tertiary-menu-org-dropdown-homepage-2.png
          tertiary-menu-org-dropdown-homepage-2.png
          425 kB
        57. widescreen-01.png
          widescreen-01.png
          375 kB
        58. widescreen-02.png
          widescreen-02.png
          160 kB
        59. widescreen-03.png
          widescreen-03.png
          172 kB
        60. widescreen-04.png
          widescreen-04.png
          181 kB

          Issue Links

            Activity

            Hide
            barbararamiro Barbara Ramiro added a comment - - edited


            widescreen-01.png

            on the left COULD be a page with a bit of description about each site
            on the right is a dropdown menu for all moodle sites

            Show
            barbararamiro Barbara Ramiro added a comment - - edited widescreen-01.png on the left COULD be a page with a bit of description about each site on the right is a dropdown menu for all moodle sites
            Hide
            barbararamiro Barbara Ramiro added a comment -


            widescreen-02.png

            widescreen-03.png

            widescreen-04.png

            MOCKUPS FOR WIDESCREEN

            on the left is a home page for each site with a think header
            on the right is an inner page for each site with a thin line
            each site will have different color
            right beside the site dropdown menu on the top left is the site title
            on the right side is the menu to a particular site

            Show
            barbararamiro Barbara Ramiro added a comment - widescreen-02.png widescreen-03.png widescreen-04.png MOCKUPS FOR WIDESCREEN on the left is a home page for each site with a think header on the right is an inner page for each site with a thin line each site will have different color right beside the site dropdown menu on the top left is the site title on the right side is the menu to a particular site
            Hide
            barbararamiro Barbara Ramiro added a comment -


            study-13-sites-menu-a.jpg

            study-13-sites-menu-b.jpg

            Here's a mock up of the site menu... the style is not final...
            The left side of the header looks empty at the moment.

            Show
            barbararamiro Barbara Ramiro added a comment - study-13-sites-menu-a.jpg study-13-sites-menu-b.jpg Here's a mock up of the site menu... the style is not final... The left side of the header looks empty at the moment.
            Hide
            barbararamiro Barbara Ramiro added a comment -


            smallscreen-01.png

            smallscreen-02.png

            smallscreen-03.png

            MOCKUPS FOR SMALLSCREEN

            It's pretty much the same with the widescreen but on the top right is a dropdown menu for each particular site

            Show
            barbararamiro Barbara Ramiro added a comment - smallscreen-01.png smallscreen-02.png smallscreen-03.png MOCKUPS FOR SMALLSCREEN It's pretty much the same with the widescreen but on the top right is a dropdown menu for each particular site
            Hide
            tsala Helen Foster added a comment -

            Just noting from looking at this issue in our sites meeting on 27/05/13 that we need to discuss and agree on how the top menu is displayed - in a bar across the top or as a dropdown menu.

            From Mary's notes and screenshots in MDLSITE-1876, it seems that other 'meta-sites' (sites consisting of a number of smaller sites) have a bar across the top listing all the smaller sites for ordinary screen sizes and a dropdown menu for mobile screen sizes.

            As the moodle community sites are most likely accessed mostly from laptops and desktops, my vote is to have a bar across the top listing the main community sites and a dropdown menu for mobile screen sizes.

            Show
            tsala Helen Foster added a comment - Just noting from looking at this issue in our sites meeting on 27/05/13 that we need to discuss and agree on how the top menu is displayed - in a bar across the top or as a dropdown menu. From Mary's notes and screenshots in MDLSITE-1876 , it seems that other 'meta-sites' (sites consisting of a number of smaller sites) have a bar across the top listing all the smaller sites for ordinary screen sizes and a dropdown menu for mobile screen sizes. As the moodle community sites are most likely accessed mostly from laptops and desktops, my vote is to have a bar across the top listing the main community sites and a dropdown menu for mobile screen sizes.
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Thanks Helen for you vote. Though I still wonder why we want to show all the sites all the time on the top navigation bar. Do we really need to? Or can we organize it in such a way that those sites are easily accessible any time via dropdown keeping the whole interface neat, simple and clutter free by showing only navigation for a particular site. Too many navigation on screen takes much time for a user to analyze what to do and where to go as compared to showing only what is relevant to that site. This is called Context based approach.

            I'd like to share this... 7 Interface Design Techniques to Simplify and De-clutter Your Interfaces

            Show
            barbararamiro Barbara Ramiro added a comment - Thanks Helen for you vote. Though I still wonder why we want to show all the sites all the time on the top navigation bar. Do we really need to? Or can we organize it in such a way that those sites are easily accessible any time via dropdown keeping the whole interface neat, simple and clutter free by showing only navigation for a particular site. Too many navigation on screen takes much time for a user to analyze what to do and where to go as compared to showing only what is relevant to that site. This is called Context based approach. I'd like to share this... 7 Interface Design Techniques to Simplify and De-clutter Your Interfaces
            Hide
            barbararamiro Barbara Ramiro added a comment -


            sites-menu-a.png

            sites-menu-b.png

            I find net.tutsplus.com neat.

            Show
            barbararamiro Barbara Ramiro added a comment - sites-menu-a.png sites-menu-b.png I find net.tutsplus.com neat.
            Hide
            marycooch Mary Cooch added a comment - - edited

            Thank you very much for uploading screenshots to here as it makes it much easier for me to visualise I understand what you are saying now; however, my concern is that we have the community sites in a dropdown menu then people coming to one - Moodle.org - for example won't immediately see that other sites exist. So although they are easily accessible from the dropdown menu, a newcomer to Moodle won't be made aware that other sites are available.

            Show
            marycooch Mary Cooch added a comment - - edited Thank you very much for uploading screenshots to here as it makes it much easier for me to visualise I understand what you are saying now; however, my concern is that we have the community sites in a dropdown menu then people coming to one - Moodle.org - for example won't immediately see that other sites exist. So although they are easily accessible from the dropdown menu, a newcomer to Moodle won't be made aware that other sites are available.
            Hide
            dobedobedoh Andrew Nicols added a comment -

            Are there any analytics available to suggest what the most common device/browser types are perchance?

            Show
            dobedobedoh Andrew Nicols added a comment - Are there any analytics available to suggest what the most common device/browser types are perchance?
            Hide
            nebgor Aparup Banerjee added a comment -

            <leftearlyfrommeetingbut> how about if we have 'show all the sites all the time on the top navigation bar' except when we scroll down it disappears or responsively compacts itself into something like the dropdown/hamburger show in the above screenshot. </bettergetbacktoweekend>

            Show
            nebgor Aparup Banerjee added a comment - <leftearlyfrommeetingbut> how about if we have 'show all the sites all the time on the top navigation bar' except when we scroll down it disappears or responsively compacts itself into something like the dropdown/hamburger show in the above screenshot. </bettergetbacktoweekend>
            Hide
            barbararamiro Barbara Ramiro added a comment -

            First of, sites heading...


            heading-org.png


            heading-docs.png


            heading-downloads.png


            heading-demo.png


            heading-tracker.png


            heading-development.png


            heading-translation.png


            heading-net.png

            Oooppps i need to change demo to school demo

            Show
            barbararamiro Barbara Ramiro added a comment - First of, sites heading... heading-org.png heading-docs.png heading-downloads.png heading-demo.png heading-tracker.png heading-development.png heading-translation.png heading-net.png Oooppps i need to change demo to school demo
            Hide
            barbararamiro Barbara Ramiro added a comment - - edited


            heading-development.png


            heading-dev.png

            I am thinking of sort or branding like moodledev instead of moodledevelopment. Same thing for the documentation where its sort of like branded as moodledocs. What ya think?

            Also, note the secondary menu. is it possible not to include the word dev since it is on the dev site? Please refer to


            heading-dev.png

            Show
            barbararamiro Barbara Ramiro added a comment - - edited heading-development.png heading-dev.png I am thinking of sort or branding like moodledev instead of moodledevelopment. Same thing for the documentation where its sort of like branded as moodledocs. What ya think? Also, note the secondary menu. is it possible not to include the word dev since it is on the dev site? Please refer to heading-dev.png
            Hide
            barbararamiro Barbara Ramiro added a comment -


            heading-development-no-moodle.png


            heading-downloads-no-moodle.png

            Here is how it looks like without the moodle logo beside the heading

            Show
            barbararamiro Barbara Ramiro added a comment - heading-development-no-moodle.png heading-downloads-no-moodle.png Here is how it looks like without the moodle logo beside the heading
            Hide
            barbararamiro Barbara Ramiro added a comment -


            logo-orange.png


            logo-white.png

            White logo instead of orange to go with different sites color. I should upload screenshots of different colors with the orange logo

            Show
            barbararamiro Barbara Ramiro added a comment - logo-orange.png logo-white.png White logo instead of orange to go with different sites color. I should upload screenshots of different colors with the orange logo
            Hide
            nebgor Aparup Banerjee added a comment -

            The screenshots here have a menu that is very different from the menu defined in the goodle doc @ MDLSITE-1876. For the purposes of the theme(MDLSITE-1876) and clone.moodle.org, i'm going to work with the google doc from the resolved 'nailed down' MDLSITE-1876.

            I'm not sure how the menu in this issue (heading-org.png) is going to be in the footer at this point.

            Show
            nebgor Aparup Banerjee added a comment - The screenshots here have a menu that is very different from the menu defined in the goodle doc @ MDLSITE-1876 . For the purposes of the theme( MDLSITE-1876 ) and clone.moodle.org, i'm going to work with the google doc from the resolved 'nailed down' MDLSITE-1876 . I'm not sure how the menu in this issue (heading-org.png) is going to be in the footer at this point.
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Hi Apu, the attachment section is getting crowded filled with old and new studies so please refer to the most recent comments with thumbnails.

            Show
            barbararamiro Barbara Ramiro added a comment - Hi Apu, the attachment section is getting crowded filled with old and new studies so please refer to the most recent comments with thumbnails.
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Here is the agreed logo location and heading


            agreed logo location and heading.png

            Show
            barbararamiro Barbara Ramiro added a comment - Here is the agreed logo location and heading agreed logo location and heading.png
            Hide
            tsala Helen Foster added a comment -

            Apu, re. the footer, I think we still need to talk and agree on what should be included in it.

            Show
            tsala Helen Foster added a comment - Apu, re. the footer, I think we still need to talk and agree on what should be included in it.
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Up for vote (",)

            Nav bar: Moodle.org, Home or Community
            Heading: moodle.org, Community

            Moodle.org on the nav bar and the heading look redundant but this is the case for moodle.net

            heading-org-01a.png

            Moodle.org on the nav bar and moodlecommunity on the heading sounds better

            heading-org-01b.png

            Home icon on the nav bar and moodle.org on the heading

            heading-org-02a.png

            Home icon on the nav bar and moodlecommunity

            heading-org-02b.png

            Community on the nav bar and moodle.org on the heading

            heading-org-03a.png

            Community on the nav bar and moodlecommunity on the heading which makes it consistent with the rest

            heading-org-03b.png

            Show
            barbararamiro Barbara Ramiro added a comment - Up for vote (",) Nav bar: Moodle.org, Home or Community Heading: moodle.org, Community Moodle.org on the nav bar and the heading look redundant but this is the case for moodle.net heading-org-01a.png Moodle.org on the nav bar and moodlecommunity on the heading sounds better heading-org-01b.png Home icon on the nav bar and moodle.org on the heading heading-org-02a.png Home icon on the nav bar and moodlecommunity heading-org-02b.png Community on the nav bar and moodle.org on the heading heading-org-03a.png Community on the nav bar and moodlecommunity on the heading which makes it consistent with the rest heading-org-03b.png
            Hide
            tsala Helen Foster added a comment -

            I vote for moodle.org in the nav bar and the heading. All of the sites are 'Moodle community sites', so it seems a bit odd to me to describe moodle.org as 'Community'.

            Show
            tsala Helen Foster added a comment - I vote for moodle.org in the nav bar and the heading. All of the sites are 'Moodle community sites', so it seems a bit odd to me to describe moodle.org as 'Community'.
            Hide
            barbararamiro Barbara Ramiro added a comment - - edited


            secondary-menu-org.png


            secondary-menu-docs.png


            secondary-menu-downloads.png


            secondary-menu-demo.png


            secondary-menu-tracker.png


            secondary-menu-dev.png


            secondary-menu-translation.png


            secondary-menu-net.png

            Show
            barbararamiro Barbara Ramiro added a comment - - edited secondary-menu-org.png secondary-menu-docs.png secondary-menu-downloads.png secondary-menu-demo.png secondary-menu-tracker.png secondary-menu-dev.png secondary-menu-translation.png secondary-menu-net.png
            Hide
            barbararamiro Barbara Ramiro added a comment - - edited


            tertiary-menu-org.png

            Show
            barbararamiro Barbara Ramiro added a comment - - edited tertiary-menu-org.png
            Hide
            lazydaisy Mary Evans added a comment -

            Bringing in different colours like this is great and I also love the use of different font types for the page titles.

            One thought did occurred to me, however, when I saw these changes today, is that care should be taken for Moodle users who suffer from colour deficient vision. This LINK shows a chart of colours that takes into account the different types of colour deficient vision.

            I was worrying more about the yellow and blue as these two colours that are just as important as red and green, which to some people are indistinguishable.

            Show
            lazydaisy Mary Evans added a comment - Bringing in different colours like this is great and I also love the use of different font types for the page titles. One thought did occurred to me, however, when I saw these changes today, is that care should be taken for Moodle users who suffer from colour deficient vision. This LINK shows a chart of colours that takes into account the different types of colour deficient vision. I was worrying more about the yellow and blue as these two colours that are just as important as red and green, which to some people are indistinguishable.
            Hide
            marycooch Mary Cooch added a comment -

            I absolutely love all these One thing I am really bad at is design, so I totally admire people like Barbara with that skill (and Mary Evans too!) Mary could well have a point about the colours for certain viewers - I recall at school that being an issue with worksheet colours. I wonder if there is a similar consideration with the use of capital letters as were told that dyslexics found capitalised words harder to read?

            Show
            marycooch Mary Cooch added a comment - I absolutely love all these One thing I am really bad at is design, so I totally admire people like Barbara with that skill (and Mary Evans too!) Mary could well have a point about the colours for certain viewers - I recall at school that being an issue with worksheet colours. I wonder if there is a similar consideration with the use of capital letters as were told that dyslexics found capitalised words harder to read?
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Thanks Mary & Mary (",) for the complements.

            Regarding the page titles though, it is a bad practice to display the domain extension (#5 of 7 Bad Design Practices to Avoid on Your Home Page) but Martin wants it there for a reason and Helen has a reason too for moodle.org. I am hoping though that we can avoid it. It's a bit redundant with the domain name.

            Regarding colors, I do agree with you Mary E that yellow is indistinguishable not only for color blinds but for everyone especially on white background. I tried a lot of different yellow shades and nothing really works well. Helen has stated her reason for yellow but I also hope she is open to change once she sees the mockups.

            Regarding fonts, based on my personal experience with my dyslexic students in the past, their opinions and preferences vary greatly. But I will come up with mixed letters and will let the team decide in behalf of the dyslexics. Though if we really want to make our site truly dyslexic friendly we've got a lot of things to consider such as background color not white, navigation not green or red etc Dyslexia Style Guide. Better yet have a separate style not only for dyslexics but for color blinds as well.

            Cheers

            Show
            barbararamiro Barbara Ramiro added a comment - Thanks Mary & Mary (",) for the complements. Regarding the page titles though, it is a bad practice to display the domain extension (#5 of 7 Bad Design Practices to Avoid on Your Home Page ) but Martin wants it there for a reason and Helen has a reason too for moodle.org. I am hoping though that we can avoid it. It's a bit redundant with the domain name. Regarding colors, I do agree with you Mary E that yellow is indistinguishable not only for color blinds but for everyone especially on white background. I tried a lot of different yellow shades and nothing really works well. Helen has stated her reason for yellow but I also hope she is open to change once she sees the mockups. Regarding fonts, based on my personal experience with my dyslexic students in the past, their opinions and preferences vary greatly. But I will come up with mixed letters and will let the team decide in behalf of the dyslexics. Though if we really want to make our site truly dyslexic friendly we've got a lot of things to consider such as background color not white, navigation not green or red etc Dyslexia Style Guide . Better yet have a separate style not only for dyslexics but for color blinds as well. Cheers
            Hide
            tsala Helen Foster added a comment -

            Barbara, sorry I don't remember saying we had to use yellow, so please feel free to use a different colour.

            I'd prefer submenu names not to be all in capitals, not just for dyslexics, but for general readability (as described in http://en.wikipedia.org/wiki/All_caps ).

            Show
            tsala Helen Foster added a comment - Barbara, sorry I don't remember saying we had to use yellow, so please feel free to use a different colour. I'd prefer submenu names not to be all in capitals, not just for dyslexics, but for general readability (as described in http://en.wikipedia.org/wiki/All_caps ).
            Hide
            lazydaisy Mary Evans added a comment -

            Hi Barbara, I think the use of .com .org or .co.uk are in themselves a form of Branding and so in this case Martin is correct in his insistence that moodle.org is used. I like it!

            Show
            lazydaisy Mary Evans added a comment - Hi Barbara, I think the use of .com .org or .co.uk are in themselves a form of Branding and so in this case Martin is correct in his insistence that moodle.org is used. I like it!
            Hide
            barbararamiro Barbara Ramiro added a comment -


            tertiary-menu-org-dropdown.png

            Show
            barbararamiro Barbara Ramiro added a comment - tertiary-menu-org-dropdown.png
            Hide
            lazydaisy Mary Evans added a comment -

            @Barbara, I like the tertiary-menu either as a d/down or inline as you have displayed it previously.

            @Aparup, regarding the Custommenu I just wondered if you where aware of this feature that Dan Marsden added in MDL-31043. I was wondering if its use may be useful for adding the tertiary menu?

            Show
            lazydaisy Mary Evans added a comment - @Barbara, I like the tertiary-menu either as a d/down or inline as you have displayed it previously. @Aparup, regarding the Custommenu I just wondered if you where aware of this feature that Dan Marsden added in MDL-31043 . I was wondering if its use may be useful for adding the tertiary menu?
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Thanks for your feedback, Mary (",)

            Show
            barbararamiro Barbara Ramiro added a comment - Thanks for your feedback, Mary (",)
            Hide
            nebgor Aparup Banerjee added a comment -

            Mary, didn't know about that, thanks. The custom menu is actually the secondary menu (which drops down into the 'tertiary') atm. The top sites menu isn't going to drop down or anything so it is now a simple menu bar.

            Show
            nebgor Aparup Banerjee added a comment - Mary, didn't know about that, thanks. The custom menu is actually the secondary menu (which drops down into the 'tertiary') atm. The top sites menu isn't going to drop down or anything so it is now a simple menu bar.
            Hide
            lazydaisy Mary Evans added a comment -

            @Barbara, you're welcome! (",) <- that's so cute!

            @Aparup, I like to use that menu feature in themes as it allows you to use both at different times. By setting frontpage.php as the default menu (global), and general.php to use the one set at theme level, thus allowing different menus in different courses if you have a set of course themes.

            Show
            lazydaisy Mary Evans added a comment - @Barbara, you're welcome! (",) <- that's so cute! @Aparup, I like to use that menu feature in themes as it allows you to use both at different times. By setting frontpage.php as the default menu (global), and general.php to use the one set at theme level, thus allowing different menus in different courses if you have a set of course themes.
            Hide
            nebgor Aparup Banerjee added a comment - - edited

            i'm having trouble lowering the z-index on only dropdown-menu vs navbar and navbar-inner. the rest of the page's content layers incorrectly. any ideas? I've also played with inset shadows but that removes the original outset shadow...
            tried looking at http://www.red-team-design.com/wp-content/uploads/2011/04/css3-box-shadow.html which uses :before and:after pseudo elements for multiple shadows... no luck yet.

            note: all z-indexing must be reset at other media widths.

            Show
            nebgor Aparup Banerjee added a comment - - edited i'm having trouble lowering the z-index on only dropdown-menu vs navbar and navbar-inner. the rest of the page's content layers incorrectly. any ideas? I've also played with inset shadows but that removes the original outset shadow... tried looking at http://www.red-team-design.com/wp-content/uploads/2011/04/css3-box-shadow.html which uses :before and:after pseudo elements for multiple shadows... no luck yet. note: all z-indexing must be reset at other media widths.
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Apu, this might simplify "life"... see tertiary navigation above the drop shadow rather than under (",)


            tertiary-menu-org-dropdown-2-innerpage.png

            Show
            barbararamiro Barbara Ramiro added a comment - Apu, this might simplify "life"... see tertiary navigation above the drop shadow rather than under (",) tertiary-menu-org-dropdown-2-innerpage.png
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Details to note on the mockup below...

            1. Tertiary navigation on top of the drop shadow
            2. Top navigation bar (black) no more drop shadow which makes it consistent with other sites (Drop shadow is on the orange band)
            3. Moodle logo in white (only on the home page)
            4. Tagline spans all the way to the right
            5. Getting started button under the tagline


            tertiary-menu-org-dropdown-homepage.png

            Show
            barbararamiro Barbara Ramiro added a comment - Details to note on the mockup below... 1. Tertiary navigation on top of the drop shadow 2. Top navigation bar (black) no more drop shadow which makes it consistent with other sites (Drop shadow is on the orange band) 3. Moodle logo in white (only on the home page) 4. Tagline spans all the way to the right 5. Getting started button under the tagline tertiary-menu-org-dropdown-homepage.png
            Hide
            nebgor Aparup Banerjee added a comment -

            Thanks Barbara, can you attach the white moodle.org logo separately so i don't crop and have the background tiles misaligned with the actual tile background.

            The mockups look great btw!

            Show
            nebgor Aparup Banerjee added a comment - Thanks Barbara, can you attach the white moodle.org logo separately so i don't crop and have the background tiles misaligned with the actual tile background. The mockups look great btw!
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Revised shades of blue


            secondary-menu-tracker-2.png


            secondary-menu-dev-2.png

            Show
            barbararamiro Barbara Ramiro added a comment - Revised shades of blue secondary-menu-tracker-2.png secondary-menu-dev-2.png
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Since yellow does not work on white background, here is a new color for moodle.net. Let me know what you think (" ,)


            secondary-menu-net-3.png

            Show
            barbararamiro Barbara Ramiro added a comment - Since yellow does not work on white background, here is a new color for moodle.net. Let me know what you think (" ,) secondary-menu-net-3.png
            Hide
            lazydaisy Mary Evans added a comment - - edited

            Nice (" ,)

            Show
            lazydaisy Mary Evans added a comment - - edited Nice (" ,)
            Hide
            xymoodle XY Ng added a comment -

            Warm gray suggestions (not sure how it'd suit your existing colour palette):

            • #332E2C (dark warm gray)
            • #2B2624
            • #332926 (warmer warm gray)

            Show
            xymoodle XY Ng added a comment - Warm gray suggestions (not sure how it'd suit your existing colour palette): #332E2C (dark warm gray) #2B2624 #332926 (warmer warm gray)
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Header

            • New tagline
            • Tagline Text-align: center
            • Getting started button: removed


            tertiary-menu-org-dropdown-homepage-2.png

            Show
            barbararamiro Barbara Ramiro added a comment - Header New tagline Tagline Text-align: center Getting started button: removed tertiary-menu-org-dropdown-homepage-2.png
            Hide
            barbararamiro Barbara Ramiro added a comment -

            Thanks XY for your suggestions (" ,)

            I tried all your suggestions but they are all too dark and too close to the color of the top navigation bar which make moodle.net not obvious as the current site.

            Because I appreciate your initiative to help, here are some pointers to consider...

            • Highlight the current site (make it obvious)
            • Use distinct color for site identity
            • Harmony with the color scheme we have for the other sites (as you can see from the screenshots)
            • Should go well with our orange logo

            Cheers (" ,)

            Show
            barbararamiro Barbara Ramiro added a comment - Thanks XY for your suggestions (" ,) I tried all your suggestions but they are all too dark and too close to the color of the top navigation bar which make moodle.net not obvious as the current site. Because I appreciate your initiative to help, here are some pointers to consider... Highlight the current site (make it obvious) Use distinct color for site identity Harmony with the color scheme we have for the other sites (as you can see from the screenshots) Should go well with our orange logo Cheers (" ,)
            Hide
            dougiamas Martin Dougiamas added a comment -

            Barbara can you post individual graphics for the last mockup for Aparup to actually use.

            Show
            dougiamas Martin Dougiamas added a comment - Barbara can you post individual graphics for the last mockup for Aparup to actually use.
            Hide
            barbararamiro Barbara Ramiro added a comment - - edited

            MOODLE.ORG LOGO

            For the frontpage: (hover to see white logo)

            For subpages:

            Show
            barbararamiro Barbara Ramiro added a comment - - edited MOODLE.ORG LOGO For the frontpage: (hover to see white logo) For subpages:
            Hide
            nebgor Aparup Banerjee added a comment -

            after a few times hover on and off - moodle is ghosting!

            thanks Barbara

            Show
            nebgor Aparup Banerjee added a comment - after a few times hover on and off - moodle is ghosting! thanks Barbara
            Hide
            tsala Helen Foster added a comment -

            Many thanks Barbara and everyone who helped design a truly beautiful theme which it lovely to use.

            Show
            tsala Helen Foster added a comment - Many thanks Barbara and everyone who helped design a truly beautiful theme which it lovely to use.
            Hide
            dougiamas Martin Dougiamas added a comment -

            Hear hear!

            Show
            dougiamas Martin Dougiamas added a comment - Hear hear!
            Hide
            mudrd8mz David Mudrák added a comment -

            ?

            Show
            mudrd8mz David Mudrák added a comment - ?

              People

              • Votes:
                1 Vote for this issue
                Watchers:
                11 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: