Change header color (General)

by Windy Cindy, Wednesday, March 12, 2008, 19:04 (5888 days ago)

Hey guys, where do I change the light blue header to a pretty pink I want for my forum?

Thanks....:-)

locked
4557 views

Change header color

by Dan ⌂ @, Thursday, March 13, 2008, 03:43 (5888 days ago) @ Windy Cindy
edited by Alfie, Thursday, March 13, 2008, 11:29

Go to your CSS in your FTP. Go to the file: www.example.org/forum/templates/default/style.css

--
Edit: Link changed according to RFC 2606, Section 3. Change www.example.org to the domain of your site. [Alfie]
--

Search for:
#top { margin:0; padding:0; height:4.4em; color:#000000; background:#d2ddea url(images/bg_top.png) repeat-x bottom; }

The bold part. That is at the header, which you want to change. Additionally you can select another image by overriding it or hosting it externally using ImageShack.us or make it into another color, such as pink.

#top { margin:0; padding:0; height:4.4em; color:#000000; bgcolor:#hexcode; }

Change the hex code to your color. But sometimes gradiants look better, but then again one color headers can be used efficently as well. If you need any more help add me on MSN: blackaye_v2@hotmail.com or go to my contact page: sodadome.com/contactme.php.

Hope I helped.

locked
4983 views
Avatar

Change header color

by Alfie ⌂, Vienna, Austria, Thursday, March 13, 2008, 11:20 (5888 days ago) @ Windy Cindy

Dear Windy,

as Dan said in his post you may change the hex-code of the background.
If you are not familiar with hex notation (00 hex = 0 decimal, FF hex = 255 dec), you may opt for using the rgb-method of CSS as well. Colors are given as a triplet of red/green/blue with decimal values (range 0 to 255) or percentages (range 0% to 100%).

Examples:

#top {background: rgb(255,0,0); }
#top {background: rgb(100%,0%,0%); }

give red, whereas

#top {background: rgb(255,192,192); }
#top {background: rgb(100%,75%,75%); }

I would call [color=#ffc0c0]pink[/color]... ;-)

--
Cheers,
Alfie (Helmut Schütz)
BEBA-Forum (v1.8β)

locked
4369 views

Change header color

by Wendy, Wednesday, March 19, 2008, 23:28 (5881 days ago) @ Alfie

Thanks guys that did the trick!

locked
4092 views

RSS Feed of thread