We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 33453
    • 141 Posts
    I quite like the look of the template in the MODx basic template tutorial - the one with Saturn in the background. Is this a real template and available for download somewhere?

    Thanks.
      • 18397
      • 3,250 Posts
      This is a real template by Susan (sottwell) which used to be on her site.

      @sottwell : is it available for download somewhere
        • 33453
        • 141 Posts
        Thanks Mark,

        I have only been here a couple of days and already I recognise Susan as a major contributor to both the project and the forum.
          • 28042 ☆ A M B ☆
          • 24,524 Posts
          That template is a blatant ripoff from this site:

          http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html

          The fancy "overlay" fixed scrolling bit doesn’t work too well (actually not at all...) with IE, not to mention the fact that it uses four large images, but his page is only for demo purposes, and the general idea is still doable. It’s a very simple two-column layout. He’s got several alternate css files, if your browser can do that. I got that Saturn image off the NASA section of GIMP-Savvy (http://gimp-savvy.com/PHOTO-ARCHIVE/index.html), so they are totally free. I didn’t bother to make up a package of the template, since it’s easily available from the above site. He explicity allows the use of the templates and CSS, but not the images on his pages. Well worth looking at.

          http://www.meyerweb.com/eric/css/edge/index.html

          If you need me to, I can "fake" it and make up a working package.
            Studying MODX in the desert - http://sottwell.com
            Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
            Join the Slack Community - http://modx.org
            • 33453
            • 141 Posts
            Thanks Susan,

            I am familiar with the complex spiral page - drooled over it many times. Never thought of emulating it though. I think it might be a bit too complex for what I want at the moment, but it would be fun to play with grin
              • 28042 ☆ A M B ☆
              • 24,524 Posts
              That is one of the most simple templates you can possibly use! The only interesting part about it is the "scrolling" effect, which IE/Windows doesn’t do because it doesn’t handle the background:fixed property correctly.

              Actually I’ve been looking at a couple of ways to "fake" it anyway; I’m very fond of it. I especially like to have the Saturn background, then have a simple Javascript slide show rotatating through a set of small images of blast-offs, also from the NASA image library. My theme for such a page is "The Sky’s the Limit". I would probably use the original idea for the main css file, then have an IE conditional section in the template head to call up an IE css file for the browser-impaired wink
                Studying MODX in the desert - http://sottwell.com
                Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
                Join the Slack Community - http://modx.org
                • 28042 ☆ A M B ☆
                • 24,524 Posts
                  Studying MODX in the desert - http://sottwell.com
                  Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
                  Join the Slack Community - http://modx.org
                  • 33453
                  • 141 Posts
                  Thanks very much I shall take a look at that now.

                  I am not currently too bothered about the scrolling - it’s the transparency I’m interested in. Sadly the picture of Saturn willl most likely be replaced with something more appropriate to the website content. A truly awesome picture though - I hope to think of another use for it.

                  Thanks again.
                    • 33453
                    • 141 Posts
                    Hmmm .... it doesn’t work at all well in IE, does it embarrassed?
                      • 28042 ☆ A M B ☆
                      • 24,524 Posts
                      Hmmm .... it doesn't work at all well in IE, does it

                      Wasn’t intended to. A quote from the website:

                      It does not exist to present or explain safe cross-browser techniques; in fact, almost the opposite. The goal here is to find ways to make CSS live up to its fullest potential, with only minimal regard to browser limitations.

                      http://www.meyerweb.com/eric/css/edge/index.html

                      That’s the main reason I hadn’t offered it here before; it’s really not a generally useful technique. Sure is pretty in Firefox or any other real browser, though.

                      If it’s just the "transparency" you’re interested in, that was really easy...

                      http://www.gimp.org/tutorials/Changing_Background_Color_1/
                        Studying MODX in the desert - http://sottwell.com
                        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
                        Join the Slack Community - http://modx.org