{"id":185,"date":"2006-01-22T10:35:06","date_gmt":"2006-01-22T15:35:06","guid":{"rendered":"http:\/\/fiveforks.com\/ted\/2006\/01\/color_wheel\/"},"modified":"2012-01-04T20:06:25","modified_gmt":"2012-01-05T01:06:25","slug":"color_wheel","status":"publish","type":"post","link":"https:\/\/www.fiveforks.com\/ted\/2006\/01\/color_wheel\/","title":{"rendered":"Color Wheel"},"content":{"rendered":"

I have inherited webmaster duties for a DOT employees organization<\/A>. For the most part the site is very neglected, somebody put a lot of effort into it one time and then nothing really came of it. It also uses frames. The problem I have with frames is you never really know where you are and in this case there are eight different local branches of the club, plus the statewide organization. The colors and buttons are kind of simple. I thought using I could use a format kind of like what the blogs use where there are two columns, one for links and one for content. But I’m terrible with colors and didn’t just want to use Vicksburg Olive like my blog does, even though I like the way those colors work together.<\/p>\n

I found a neat website that offers a color wheel. It may be in different places because they guy says he will let you put the source on your own page (with ads), but this is where I found it:<\/p>\n

Colour Scheme Chooser<\/A><\/p>\n


\nYou pick any color by changing the Red, Green, and Blue values and it comes up with a palette of complimentary colors usings that color (or something close to it, really he rounds everthing off so that you are only choosing from 4,000 instead of 16,777,216 colors).<\/p>\n

So what I did was took the Vicksburg theme CSS, then added in the basic CSS to have everything in one file. Then I took a snapshot of my blog page and used LView to tell me what the different color values were for the background, text color, etc. There are about 8 colors used. Then I went to color wheel and picked a scheme I liked and wrote down 8 color values that I wanted to use, trying to match them up with my blog snapshot. Lastly, I opened the CSS file for editing and did a find and replace for the original color value and replaced it with the new color value. I’m sure that as uncomplicated as my example is that I didn’t need 90% of the CSS that was in the file but it was easier to do a global replace than edit the sheet (it was enough trouble putting the module column on the left instead of the right).<\/p>\n

The original:<\/p>\n

\"blog-olive.gif\"<\/p>\n

The new color scheme:<\/p>\n

\"blog-2.gif\"<\/p>\n

I posted some test pages at the original site. The first<\/A> is based on Vicksburg Olive, the second<\/A> on the new one above, and the third<\/A> is another one I came up with later. I have modified the style sheets to take out most of what I don’t need and renaming some of the classes to be more appropriate to a web page. It was all very confusing, but the results look pretty professional, I think.<\/p>\n","protected":false},"excerpt":{"rendered":"

I have inherited webmaster duties for a DOT employees organization. For the most part the site is very neglected, somebody put a lot of effort into it one time and then nothing really came of it. It also uses frames. The problem I have with frames is you never really know where you are and … Continue reading “Color Wheel”<\/span><\/a><\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-185","post","type-post","status-publish","format-standard","hentry","category-web"],"_links":{"self":[{"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/posts\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/comments?post=185"}],"version-history":[{"count":1,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/posts\/185\/revisions"}],"predecessor-version":[{"id":1047,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/posts\/185\/revisions\/1047"}],"wp:attachment":[{"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/media?parent=185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/categories?post=185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/tags?post=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}