Cool Side Border Using Mini Tiles and CSS

See how this works? Pretty cool. No need for large file sized side border backgrounds. Pages load faster, too. This is as minimal as you can get with graphics.

To do this inline on each page rather than by referencing an external file, here's the code you need to place before the </head> tag. Be careful of not breaking up the second line:

BODY {background: #FFFFFF; background-image: url(gnarly_s.jpg); background-repeat: repeat-y;}

</STYLE>

Remember to replace the variables in red to your own color code and graphic, respectively. This code will replace your body tag's attributes other than the text and link colors.

For more fun with CSS, check out my Resources page for other CSS resources. Please press the Back button to return to the previous demo page or simply close this window to return to the Mini Tiles.

Graphics and Site Design Copyright © 2000-2006 Arride Graphics. All rights reserved.
All other copyrights belong to the respective owners as noted.
No part of this site may be copied, downloaded, modified, or distributed in any form whatsoever except as defined under the Terms of Use.
My site's graphics are not part of the linkware offered. All graphics are digitally watermarked and, except as noted, made or modified with
Paint Shop Pro from Jasc and Adobe PhotoDeluxe from Adobe Systems Inc. Click here for an expanded notice. JavaScript Error Blocker from The JavaScript Source