css background

Hi Experts,

I like the style of background in this page example, can someone explain how this is done?  Is it one big image or is there a CSS trick to get this effect.

http://demo.joomla.org/

Thanks,

HNM
HelpNearMeAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

remixedcatCommented:
well I do see CSS drop shadows.... on some elements and the rest is done like this:
http://demo.joomla.org/templates/joomla/images/body-bg.png

which has the back glow
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
remixedcatCommented:
the rest is done with centering code and a blue solid color background:

most use this:


background-position: top center;
background-repeat: no-repeat;

Open in new window

0
remixedcatCommented:
or this:


background:#000000 url('background.jpg') no-repeat center top;

Open in new window

0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

HelpNearMeAuthor Commented:
wow and that background image is 216KB, seems to go against the file size fear mongering when it comes to page load time and SEO.  Is this a typical practice to use such a large background image (216KB)?

Thanks,

HNM
0
remixedcatCommented:
I recommend under 150KB
0
Alicia St RoseOwner & Principle Developer/DesignerCommented:
Hi HelpNearMe,
It's not a typical practice to use large images. But I have noticed it's becoming more prevalent as design is weighing in as much as backend and functionality. The Wow factor is big. Also, faster modems and wireless are making it less of an issue. It seems that the decline of the physical the Magazine and Catalog is spurring this evolution.
I myself have been guilty of this. At some point you've go to weigh the load time vs audience. If the audience is tech savvy, they probably can handle a large image file download on a website.

Please don't give me any points for this. I'm just puttin' in my 2¢.
0
HelpNearMeAuthor Commented:
Great info, thanks to both of you.  this is just what I need to brighten up an otherwise boring corporate site.

HNM
0
remixedcatCommented:
your most welcome ;-)
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.