[janebush08]

Nice Web Design Tutorial... thanks... hope to get more tutorials / knowledge from you.. thanks once again...

[solutionsdxb]

is it possible to have this background image , as i am not expert in photoshop and neither i am having the application , so if somebody can help me in providing this background image to be used to get the shadow effect for my pages.

with regards

[tobo]

Any suggestions on getting this effect with a liquid layout? so the bg image cant be one size but would have to probably be two opposing images which cling to the sides of the main content as it expands or contracts in different screen sizes?

I had ago at this and had trouble laying out the divs with the shadow effect because they didn't want to run the length of the main content div?

went for fixed width in the end but would like to know the answer for the next time I need it!

[mlcuthell]

Hi There,

I have a very basic understanding of HTML. But advanced PS.

I am trying to apply the drop shadow to a blogger template... is this tut possible solely in HTML?

I have trying a work around off my basic knowledge but I seem to be failing, it may be a bit of a newb question but could you let me know!

Thanks in Advance!

[Stardog]

mlcuthell, on 31 December 2009 - 07:06 PM, said:

Hi There,

I have a very basic understanding of HTML. But advanced PS.

I am trying to apply the drop shadow to a blogger template... is this tut possible solely in HTML?

I have trying a work around off my basic knowledge but I seem to be failing, it may be a bit of a newb question but could you let me know!

Thanks in Advance!

Yes!

http://owltastic.com...adows-and-css3/

For text:
text-shadow: 1px 1px 1px rgba(0,0,0,.4);

Numbers = Offset from middle, Offset from middle, Sharpness of shadow, rgba(red,green,blue,opacity)

For boxes:
-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.5);
-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,.5);
box-shadow: 0px 0px 10px 5px rgba(0,0,0,.5);

(webkit/moz are because they are currently unsupported css properties. You have to use -webkit to get it to work in Safari/Chrome and -moz for Firefox.)

Numbers = Offset from middle, Offset from middle, Sharpness of shadow, Thickness of shadow, rgba(red,green,blue,opacity)

Rounded corners:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

[mlcuthell]

Sorry I'm a little confused, where do I add this code?

Still in the body section? Do I just add that code alone?

I have created the jpeg as per the tut... A further breakdown would be very helpful thanks!!! I want to apply it to the wrapper on this website

Link to web

Thanks.