Dream.In.Code > Web Development > HTML & CSS

Welcome to Dream.In.Code
	Become an Expert! Join 149,843 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,385 people online right now. Registration is fast and FREE... Join Now! Chat LIVE With a Expert

Graduated background color

Reply to this topic

Start new topic

Graduated background color

megaquark	8 Feb, 2007 - 06:18 PM Post #1
New D.I.C Head Joined: 8 Feb, 2007 Posts: 4 My Contributions	I am trying to figure out how to create a graduated background color as you can see here: http://www.beechwoodmortgage.com/home.html I tried to figure it out looking at their source code, but it's done in XML with lots of SWF, javascript, and css. I don't know enough of any of these to sort out exactly what part applies to the background color or how it was done. I would appreciate any insight.
	This Post Was Helpful!


Register for Free to Make These Ads Go Away!

capty99	RE: Graduated Background Color 8 Feb, 2007 - 06:46 PM Post #2
the real kya Joined: 26 Apr, 2001 Posts: 9,253 Thanked: 16 times Dream Kudos: 550 My Contributions	its just a big image 1 pixel wide that fades to white. This post has been edited by capty99: 8 Feb, 2007 - 06:47 PM
	This Post Was Helpful!

megaquark	RE: Graduated Background Color 8 Feb, 2007 - 09:10 PM Post #3
New D.I.C Head Joined: 8 Feb, 2007 Posts: 4 My Contributions	QUOTE(capty99 @ 8 Feb, 2007 - 07:46 PM) its just a big image 1 pixel wide that fades to white. Are you serious? And here I thought it was some elusive javascript. I don't suppose you know if a script that will do this?
	This Post Was Helpful!

capty99	RE: Graduated Background Color 8 Feb, 2007 - 10:36 PM Post #4
the real kya Joined: 26 Apr, 2001 Posts: 9,253 Thanked: 16 times Dream Kudos: 550 My Contributions	ummm.... no.... i guess you could do it with css, like a bagillion divs but that would just seem like a waste of time.
	This Post Was Helpful!

Sneblot	RE: Graduated Background Color 9 Feb, 2007 - 06:17 PM Post #5
D.I.C Head Joined: 9 Feb, 2007 Posts: 245 My Contributions	QUOTE(megaquark @ 8 Feb, 2007 - 10:10 PM) QUOTE(capty99 @ 8 Feb, 2007 - 07:46 PM) its just a big image 1 pixel wide that fades to white. Are you serious? And here I thought it was some elusive javascript. I don't suppose you know if a script that will do this? QUOTE(capty99 @ 8 Feb, 2007 - 11:36 PM) ummm.... no.... i guess you could do it with css, like a bagillion divs but that would just seem like a waste of time. Surely just saving the 1 pixel image as a .jpg and using it as your background with y-repeat (i cant remeber weather y is up or sideways if i got it wrong i ment sideways repeat) on would do it? wouldn't it?
	This Post Was Helpful!

Arbitrator	RE: Graduated Background Color 10 Feb, 2007 - 03:07 PM Post #6
D.I.C Regular Joined: 26 Jan, 2005 Posts: 492 Thanked: 2 times My Contributions	QUOTE(Sneblot @ 9 Feb, 2007 - 08:17 PM) Surely just saving the 1 pixel image as a .jpg and using it as your background with y-repeat (i cant remeber weather y is up or sideways if i got it wrong i ment sideways repeat) on would do it? wouldn't it? In the Cartesian coordinate system, the x‐axis is horizontal. This effect can be accomplished with pure, basic CSS supported by all modern browsers: CODE html { background: url("corporatebackground.jpg") repeat-x; }
	This Post Was Helpful!

Sneblot	RE: Graduated Background Color 11 Feb, 2007 - 04:29 PM Post #7
D.I.C Head Joined: 9 Feb, 2007 Posts: 245 My Contributions	Cheers dude i'll keep that in mind in the future.
	This Post Was Helpful!

capty99	RE: Graduated Background Color 11 Feb, 2007 - 07:03 PM Post #8
the real kya Joined: 26 Apr, 2001 Posts: 9,253 Thanked: 16 times Dream Kudos: 550 My Contributions	yeah i misread your post earlier, i thought you meant a css to recreate the effect. nvm.
	This Post Was Helpful!

Fast Reply

Reply to this topic

Start new topic

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

Time is now: 1/8/09 10:07AM

Invision Power Board v2.1.7 © 2009 IPS, Inc.

Licensed to: MediaGroup1

Advertising | Terms of Use | Privacy Policy | About Us | Site Map

Forum Index: Programming Help | C and C++ | Visual Basic | Java | VB.NET | C# | ASP.NET | PHP | ColdFusion | Perl and Python | Ruby | Databases | Other Languages | Game Programming | Software Development | Computer Science | Industry News | Programming Tutorials | C++ Tutorials | Visual Basic Tutorials | Java Tutorials | VB.NET Tutorials | C# Tutorials | Linux Tutorials | PHP Tutorials | ColdFusion Tutorials | Windows Tutorials | HTML/JavaScript Tutorials | CSS Tutorials | Flash Tutorials | Web Promotion Tutorials | Photoshop Tutorials | Software Development Tutorials | Database Tutorials | Other Language Tutorials | ASP.NET Tutorials |

Copyright 2001-2008 MediaGroup1 LLC, All Rights Reserved
A MediaGroup1 LLC Production - Version 6.0.2.1.36
Server: secure2

Search^Updated!w00t

Over 509,000 Pages! Advanced Forum Search

Be Social

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Join our IRC Chat

Bye Bye Ads

Monthly Drawing

Top Contributors

Top 10 Kudos This Month