How To Create Your Own Skin =========================== GeoMOOSE 2 has greatly simplified the skinning and CSS required to change elements of the interface. Step 1: Make a Copy of a Previous Existing Skin ----------------------------------------------- In the current distribution the easiest to modify skin is the "blue" skin. The directory has sub-directories so it will be necessary to do a recursive copy (the default on windows):: cd htdocs/skins cp -r blue myskin Step 2: Rename the Skin and Edit It! ------------------------------------ This is just a small step to keep things clean:: cp blue.css myskin.css Open myskin.css in a text editor and change the code! After following step 3 you'll see the changes in the interface. Step 3: Set GeoMOOSE to use your Skin ------------------------------------- Open "geomoose.html" in a text editor. In the ```` section there should be a tag starting ```` tag including your skin. This is the default geomoose.html with the *myskin* skin selected:: Tips and Advice --------------- Changing just the Header Image ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ While some folks may want to change the entire look of the site you may only wish to change the header image to match your website. Follow all three steps above. This creates a unique skin for your site. Then change to the skin's image directory:: cd htdocs/skins/myskin/images In that directory is the "logo_top.jpg" image. This is the image that is used in the header, it is 670 pixels by 59 pixels. Making a replacement image of similar size (the height is especially important) will change the logo atop the website!