[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.

0 votes

Loading... 4,182 views

22 responses to “[HD] Website Drop Shadow with CSS Dreamweaver Tutorial!”

1. Cole Gagliano says:

   14/01/2013 at 4:15 pm

   Your shadow works the best, I’d like to thank you for just posting this comment!

   Reply
2. Cole Gagliano says:

   14/01/2013 at 5:00 pm

   And DirtyNineDJ’s shadow looks a lot more real!
   

   Reply
3. Cole Gagliano says:

   14/01/2013 at 5:16 pm

   DirtyNineDJ is right

   Reply
4. Ruth Butler says:

   14/01/2013 at 6:01 pm

   I learned a lot from our video.

   Reply
5. jweb3d says:

   14/01/2013 at 6:45 pm

   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?

   Reply
6. PhysicalKontact says:

   14/01/2013 at 7:22 pm

   sucks to be me… i only say this comment 10 mins into the video hahahaha

   thanks though 😛

   Reply
7. Nik0laix72 says:

   14/01/2013 at 8:18 pm

   Thank you so much bro it helped me a lot!!!!!!

   Reply
8. syrinx32123 says:

   14/01/2013 at 9:00 pm

   where do I add that on my CSS style sheet?

   Reply
9. sportsfan1100 says:

   14/01/2013 at 9:37 pm

   where is that option in dreamweaver?

   Reply
10. Felician Galgau says:

    14/01/2013 at 10:35 pm

    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

    Reply
11. raja rehman says:

    14/01/2013 at 11:17 pm

    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

    Reply
12. unlokia says:

    14/01/2013 at 11:46 pm

    Yep, this guy is using old techniques. Box shadow is the way!

    Reply
13. Catherine O' Donnell says:

    15/01/2013 at 12:05 am

    Excellent videos, glad i found them.

    Reply
14. AllStarBandit says:

    15/01/2013 at 12:26 am

    i watched 3:18 before i scrolled down and read this… 2 THUMBS UP

    Reply
15. Frenksez says:

    15/01/2013 at 1:17 am

    lol i didn’t even watch the video x) thanks

    Reply
16. OggOrbisMedia says:

    15/01/2013 at 1:52 am

    Great info thanks!

    Reply
17. supericy2 says:

    15/01/2013 at 2:46 am

    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.

    Reply
18. Saša Benčić says:

    15/01/2013 at 3:40 am

    and than some1 without ccs3 ability as its not really a standard yet cant see it :/

    Reply
19. FlummFnissan says:

    15/01/2013 at 4:14 am

    It is possible to make a shadow without background so that you can use it over different background-colours?

    Reply
20. Felician Galgau says:

    15/01/2013 at 4:24 am

    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

    Reply
21. Kankerzwijn says:

    15/01/2013 at 5:14 am

    Very very good! Maybe there are quicker ways, but still this is extremely helpfull!
    Thanks sir!!

    Reply
22. mrrobville says:

    15/01/2013 at 6:13 am

    Haha, Genius, it works like a charm!

    Reply