border "fading" effect

Ian Jackson · 01-24-2010, 06:53 AM

I work in Dreamweaver 8, please can anyone advise me how can I get a outwardly "fading" effect to the border of my web page?
Thanks

newbim · 01-24-2010, 07:44 AM

Hi,

Whenever I need box (and I don't think this is the most efficient way of doing this) is create a gradient in Photoshop, then just repeat it, actually, I create the whole background then take a 1px high sample of it and repeat it.

I don't know if this helps, but it's one way of doing it. Give me a shout if you need any assistance with it (I don't know if you use Photoshop or not).

Good luck with that.

Orlando Web Design · 01-24-2010, 08:24 AM

what newbim said is correct. Just use css to include your 1px box as a background image and have it repeat vertically. Make sure in photoshop you create your gradient vertically not horizontally.

You would create css code something such as this:

<div style="background-image: url('yourgraphicnamegoeshere.jpg'); background-repeat: repeat-x;"></div>

newbim · 01-24-2010, 08:35 AM

Thanks for confirming that way - when it comes to coding - I know what can get the job done, but there can be more widely "accepted" ways to do it over other ways sometimes - self taught y'see, lol.

Thanks for the confirmation.

.

Ian Jackson · 01-24-2010, 02:02 PM

Thanks for those pointers, yes, I got to grips with Pshop basics for my page header, over Xmas; I'll do some searches in Youtube also

01-24-2010, 06:53 AM	#1
Ian Jackson Advanced Warrior War Room Member Join Date: Jun 2006 Location: Oxforshire, UK. Posts: 814 Thanks: 205 Thanked 43 Times in 38 Posts Contact Info	border "fading" effect I work in Dreamweaver 8, please can anyone advise me how can I get a outwardly "fading" effect to the border of my web page? Thanks

01-24-2010, 07:44 AM	#2
newbim HyperActive Warrior War Room Member Join Date: Apr 2009 Location: North East - UK Posts: 147 Thanks: 162 Thanked 26 Times in 19 Posts Contact Info	Re: border "fading" effect Hi, Whenever I need box (and I don't think this is the most efficient way of doing this) is create a gradient in Photoshop, then just repeat it, actually, I create the whole background then take a 1px high sample of it and repeat it. I don't know if this helps, but it's one way of doing it. Give me a shout if you need any assistance with it (I don't know if you use Photoshop or not). Good luck with that.
	"If you do what you've always done, you'll always get the same results!"

01-24-2010, 08:24 AM	#3
Orlando Web Design Laurence Samuels War Room Member Join Date: Oct 2009 Location: Orlando, FL - USA Posts: 357 Thanks: 63 Thanked 44 Times in 41 Posts Contact Info	Re: border "fading" effect what newbim said is correct. Just use css to include your 1px box as a background image and have it repeat vertically. Make sure in photoshop you create your gradient vertically not horizontally. You would create css code something such as this: <div style="background-image: url('yourgraphicnamegoeshere.jpg'); background-repeat: repeat-x;"></div>
	Orlando Web Design: This 'aint your typical web co. Tax Deed Foreclosures : Build $1 million of real estate wealth. I will show you how Relationship Stories: Avoid the Altar.com-A million reasons to avoid marriage Snowshoe Rentals - acne wash - acnefree

01-24-2010, 08:35 AM	#4
newbim HyperActive Warrior War Room Member Join Date: Apr 2009 Location: North East - UK Posts: 147 Thanks: 162 Thanked 26 Times in 19 Posts Contact Info	Re: border "fading" effect Thanks for confirming that way - when it comes to coding - I know what can get the job done, but there can be more widely "accepted" ways to do it over other ways sometimes - self taught y'see, lol. Thanks for the confirmation. .
	"If you do what you've always done, you'll always get the same results!"

01-24-2010, 02:02 PM	#5
Ian Jackson Advanced Warrior War Room Member Join Date: Jun 2006 Location: Oxforshire, UK. Posts: 814 Thanks: 205 Thanked 43 Times in 38 Posts Contact Info	Re: border "fading" effect Thanks for those pointers, yes, I got to grips with Pshop basics for my page header, over Xmas; I'll do some searches in Youtube also