For the most part, we JUST do background colors and images. There is an optional 'sitedyes_presets.css' which has some basic formatting that we use on this free site. Feel free to try it on your existing sites. It will offer these image sizes, auto-sizes the images with small frames, and centers most things except paragraphs. For example, all 'headings' get centered by default. Just a small bit of formatting to do the things I typically had to do almost every time. I would rather tweak the exception than the rule. The formats are separate to allow for people that just want to use the palettes.

The following images show the size limiters

THUMB, SMALL, MEDIUM, LARGE, or not limited.

These are all the same large image, just for illustration purposes. In this case it isn't critical, since the image just loads once for all. Our sizing will scale any image down. But, in actual use, a gallery of small thumbs using large format images will take forever to load, so create small thumb images that are close.



dye_img-THUMB
150px max

dye_img-THUMB + dye_img-ZOOM-sm
150px max, zooms to 200px
 

dye_img-SMALL
300px max

dye_img-MEDIUM
450px max

dye_img-LARGE
800px max
 

Image contained, default



Image contained with 'dye_img-NOFRAME'



Image uncontained, styled with 'dye_img-NOPADDING'

 
 
© SiteDyes.com 2018
Web colors by SiteDyes.com