Icicle Tile (Quick & basic tutorial)

Something for Christmas, well it's a bit late..
Ok some basic CSS to tile a background across the top of the page, its incredibly simple but effective:

Code:

---

<style>
body {
background-image: url(icicletile.gif);
background-repeat: repeat-x;
background-color: #8C9DAF;
}
</style>

---

Put this into the head of your document, it will tile the background "icicletile.gif" across the top of the page. It has also got a background colour, which will be placed on the rest of the page where there isn't a tile.

Once you've done that put a icicle tile into the same folder as the html file, I've quickly made one in photoshop (I'm sure anyone could improve on that, as my photoshop skills are "lacking").

Ok that took about 1 minute to write, I'm just going to upload an example.

Edit: http://joshh.co.uk/examples/icicle/

nice although as you said its a tad late

Not bad, Its late but you can use it for other things in web design.

You can do it with other images, for example rain ;D

Quote:

---

Originally Posted by Tim

You can do it with other images, for example rain ;D

---

Could but that would be only used by you :P Because as KT Tunstall says 'Under the Weather'