Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Clock

    Custom CSS
    3
    7
    2785
    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.
    • Hriereb
      Hriereb last edited by

      Hi everyone,
      I’m trying to customize my own MM and I was wondering if there’s a way to add some new clock-faces or to import a template from the web. I’ve found something interesting but I don’t know if this one could work and I wouldn’t know how to make it work. Any suggestion? That’s what I mean…

      https://codepen.io/vineethtr/pen/GvROZV

      justjim1220 1 Reply Last reply Reply Quote 1
      • justjim1220
        justjim1220 Module Developer @Hriereb last edited by

        @hriereb

        The folder in the clock module directory is called faces. it uses .svg images.

        You can create svg images with your own images using Vectr, found here…
        https://vectr.com/.

        This is what my clock looks like…

        0_1526770014792_Screenshot (5).png

        You can create the svg files online at the site, or you can download the program. The download runs much faster than the online version. And it’s really easy to use! 😎

        Mykle1 Hriereb justjim1220 3 Replies Last reply Reply Quote 1
        • Mykle1
          Mykle1 Project Sponsor Module Developer @justjim1220 last edited by

          @justjim1220

          That’s cool Jim! 🙂

          justjim1220 1 Reply Last reply Reply Quote 1
          • justjim1220
            justjim1220 Module Developer @Mykle1 last edited by

            @mykle1

            Well… Thanks!!!

            1 Reply Last reply Reply Quote 0
            • Hriereb
              Hriereb @justjim1220 last edited by

              @justjim1220 Thank you so much. So I only need to draw my own svg face clock and put in the face folder to make it work, am I right? Did you have a look at the link I posted in my first message? Do you think there’s a way to have such a kind of clock? I tried to incorporate that code but nothing happened. I know that’s a silly way to procede but I’m totally new to this and every kind of suggestion is really precious to me. I’m trying to learn as much as I can since I literally fell in love with the raspi world. Thanks again

              justjim1220 1 Reply Last reply Reply Quote 0
              • justjim1220
                justjim1220 Module Developer @justjim1220 last edited by

                @justjim1220 LOVE the clock!!! Way Kewl!!! 😎

                1 Reply Last reply Reply Quote 0
                • justjim1220
                  justjim1220 Module Developer @Hriereb last edited by

                  @hriereb

                  Yes, Love the clock!

                  I copied the code from there and will see how to incorporate it into a module for the Mirror.

                  I am currently learning how to do this with a couple modules I am working on myself, so this will give me some more practice!

                  1 Reply Last reply Reply Quote 0
                  • 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