MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.25.0 is available! For more information about this release, check out this topic.

    Anyone fancy doing a fulscreeen month calendar?

    Custom CSS
    3
    6
    1624
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      stuartiannaylor last edited by

      I really suck generally but even more so with CSS & HTML 🙂

      https://codepen.io/afontcu/pen/bapBxv but https://freefrontend.com/css-calendars/ have 35 to choose from 🙂

      Actually thought if the colours where flipped and pink went of the action https://codepen.io/tomcwatts/pen/PmaWpZ would actually be quite cool.

      1 Reply Last reply Reply Quote 0
      • G
        ganget last edited by ganget

        Is this module or maybe this module? close or similar to what you have in mind? You can make both of these modules fullscreen by using the fullscreen_above or fullscreen_below position.
        If you have any more questions let me know 🙂

        P.s. You don’t have to reinvent the wheel 😉

        1 Reply Last reply Reply Quote 0
        • S
          stuartiannaylor last edited by

          First one apart from the colours as trying to keep all greyscale across modules.
          Layout is great on the first one but boy it just doesn’t fit.
          Even my MMM-News is grey thanks to eouia with:-

          Add this into your css/custom.css

          #NEWS .articleImage {
              filter: grayscale(100%);
          }
          

          You can use other filters like sepia or blur, etc. See https://www.w3schools.com/cssref/css3_pr_filter.asp

          G 1 Reply Last reply Reply Quote 0
          • G
            ganget @stuartiannaylor last edited by

            @stuartiannaylor Can you show me a picture to explain “boy it just doesn’t fit”? modifying the custom css can probably help you to achieve what you want.

            Do you have a picture of something similar to what you want?

            1 Reply Last reply Reply Quote 0
            • S
              stuartiannaylor last edited by

              The top calendar in the first example is perfect apart from the colours .
              The default modules are a sort of ‘Theme’ I have been sticking to but the one I have been thinking of maybe trying but like said I really suck at css / html.

              If the first one was just subtle greyscales where and when needed it would be perfect.

              1 Reply Last reply Reply Quote 0
              • ?
                A Former User last edited by

                0_1550672751542_sc1.png

                I don’t know what you mean grayscale theme, but how about this? Unless you set your style to event, it will be displayed as B/W style.
                like this;
                0_1550672935437_sc2.png
                Of course you can adjust color with CSS.

                MMM-CalendarExt can do that also.

                1 Reply Last reply Reply Quote 2
                • 1 / 1
                • First post
                  Last post
                Enjoying MagicMirror? Please consider a donation!
                MagicMirror created by Michael Teeuw.
                Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                This forum is using NodeBB as its core | Contributors
                Contact | Privacy Policy