CSS3 Rounded Corners Web Design Tutorial – Dreamweaver
Host Unlimited Websites For .88 ! bit.ly Unlimited Hosting, Free Domain, MySQL, PHP, CGI, SSL, FTP, Stats, 0 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 make the new CSS3 Rounded Corners to make our web pages look more bespoke. Link to the Free Download will all of the Rouned Corners CSS3 Rules bit.ly In the download you will get: 1 x web page with all CSS3 Rouned Corners Rules. Designed by myself with my Hard Work for you to keep and most importantly learn how to used rounded corners css. You will learn how to make curved corners css and the curnved corners will be make using CSS3 styling which is in the last phase of processing and is currently working on most Major Browsers except IE and Opera. I have used html rounded corners on my designs for the last 10 months but now they are about to be release I have made a tutorial showing you how to utilise the curved edges css in your own website designs. My Dreamweaver Tutorial Website: www.dreamweavertutorial.co.uk Follow me on Twitter www.twitter.com My RSS Feed for Tutorial Updates: www.dreamweavertutorial.co.uk I hope you enjoy this dreamweaver tutroail on css3 rounded corners and if you have any questions please leave a comment for me to respond. James
Don’t forget to check out our other video tutorials or share this video with a friend.
21 responses to “CSS3 Rounded Corners Web Design Tutorial – Dreamweaver”
Leave a Reply Cancel reply
Video Tutorials
Bringing you the best video tutorials for Photoshop, Illustrator, Fireworks, WordPress, CSS and others.
Video tutorial posted 07/10/12
Pages
Random Videos
-
RCT3 FIREWORKS TUTORIAL 9 (fountains)
1,851 views
-
3Ds Max Tutorial – 14 – Editable Polygons
4,177 views
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)
hey nice tut can you please do an update on this tut please like you promise in the message above.
Wow this is very good Video looking very interesting & attractive.I LOVE TO SEE YOUR Videos.Thanks for sharing.
hi cool video!
how do i export just the code to import it into another coding programm?
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
@DreamWeaverTutorial Not always.
if you want to cater to new browser users only, yea sure you are not wrong, but some people refuse to update and by declaring just border-radius and not the respective engine code (moz and webkit) you run the risk of those users not being able to see the affects. It is always best to try and reach as many users as possible.
Actually im not wrong then. (:
Actually you are wrong. This video was made 2 years ago when you could not just declare border-radius. Declaring border-radius on its own will work in all of the latest versions of the most popular browsers but for older versions of mozilla firefox and safari and opera you will need to declare the webkit, moz and -o prefixes.
The order to specify is:
border-radius:
-moz-border-radius:
-webkit-border-radius:
-o-border-radius:
where the fallback follow the main declaration
Dude.. You don’t need to write all the -moz-, -webkit- prefixes! Just write border-radius!!! It works.
Dreamweaver is a good tool to build websites. Nice vid.
Thanks.
I created a website through Mybusybiz and I might create another one using dreamweaver.
great video.
i am using dreamweaver to start my site, i am a begginer.
how can a create rounded corners in menu´s and sub-menus intreaccions to make them slide-show but with some effect, slide, fade etc. ?
thanks for the video.
where can i find the download link?
you are awesome! tutorial was simple and clear! thanks so much!
and image would validate, be cross browser compatible and not need to have browser specific work arounds. Is it just that images are hard? or that you’re just showing an alternative to images?
you don’t need to do it for the latest versions of chrome and firefox but you will still need to do it for people who have not updated their firefox for a while and for other gecko based browsers. Im going to do an update soon so people know where they are. If someone asks me for a shop I tell them if they are serious about it then they should go with a paid service like bigcommerce or volusion because they give you great analytics and handle your stock take and stock re-orders.
Now we’re into 2011 has this changed at all. Do you still need to do the moz and webkit versions? While I’m at it, I want to create ecommerce shops for people. What software do you recommend?
Great video! Set up your ecommerce business for free with our Easy Help Zen Cart Tutorials:
I just wanted to say thanks for the great video tutorial, this was exactly what I was looking for! Keep it up!
Many thanks for clear tutorials you are great!!!
Hey again,
after dabble checking and restart computer…realized that only Opera and IE don’t show my round corners..
Thank again for the Tutorial