'Chameleon' Template

Totally redesigned!

I've added more background, navbar style choices, and page background effects. Also new, "parallax" background options and some special FX.

Download available below



 'TEST DRIVE' our free site:




Simply replace with your choices, all pages on your site will change like a Chameleon.

The "mysitedyes.css" file looks like this:

/*!
 *Copyright 2016-2018 Mark Minter
 *CSS theme colors by sitedyes.com
 *If you use our themes, or find them useful please make a
 *contribution at (http://sitedyes.com).
 * It would help keep this site open and to motivate me to
 *create more themes and keep this growing.
*/
/*! *To comply with terms of use, everything above this line
needs to remain intact on any published file. */
/*! ------------------------------------------------------ */
/*! *To adjust page brightness */
@import url("http://sitedyes.com/_css/reset_page/#.css");

/*! ====================================================== */

@import url("http://sitedyes.com/_css/navbar/bluecyan_muted.css");

@import url("http://sitedyes.com/_css/body/redyellow_faded.css");

@import url("../css/pattern/canvas.css");

@import url("../css/banner/round.css");

@import url("http://sitedyes.com/_css/navsize/lg-lower.css");

@import url("http://sitedyes.com/_css/navtabs/tab-up.css");

.dye_img-OURLOGO {
  background-size: cover;
  background-position: center center;
  background-image: url("../images/small/logo.png") !important;
  background-attachment: scroll;
  width: 100px !important;
  height: 75px !important;
}

.dye_img-BG1 {
  background-size: cover;
  background-position: center center;
  background-image: url("../images/beach1.jpg") !important;
}
.dye_img-BG2 {
  background-size: cover;
  background-position: center center;
  background-image: url("../images/beach2.jpg") !important;
}
.dye_img-BG3 {
  background-size: cover;
  background-position: center center;
  background-image: url("../images/beach3.jpg") !important;
}
.dye_img-BG4 {
  background-size: cover;
  background-position: center center;
  background-image: url("../images/beach4.jpg") !important;
}
.dye_img-BG5 {
  background-size: cover;
  background-position: center center;
  background-image: url("../images/beach5.jpg") !important;
}

.dye_transition1 {
  background-image: url("../images/shadow/palms.png") !important;
}

.dye_transition2 {
  background-image: url("../images/shadow/light-spots3.png") !important;
}

.dye_FXchameleon {
  background-color: # !important;
}

.dye_FXchameleon:hover {
  background-color: # !important;
}






You can change the whole theme with the above file.

Sample shown above is just one of millions of combinations.

There are 180 color palettes you can link to (72 navbar and 108 body).

The downloaded kit comes with:

  • over 50 banner styles
  • over 100 background patterns
  • over 25 different shadow images
  • Some sample graphics. You can link to your images for BG1-BG5
You will never try all the combinations, but have fun trying.

The example above is one of MILLIONS of combinations that you can create. This is the simplest web template to customize. Simply go to the mysitedyes.css file and tell it which of our palettes to use, the colors will magically change... hence the name "Chameleon".

You can also add background patterns (like I did on this page) or header graphics. All free. Of course, donations to keep this running would be appreciated.

To see all the available css links, use the navigation at the top of the page to see the latest css lists. I will let YOU do the math on the combinations.It wil keep changing as I add more.

I will be adding more as contributions come in!

Please consider that I've worked on this for a couple of years to make it all work together and make an easy to customize site for you. Please donate to this page if you find it useful so I can continue the site and add more choices.

It's HERE.




Now included: new bonus page template with enhanced dropdown menu







© SiteDyes.com 2018
Web colors by SiteDyes.com