Give Your Web Pages A Good Context With Background Images
This lens is all about web page background images.
Find Free Background Images, Patterns, and Textures
- Textures and Background Images? | Graphics | Smashing Magazine
- The editors at Smashing Magazine are fantastic. They're always a good starting point when looking for web resources.
This list is no exception, a great start for finding background images and textures.
Generate Your Own Background Images and Textures
Sometimes existing background textures aren't exactly what you need. Before you get down to creating your own in Photoshop, you might save some time with one of these online generators.
- Dynamic Drive: Gradient Image Maker
- If you'd like a simple gradient background, this tool will allow you to generate one at any angle or color.
- Stripe Generator - ajax diagonal stripes background designer
- Generate seamless striped background images!
- Background Pattern Generator
- For a background generator that goes way beyond stripes, try Tartan maker.
How to Use Your New Background Images
Because what good are they if you can't get them on the page?
Tutorial Hero is a good place for all kinds of tutorials, and on the topic of Background Images they do a good job of explaining just how to include them.
Check out the Tutorial Hero Background Image article
If you're in a rush, here's a basic example to get you started. You'll have to include this with your CSS and adjust to suit your needs.
body {
background-color: #FFCC66;
background-image: url("file or url name");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
Check out the Tutorial Hero Background Image article
If you're in a rush, here's a basic example to get you started. You'll have to include this with your CSS and adjust to suit your needs.
body {
background-color: #FFCC66;
background-image: url("file or url name");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
by capitalist
I'm a web developer who's really into into internet technologies. I'm lucky to work with some of the most talented people I've ever met at eLayaway.co... (more)
Explore related pages
Create Stunning CSS Backgrounds with Images- Have you heard of CSS Backgrounds? Do you have a Squidoo lens or two? How about...
Web Development Tutorials- Hello there :) This lens is meant to be a medium to help you learn to make your...
Ruby on Rails: An Overview- What makes web development with Rails FAST, EASY, and FUN?
Brisingr! Set Your Web Design on Fire- If you've never heard of this word then you've probably never read an Inheritanc...
An Introduction to AJAX- An overview of AJAX for managers, developers, hobbyists and the curious. This is...
You Deserve a Better Website- Maybe you've built one yourself or maybe you work with a web designer. Do you fe...
