Gradient Example (using the GuildPortal Admin Community background image) As you can see the gradient starts with purple at the top and fades to black. So the background color #000 matches the bottom part of the gradient to give a smooth transition. The image itself is only 1 pixel wide, so a "repeat-x" is included to make it repeat all the way across the screen. <style type="text/css"> #chapterReader { background: #000 url(http://www.axiomfiles.com/Images/Dynamic/790FAE_000000_v_30_hi.png) top center repeat-x; } </style> Large background image example This image is from one of the themes I use - it's pretty big 1700 x 1322. So it should be more than sufficient to be an inner background. It is set to repeat horizontally and vertically but you might never see this. <style type="text/css"> #chapterReader { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/background32.jpg) top center; } </style> To customize either script, replace the image URL in orange with the image you want to use.
<style type="text/css"> #chapterReader { background: #000 url(http://www.axiomfiles.com/Images/Dynamic/790FAE_000000_v_30_hi.png) top center repeat-x; } </style>
<style type="text/css"> #chapterReader { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/background32.jpg) top center; } </style>