« July 2005 | Main | September 2005 »

August 29, 2005

Want to to Change Your Colors?

Changing the colors of stuff on your TerraBlog is simple, provided you know a little basic CSS, which is easy as pie. When you look at your stylesheet (probably labeled styles-site.css in your template editing menu), you'll see a bunch of code that looks something like:

body { margin: 16px 0px 16px 0px; background-color: #E9E9E9; text-align: center; font-family: Verdana, Tahoma, MS Sans Serif, Arial; font-size:small; }

a {text-decoration: underline;}
a:link {color: #0052C2;}
a:visited {color: #0052C2;}
a:active {color: #999999;}
a:hover {color: #999999;}

It's important to keep in mind that this stuff is your friend! DO NOT BE AFRAID OF IT. No, really. No whining.

OK, check out the bits in the code that look like:

color: #999999;

That's the color. If you replace this color value (also called a "hex value" or "color name") you'll change the color.

Here a handy chart with a few color values that you can rip off. If you want more complicated color values, try the Firefox ColorZilla extension, or find the hex values for colors in something like Photoshop.

Also, while you're at it, go here and read up on CSS.

Play around. Experiment. Have fun. But save copies of whatever you're editing by copying and pasting your templates into a simple text editor first. That way, if you screw up you'll have some older code to fall back on. Trust me, wiping out the look of your whole blog because you killed something is not fun (I've done that a several times in the past). So be careful, but go play!

— finis —

Posted by Hugo Fitch at 11:38 AM | Comments (5) | TrackBack

\n