Dreamweaver Tutorial – CSS3 Box Shadows


Host Unlimited Websites For $3.88 ! bit.ly Unlimited Hosting, Free Domain, MySQL, PHP, CGI, SSL, FTP, Stats, $150 google adwords, E-Commerce Included, Dreamweaver Ready, 30 Day money back guarantee In this Dreamweaver Tutorial by James at www.dreamweavertutorial.co.uk We will learn how to create create CSS 3 Box Shadows. There is a free Box Shadows CSS3 Tutorial guide and web page to download here is the link to the download page bit.ly This is one of the best CSS3 upgrades that the web design community has been waiting for! This CSS will save so much time adding shadows to pictures and other elements on your Dreamweaver web designs. css 3 shadows or css box shadows are very easy to create with just a simple line of code. The css shadow box can also be positioned top, bottom, right and left of the image and you can also set a blur radius to make the effect look more authentic. learn to create shadows and shadow css3 painlessly with this Dreamweaver CS4 Tutorial. Learn how to use CSS3 Rounded Corners: www.youtube.com My Dreamweaver Tutorial website: www.dreamweavertutorial.co.uk Follow me on Twitter www.twitter.com My RSS feed for Dreamweaver Tutorial updates: www.dreamweavertutorial.co.uk Now you won’t have to make Box Shadows in Photoshop and Fireworks and position them with CSS anymore! Any questions please write a comment below!

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • NewsVine
  • Reddit
  • StumbleUpon
  • Google Bookmarks
  • Yahoo! Buzz
  • Twitter
  • Technorati
  • Live
  • LinkedIn
  • MySpace

Related posts:

  1. HTML5 & CSS3 with Dreamweaver CS5 – Part 2 HTML5 & CSS3 are the current trending topics in web...
  2. HTML5 & CSS3 with Dreamweaver CS5 – Part 1 HTML5 & CSS3 are the current trending topics in web...
  3. Dreamweaver Tutorial Paket – Total Web Design – Photoshop, PHP, PhpMyAdmin, dan Dreamweaver Dalam Paket ini Anda akan diajak membuat Web Site dengan...
  4. Dreamweaver CS5 Tutorial: Designing Your Web Page Learn Dreamweaver CS5 in this tutorial which provides tips and...

Related posts brought to you by Yet Another Related Posts Plugin.

Comments

  1. dianegibbsau says:

    very easy thanks!

  2. DreamWeaverTutorial says:

    @smokenfly514 sure, the easiest way would be to increase the pixel radius and set the alignments to 0.

  3. smokenfly514 says:

    So there’s no way to apply a shadow to both sides?

  4. chamb2008 says:

    dreamweaver is time consuming..good for learning basic css but prefer pro generators much more faster developing websites..ect serif x5

  5. troglodyte3344 says:

    @AiraceProductions No-one gives a SHIT.

  6. AiraceProductions says:

    p.s. its called MARKUP not CODE

  7. evdude2005 says:

    Great tutorial. What a time saver! Thanks so much.

  8. DreamWeaverTutorial says:

    @yassercreations hi I believe you could use css3pie . com which will do box shadows retroactively – James

  9. delld600man says:

    phindservices . com for flash, php , web design, seo, web programming , ajax, html

  10. BoratWuschki says:

    CSS3 is awesome!!! I just found out an awesome effect for some frames:
    box-shadow: inset 0px 0px 500px #888;

  11. johnedwardthomas says:

    so i tried and it is not working – I even download ur file and it still did not work. I upgraded to 3.6 thinking that would solvve it, but it did not – what am I doing wrong?

    Thanks

  12. SofiaCartel says:

    Great Tutorial mate, keep up the good work!

  13. mimismosable says:

    This is the 2nd of your Tutorials I’ve tried. It’s so great when you see the result .

    And the way you are explaining its so-o clear and easy to understand(I’ve study Dreamweaver since last week )..every person who like to learn something can use it.because it’s written so good.

    Thank you…I’ve been wondering how this shadow actually can be done.

    Thank you,Thank you,

  14. matheusmbarcellos94 says:

    Thank you very much! You solved my problem!

  15. marmun007 says:

    Thanks for great tut
    (what screen recorder u are using?)

  16. lifeonanotherplanet says:

    Really like your straightforward approach. :-)  THANKS

  17. 360mix says:

    I have not used the CSS radius and shadow.. but I can imagine using these for picture gallery.. not having to add to the actual photo.

  18. DreamWeaverTutorial says:

    @360mix Thanks 360mix, Box shadows ! what a time saver.

  19. 360mix says:

    Another good tutorial.. Using these shadows and the rounded corners tutorials on my next project.. Thanks..

Speak Your Mind

*

Security Code: