Textured backgrounds with pretty bits

http://preview-scribe.blogspot.com

I wondered how they not only have a textured background for the content area, but around the borders they have a slightly darker texture, about half an inch thick, which blends in with the main content area texture? They probably just used one image that had the different textures already in it, but maybe there's CSS involved to overlap and blend images?

Jason

That parchment paper is all one graphic. Right click over it and "view background image". You'll see it's all one and made in a graphics program.

Oh and just in case I didn't read that correctly, if you were wondering how they got that brown edge around the parchment paper. They did use a div as an wrapper and added a border and background color to it.

Code: Select all

#outer-wrapper {
	background-color:#473624;
	border-left:1px solid #332A24;
	border-right:1px solid #332A24;
	width:700px;
	margin:0px auto;
        padding:8px;
	text-align:center;
        font: normal normal 100% Georgia, Times New Roman,Sans-Serif;;
}