Ant Posted October 29, 2011 Report Share Posted October 29, 2011 Let me start off by saying I have found myself being forced into following a clients design wishes after repeated attempts to steer them out of the 80's and away from their bad taste/ideas in design. I was unsucessful and should walk away but... So I need to create a background thats a parchment scroll. Complete with rolled up ends and gold tassels (it pains me to even continue this website). So whats the best way to accomplish this. The background will need to expand to fit the content. Do I need to do the following: 3 boxes. One for the top one for the bottom and one for the middle. The top and bottom are the rolled up ends of the paper with the tassels. The middle box is the repeating paper pattern that expands. Then I have to somehow line all the images up so they look like one image. Thoughts? Whats the best way to accomplish this? I have see some great sites with images but do not know how they did it and made the image expand per content without a simple repeating bg. Heres an example of a site with a similar effect I need to come up with. http://www.levilodge.fi/fi/index.html Also the paper needs to be on wood. So do the images need to be transparent png's with a drop shadow? Thanks A. Quote Link to comment Share on other sites More sharing options...
Andrea Posted October 29, 2011 Report Share Posted October 29, 2011 The best (only, actually, I think) way to understand how any website was done, is by right-clicking, choosing 'view source", and studying the code. Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted October 29, 2011 Report Share Posted October 29, 2011 Hi. Just find an image you like (search google images) >> borrow it. Then code it up like this http://www.visibilityinherit.com/code/vertically-liquid-round-corner-box.php Quote Link to comment Share on other sites More sharing options...
newseed Posted October 29, 2011 Report Share Posted October 29, 2011 Eric's example is a good one. Of course you will have to tweak it to fit your need but based on the example link you gave in your post you will find that their method is very much like Eric's. If you have your firebug tool you can define what images were used and how they were laid out. I did something similar here with the exception that this one only has a bottom scroll. Quote Link to comment Share on other sites More sharing options...
Ant Posted October 31, 2011 Author Report Share Posted October 31, 2011 (edited) Thanks guys. My site is already set up to expand per content so I think I just need to tell the boxes to have the bg of my 3 images. top, middle, bottom and have the middle box repeat. Ant Edited October 31, 2011 by Ant Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.