Here is how I changed all my colors:

[Helen]

Hello, All,

I went to upload a few pix of my little girl last night, and decided that I didn't care for the new SM slime green borders and titles. Thanks to all of the helpful posts here, I figured out how to customize all of my colors. It took alot of piecing together, so I thought that I would post would post what I did.

This is the code that I inserted into my stylesheet HTML:

#feeds { display: none }
a:link {color: #000066}
a:visited {color: #000066}
a:hover {color: #000066}
a:active {color: #000066}
h2 { color: #000066; font-weight: normal }
.title { color: #339999 }
.offblue { color: #339999 }
.offgray { color: #339999 }
.blue { color: #339999 }
.headlg { color: #000066 }
.headmd { color: #000066 }
.imgBorderOn { border: solid 1px #339999; }
.imgBorder { border: solid 1px #000066; }
#caption { color: #000066; font-weight: bold; margin-bottom: 20px }
body { background-color: #ffcccc; margin-left: 20px }
#banner { margin-bottom: 20px }
table{ background-color: #ffcccc }
tr{ background-color: #ffcccc }
td{ background-color: #ffcccc }

Each 6-digit HEX number represents a web-safe RGB value. You can use the color-picker mode in Photoshop and click the "Web Colors Only" box to see the values there. Or, check this website: http://visibone.com/colorlab/.

Anyway, as a total newbie, I don't know if anything that I've done here is "correct", but it does seem to work and I am happy to be rid of the neon green.

Peace out,
H

[Andy]

Hello, All,

I went to upload a few pix of my little girl last night, and decided that I didn't care for the new SM slime green borders and titles. Thanks to all of the helpful posts here, I figured out how to customize all of my colors. It took alot of piecing together, so I thought that I would post would post what I did.

This is the code that I inserted into my stylesheet HTML:

#feeds { display: none }
a:link {color: #000066}
a:visited {color: #000066}
a:hover {color: #000066}
a:active {color: #000066}
h2 { color: #000066; font-weight: normal }
.title { color: #339999 }
.offblue { color: #339999 }
.offgray { color: #339999 }
.blue { color: #339999 }
.headlg { color: #000066 }
.headmd { color: #000066 }
.imgBorderOn { border: solid 1px #339999; }
.imgBorder { border: solid 1px #000066; }
#caption { color: #000066; font-weight: bold; margin-bottom: 20px }
body { background-color: #ffcccc; margin-left: 20px }
#banner { margin-bottom: 20px }
table{ background-color: #ffcccc }
tr{ background-color: #ffcccc }
td{ background-color: #ffcccc }

Each 6-digit HEX number represents a web-safe RGB value. You can use the color-picker mode in Photoshop and click the "Web Colors Only" box to see the values there. Or, check this website: http://visibone.com/colorlab/.

Anyway, as a total newbie, I don't know if anything that I've done here is "correct", but it does seem to work and I am happy to be rid of the neon green.

Peace out,
H

can we see your site name so we can look at it?

thanks for taking the time to post this :D

[Mike Lane]

Each 6-digit HEX number represents a web-safe RGB value. You can use the color-picker mode in Photoshop and click the "Web Colors Only" box to see the values there. Or, check this website: http://visibone.com/colorlab/.
I don't mean to be picky, but the hex color code has as many colors and (on the internet) the same color space as your smugmug pictures do: 256^3 = 16277216, sRGB. Furthermore, there is no need to use the web safe colors since most everyone has a 16bit display these days. The web safe colors were developed at a time when there were a lot of 8 bit displays out there which could only display 256 colors. So someone got the bright idea to identify 216 colors that would show up on those monitors without dithering. The "web safe" pallet was born. It's way out of date now though.

More info at http://en.wikipedia.org/wiki/Web_colors

Long story short, don't worry about using the web safe colors. Put in any value for red green and blue that your heart desires (00 to ff only) and it'll show up just fine all over the world.

[Helen]

Mike,

Yup, I'd say that you're right about the archiac nature of web-safe colors. But, hey, I've also coded in FORTRAN...

-H

Oh, yeah, here is one of my favorite pix of my baby girl and you can see my silly "Miami Vice" color scheme: http://pelster.smugmug.com/gallery/246065/2/30952748

[Khaos]

Mike,

Yup, I'd say that you're right about the archiac nature of web-safe colors. But, hey, I've also coded in FORTRAN...

-H

Oh, yeah, here is one of my favorite pix of my baby girl and you can see my silly "Miami Vice" color scheme: http://pelster.smugmug.com/gallery/246065/2/30952748
Oh man, there's a flashback.

My very first Comp Sci course was FORTRAN. I was a weird one and actually preferred and liked assembler. I remember writing programming assignments on a dummy terminal and waiting 2 hours to get the print out to find I typed a . instead of a , and then having to go through the whole process again.:bash

[colourbox]

...there is no need to use the web safe colors since most everyone has a 16bit display these days. The web safe colors were developed at a time when there were a lot of 8 bit displays out there which could only display 256 colors. So someone got the bright idea to identify 216 colors that would show up on those monitors without dithering. The "web safe" pallet was born. It's way out of date now though...

Very good reminder, since the Web palette is so restrictive. Every time I used to use it I would think, "Ugh, who picked THESE 216 colors? An engineer?" :D

[Dee]

Hello, All,

I went to upload a few pix of my little girl last night, and decided that I didn't care for the new SM slime green borders and titles. Thanks to all of the helpful posts here, I figured out how to customize all of my colors. It took alot of piecing together, so I thought that I would post would post what I did.

This is the code that I inserted into my stylesheet HTML:

#feeds { display: none }
a:link {color: #000066}
a:visited {color: #000066}
a:hover {color: #000066}
a:active {color: #000066}
h2 { color: #000066; font-weight: normal }
.title { color: #339999 }
.offblue { color: #339999 }
.offgray { color: #339999 }
.blue { color: #339999 }
.headlg { color: #000066 }
.headmd { color: #000066 }
.imgBorderOn { border: solid 1px #339999; }
.imgBorder { border: solid 1px #000066; }
#caption { color: #000066; font-weight: bold; margin-bottom: 20px }
body { background-color: #ffcccc; margin-left: 20px }
#banner { margin-bottom: 20px }
table{ background-color: #ffcccc }
tr{ background-color: #ffcccc }
td{ background-color: #ffcccc }

Each 6-digit HEX number represents a web-safe RGB value. You can use the color-picker mode in Photoshop and click the "Web Colors Only" box to see the values there. Or, check this website: http://visibone.com/colorlab/.

Anyway, as a total newbie, I don't know if anything that I've done here is "correct", but it does seem to work and I am happy to be rid of the neon green.

Peace out,
H

I wouldn't even know where to begin. I don't like that neon green either.

[Andy]

I wouldn't even know where to begin. I don't like that neon green either.

stay tuned - soon smugmug will offer easy drop-downs, for standard users to switch colors, template designs, etc...

hang it there dee, green's no so bad for a little while, anyway, eh?

[winnjewett]

Here's a quick hint:

For 'websafe colors' where each pair of digits are the same, such as:
a:link {color: #003366;}

you can put just the first digit of each number. This saves a bit of time, and makes it a little easier to change:
a:link {color: #036;}

-winn