[tscott]

http://media.modernl...kit.php#formtop


These 3 files I've attached complete the effect I mean I see it's done with bg-repeat in HTML but in terms of design is it just a color with black lines on it or what color r the lines? I'm trying to create a similiar background with the color #6c6344 and haven't been able to duplicate it yet any help would be greatly appreciated.

Attached image(s)

• 
• 
• 

[Lemur]

It's a texture, not straight stripes. Html repeats? No. Try CSS repeats using

background:url(image.gif) #000;

to get repeats on both the X and Y axis. Put no-repeat on the end or repeat-x or repeat-y for other methods.

[capty99]

the way i would do it is like this :

to capture that whole light to dark gradient (extending from the nav bar down the page). I would use image 1 or 2 (I can't tell in chrome right now which one) -- it is going to contain the navbar and the fade actually from white to a transparency. it's probably a 6-7 hundred pixels tall. I don't think it will have any vertical scan lines in it but it might - i think the little bit of texture coming through is from the real background which is that third image.

so your body background for the page is going to be that third image, set to repeat vertically and horizontally, and then in a wrapper of some sort set to 100% width you just do a horizontal only repeat of that 1st or 2nd image i talked about.

[gfeeley]

I would create an image 2 pixels wide and 1 pixel in height. Use a 1 pixel stroke color black and fill half the image with the color. What you end up with is a half black and half transparent image. Save it as .png file. In the css file create a background image like thus.

body{ background-image:url(your_bg.png);
background-repeat:repeat;
}

. This will tile a 1 pixel stripe alternately with transparent down the page.
I made a correction. I meant for you to use repeat not repeat-y. Also this will give you a fine line. for thicker lines just use a wider image. i.e. 1 pixel high and 6 pixels wide and color half black. You can also use another alternating color instead of transparency. Using similar shades of colors will give you a nice subtle effect.

This post has been edited by gfeeley: 11 March 2010 - 12:20 PM