how do create border fading/shading effect for my website

Ian Jackson · 03-17-2010, 05:28 AM

Exactly as the title suggests really, I'm keen to learn how to get a shaded, faded, or shadow border effect for my website. An example of what I'd like is Steven's here

Interview with Steven Resell

... please can anyone advise me - or point me to a YouTube (for example) URL that would show me how.

FYI, I'm not too bad with the basics of Photoshop CS3 editor.

(I will PM Steven too actually, but thanks in advance for your help)

rautella · 03-17-2010, 06:04 AM

Quote:

Originally Posted by Ian Jackson

Exactly as the title suggests really, I'm keen to learn how to get a shaded, faded, or shadow border effect for my website. An example of what I'd like is Steven's here

Interview with Steven Resell

... please can anyone advise me - or point me to a YouTube (for example) URL that would show me how.

FYI, I'm not too bad with the basics of Photoshop CS3 editor.

(I will PM Steven too actually, but thanks in advance for your help)

You have to design a page like this on Photoshop then with the help of CSS you can make a webpage like this.

If you want i can design and code a exact looking webpage for you.

Kindly let me know how much is your budget for this project?

Thanks & Regards,
Rautella

Lloyd Buchinski · 03-17-2010, 06:34 AM

If you just right click on the borders you will be able to view the background images. That gives you the basic start. The rest is html and css and the source code will give you that.

Mike P Smith · 03-17-2010, 07:03 AM

This might be of some help to you:

A List Apart: Articles: CSS Drop Shadows

It shows drop shadows, but with the right image and a little tweaking of the CSS, you can get the same effect as on the webpage.

03-17-2010, 05:28 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	how do create border fading/shading effect for my website Exactly as the title suggests really, I'm keen to learn how to get a shaded, faded, or shadow border effect for my website. An example of what I'd like is Steven's here Interview with Steven Resell ... please can anyone advise me - or point me to a YouTube (for example) URL that would show me how. FYI, I'm not too bad with the basics of Photoshop CS3 editor. (I will PM Steven too actually, but thanks in advance for your help)

03-17-2010, 06:34 AM	#3
Lloyd Buchinski copy and paste geek War Room Member Join Date: Jan 2005 Location: Calgary Posts: 1,390 Thanks: 68 Thanked 168 Times in 140 Posts	Re: how do create border fading/shading effect for my website If you just right click on the borders you will be able to view the background images. That gives you the basic start. The rest is html and css and the source code will give you that.
	There are 10 types of people, those that understand binary and those that don't. The KimW WSO

03-17-2010, 07:03 AM	#4
Mike P Smith Active Warrior War Room Member Join Date: Nov 2009 Location: Charlotte, NC, USA Posts: 30 Thanks: 2 Thanked 4 Times in 3 Posts Social Networking Contact Info	Re: how do create border fading/shading effect for my website This might be of some help to you: A List Apart: Articles: CSS Drop Shadows It shows drop shadows, but with the right image and a little tweaking of the CSS, you can get the same effect as on the webpage.
	Mike P Smith Internet Business on 2 Hours a Night Check back in a year - we'll see if it works. http://www.2hoursanight.com