100% Actually Free Web Graphics

 

yes, really

Annoyed by 'free' things that aren't? Me too. So, I'm giving you all the graphics, symbols, icons, web banners, backgrounds and animations that I've made over the years, 100% actually free for personal or business use (just not for inclusion in other collections without permission). Enjoy!

Web Graphics

Alchemy Symbols
Animations
Arrows

Backgrounds

Bullets, Balls & Stars
Buttons - Animated
Buttons - Oval
Buttons - Rectangular
Hazard & Roadsigns

 

 

CSS Tips

Page Backgrounds
Boxes w/ Rounded Corners
ZenCart Configuration

Dreamweaver Tips

 

Utilities

 

Off-Site Resources

 

Controlling background images with CSS

 

  • How to set a background image that does not repeat.
  • How to set a background image that will repeat vertically only.
  • How to set a background image that repeats horizonally only.
  • Neat background gradient effects with CSS.

In your linked style sheet, include the following code:

BODY {BACKGROUND-IMAGE: url(your_bg_gradient.jpg); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #hex_of_lower_edge}

The background-repeat property allows you to set if and how the background image will repeat. If the background does not repeat enough to cover the page area, the background-color will show through. If you're going for a gradient effect, make sure you set the background-color to be the same color as the trailing edge of your image.

Background-repeat can also be used with div tags. For example,

<div style="background-image: url('background.jpg'); background-repeat: repeat-y; background-color: white;"> Your content here. </div>

Possible BACKGROUND-REPEAT Values

Value Description
repeat The background image will be repeated vertically and horizontally
repeat-x The background image will be repeated horizontally
repeat-y The background image will be repeated vertically
no-repeat The background-image will be displayed only once

 

 

Yes, I'll do custom requests -Talk to me, I rarely bite

What's New? - Shiny new things added irregularly

Google
 
Web www.hoxian.com