[HD] Website Drop Shadow with CSS Dreamweaver Tutorial!
Let’s learn how to create a drop shadow that runs along your site, and, if your site expands, expands with it! We will start in Photoshop where we will create a nice little drop shadow graphic and then it’s off to Dreamweaver for some CSS and Div-tacular fun… yep that was certifiably lame, but enjoy the video anyway! Be sure to check out www.tutvid.com Check out the blog @ http
Video Tutorial Rating: 4 / 5
Don’t forget to check out our other video tutorials or share this video with a friend.
22 responses to “[HD] Website Drop Shadow with CSS Dreamweaver Tutorial!”
Leave a Reply Cancel reply
Video Tutorials
Bringing you the best video tutorials for Photoshop, Illustrator, Fireworks, WordPress, CSS and others.
Video tutorial posted 14/01/13
Category: Dreamweaver Tutorials
Tags: Dreamweaver, Drop, shadow, Tutorial, website
Pages
Random Videos
Video Categories
- 3DS Max Tutorials (150)
- After Effects Tutorials (160)
- C# Tutorials (121)
- Colour (6)
- Crazy Effects (1)
- CSS Tutorials (120)
- Dreamweaver Tutorials (139)
- Excel Tutorials (127)
- Featured (10)
- Fireworks Tutorials (131)
- General Effects (9)
- HTML Tutorials (143)
- Illustration and Vector (1)
- Illustrator Tutorials (174)
- IMove Tutorials (119)
- Lightroom Tutorials (145)
- People and Faces (3)
- Photoshop Tutorials (169)
- Text Effects (7)
- Uncategorized (32)
- WordPress Tutorials (140)
Tags
VideoTutorials.co.uk
-
Videotutorials.co.uk offers the web's best Photoshop tutorials, Illustrator video guides, CSS and HTML tutorials and much more all in one place. With new videos being added every day, you can learn how to master software and code to give your images and website some great effects.
Our site has beginner, intermediate and advanced video tutorials of varying lengths so you can learn a new skill at your own speed and level. So whether you're a web designer, print designer or just wanting to edit some family photos, you can get to it quickly and easily using these free video guides. (more)
Your shadow works the best, I’d like to thank you for just posting this comment!
And DirtyNineDJ’s shadow looks a lot more real!
DirtyNineDJ is right
I learned a lot from our video.
great tutorial, very well explained. I did everything correctly and when i look at in design view in dreamweaver its visible but when i click to preview in my browser (safari and firefox) it is not visible wonder where i went wrong?
sucks to be me… i only say this comment 10 mins into the video hahahaha
thanks though 😛
Thank you so much bro it helped me a lot!!!!!!
where do I add that on my CSS style sheet?
where is that option in dreamweaver?
Americanii creeaza websiteuri, olandezii construiesc masinizburatoare, italienii fac autostrade moderne…SISTEMUL din Romania…manipuleaza calculatoarele, intercepteaza telefoanele, manipuleaza oamenii…SISTEM DICTATORIAL FASCIST…tiganii Uniunii Europene…GUNOAIE FASCISTE
Asslam agar ap mein se kisi ko google adsense ka approval genuine account within 15 hour mein chahiye only 300 rupay mein or agr kisi ko adsense account making trick chahiye to 2 hazar mein 20 minutes mein apko trick or training mil jaye gi full guaranted work contact 03465055015 raja anees
Yep, this guy is using old techniques. Box shadow is the way!
Excellent videos, glad i found them.
i watched 3:18 before i scrolled down and read this… 2 THUMBS UP
lol i didn’t even watch the video x) thanks
Great info thanks!
Yeah, just when you create your shadow image, remove the background layer and save it as a .png. That way u can have any background colour. Or you can use css3 styling as many other comments are suggesting.
and than some1 without ccs3 ability as its not really a standard yet cant see it :/
It is possible to make a shadow without background so that you can use it over different background-colours?
Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade moderne…Politia Satu Mare, Romania…manipuleaza calculatoarele, intercepteaza telefoanele, manipuleaza oamenii…SISTEM DICTATORIAL FASCIST…tiganii Uniunii Europene
Very very good! Maybe there are quicker ways, but still this is extremely helpfull!
Thanks sir!!
Haha, Genius, it works like a charm!