Change the background color of website with multiple colors.

Question

0.00/5 (No votes)

See more:

Dear Friends,

I want to make the Background color as Dark green and White Mixing.

My Logo color is #197E46

So, I need to make the Back ground color as Mixing with two colors.(Green and White)
Chk this Website. www.mofa.gov.sa I need Same as it is background

Please help me, howa to do multiple colors as background.

Thanks

Posted 29-Jun-12 19:26pm

Syed SufiyanUddin

Add a Solution

Comments

barneyman 30-Jun-12 1:33am

Can't you just look at the website source and determine how they're doing it?

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

_Amy · Answer 1 · 2012-06-29T19:37:00

Hi,
The background of the website which you provided is not having background color.
It is having background image. Here[^] is the image of that website.
Follow the links below to have some interactive design in your website:
http://blog.myfreetemplatehome.com/[^]
http://jayce-o.blogspot.in/2012/01/12-best-online-website-builders-to.html[^]
http://www.5sec.com/[^]
All the best.
--Amit

Christoph Keller · Answer 2 · 2012-06-29T19:59:00

Hi,

The website you provided have a white background defined (on the body element) and a background image containing a gradient defined here: http://www.mofa.gov.sa/MOFADesign/MOFA-Images/Bg_Html.jpg[^].
This background-image is 1px wide and is defined as repeat-x, so it will repeat itself horizontally.

This is the safe way to get it working on all browsers including IE6 / IE7. If you only want to support newer browsers, I would use CSS3 gradient definitions.

Here is a generator for such gradients (containing also a 'hack' for IE6+): http://www.colorzilla.com/gradient-editor/[^]

Here you can see how this is used:
http://jsfiddle.net/zhQAw/1/[^]

Hope this helps.

Best regards and happy coding,
Chris

Change the background color of website with multiple colors.

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0