CSS Rounded Corners: Dreamweaver Tutorial

Hey guys! In this tutorial we will take a look at creating a fixed width, rounded corners text box using two simple images we create in Photoshop. You will learn a little about writing CSS code and working with images and CSS as well as some other cool useful tips and tricks. Follow me on Twitter! www.twitter.com Be sure to check out www.tutvid.com Check out the blog @ http

Don’t forget to check out our other video tutorials or share this video with a friend.

0 votes

Loading... 4,819 views

25 responses to “CSS Rounded Corners: Dreamweaver Tutorial”

1. Felician Galgau says:

   31/12/2012 at 3:44 pm

   Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade moderne…SISTEMUL DIN ROMANIA…manipuleaza calculatoarele, intercepteaza telefoanele, manipuleaza oamenii…SISTEM DICTATORIAL FASCIST…tiganii Uniunii Europene…GUNOAIE FASCISTE…SABOTORI FASCISTI

   Reply
2. Felician Galgau says:

   31/12/2012 at 4:19 pm

   Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade moderne…SISTEMUL DIN ROMANIA…manipuleaza calculatoarele, intercepoteaza telefoanele,manipuleaza oamenii…SISTEM DICTATORIAL FASCIST….tiganii Uniunii Europene…GUNOAIE FASCISTE

   Reply
3. connor mcintosh says:

   31/12/2012 at 5:03 pm

   hey check my videos out please there is website making

   Reply
4. MRL676 says:

   31/12/2012 at 5:35 pm

   does not work in dreamweaver……

   Reply
5. nutcrackproductions says:

   31/12/2012 at 6:07 pm

   Thanks :) saves me watching the 17min long vid lol

   Reply
6. LaurentiuWilliam says:

   31/12/2012 at 6:49 pm

   AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
   find the V

   Reply
7. raja rehman says:

   31/12/2012 at 7:43 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
8. Prasanga Madhusanka says:

   31/12/2012 at 8:17 pm

   Thanks.That’s best

   Reply
9. hai everyone says:

   31/12/2012 at 8:52 pm

   how can i shadow in using photoshoop image in this same

   Reply
10. hai everyone says:

    31/12/2012 at 9:20 pm

    this code does not work in ie6 ie7 ie8

    Reply
11. blancfilms says:

    31/12/2012 at 9:45 pm

    CSS3 for the win.

    Reply
12. B1KMusic says:

    31/12/2012 at 9:45 pm

    I made a circle

    jsfiddle.net /kLSHT

    u jelly?

    Reply
13. AmerICANLAFafter says:

    31/12/2012 at 10:41 pm

    Thanks, that’s all I really wanted to know. lol

    Reply
14. zonuke123456789 says:

    31/12/2012 at 11:37 pm

    Good tutorial but the problem when you try to put without grandient image from photoshop with one image do not work when i crop them only with one single image can show all grantient images effects.
    This method is good only for simple image with simple color without grantient it does not work.

    Reply
15. altpath says:

    01/01/2013 at 12:25 am

    Good stuff. It took me months to figure this stuff out on my own. Nice to see folks putting up instructional videos on this.

    Reply
16. jamiethesurfer says:

    01/01/2013 at 12:53 am

    Who cares, if IE can’t keep up with web standards, then people will just simply stop using it, and save us all a lot of trouble in the process.

    Reply
17. sk8bamsk8 says:

    01/01/2013 at 1:48 am

    I love you friend!!!

    Reply
18. newbielives says:

    01/01/2013 at 2:39 am

    For those rounding corners with only css let me ask you how does it look in IE 😉

    Reply
19. Averagejoe644 says:

    01/01/2013 at 3:07 am

    Thanks Tut…what you’re doing is just what i need. Thanks mate. Keep em coming bro…you explain it well. J

    Reply
20. ZepMovies says:

    01/01/2013 at 3:11 am

    thanks for the tutorial 😀

    Reply
21. smokenfly514 says:

    01/01/2013 at 3:59 am

    hahaha

    Reply
22. thinkdreamweaver says:

    01/01/2013 at 4:19 am

    Hey Andrew… you almost got it… why do you have two files top and bottom… here is a more productive technique my friend – and more flexible for changes – I have 24 year of Adobe master techniques (since 1987) – if there is a faster better way.. I know it – youtubeDotCom/thinkdreamweaver and search: Dreamweaver CSS create rounded corner webpage with div tags od course html5 CSS3 solves all of this – good luck Robert- follow my twitter @adobevideos or @thinkadobe

    Reply
23. butlerreuben says:

    01/01/2013 at 4:27 am

    I tried the

    -moz-
    -webkit-

    css but it doesnt seem to work within multiple divs for some reason.

    Reply
24. Marshalmapy says:

    01/01/2013 at 4:49 am

    Great tut. Thank you!!

    Reply
25. Петя Наумова says:

    01/01/2013 at 5:47 am

    Very nice vid

    Reply