Current location: Hot Scripts Forums » General Web Coding » CSS » Rounded corners and shadowed boxes


Rounded corners and shadowed boxes

Reply
  #1 (permalink)  
Old 04-29-09, 01:01 AM
harish harish is offline
Newbie Coder
 
Join Date: Apr 2009
Posts: 52
Thanks: 0
Thanked 0 Times in 0 Posts
Rounded corners and shadowed boxes

hello friends,
I am designing a new website. In this website I want to put rounded corners and shadowed boxes. But I do not know how to add this in web page. can any one help me to create round corners and shadowed boxes for my website.
Reply With Quote
  #2 (permalink)  
Old 05-01-09, 08:36 PM
fivebean fivebean is offline
Newbie Coder
 
Join Date: Apr 2009
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
check out spiffycorners. com for the rounded corners. That site has always worked really well and it will auto generate the code needed.
Reply With Quote
  #3 (permalink)  
Old 05-02-09, 01:07 PM
webchalkboard webchalkboard is offline
Newbie Coder
 
Join Date: May 2009
Posts: 26
Thanks: 0
Thanked 0 Times in 0 Posts
Rounded corners can be done using PNGs and GIFs. You need to use both because PNG transparency isn't supported in IE6.
Reply With Quote
  #4 (permalink)  
Old 05-02-09, 01:21 PM
Nico's Avatar
Nico Nico is offline
Community Leader
 
Join Date: Sep 2005
Location: Spain
Posts: 8,075
Thanks: 11
Thanked 88 Times in 83 Posts
Rounded borders are supported in CSS3.

http://www.css3.info/preview/rounded-border/


But for now I'd go with www.curvycorners.net. I've also tried spiffycorners but they're kind of a drag to me. I don't like having 500 tags just for the corners.
Reply With Quote
  #5 (permalink)  
Old 05-02-09, 01:26 PM
webchalkboard webchalkboard is offline
Newbie Coder
 
Join Date: May 2009
Posts: 26
Thanks: 0
Thanked 0 Times in 0 Posts
When is CSS3 going to go mainstream?

Last edited by webchalkboard; 05-02-09 at 01:33 PM.
Reply With Quote
  #6 (permalink)  
Old 05-02-09, 01:28 PM
Nico's Avatar
Nico Nico is offline
Community Leader
 
Join Date: Sep 2005
Location: Spain
Posts: 8,075
Thanks: 11
Thanked 88 Times in 83 Posts
It's (at least) partly supported in Firefox and Safari. Not sure about IE8 at the moment.
Reply With Quote
  #7 (permalink)  
Old 05-02-09, 01:41 PM
Nico's Avatar
Nico Nico is offline
Community Leader
 
Join Date: Sep 2005
Location: Spain
Posts: 8,075
Thanks: 11
Thanked 88 Times in 83 Posts
Shadows are actually supported too in CSS3.

http://www.css3.info/preview/box-shadow/
Reply With Quote
  #8 (permalink)  
Old 05-02-09, 02:38 PM
zoliky's Avatar
zoliky zoliky is offline
Aspiring Coder
 
Join Date: Jun 2006
Posts: 537
Thanks: 0
Thanked 0 Times in 0 Posts
CSS Mastery: Advanced Web Standards book provide the best rounded corner examples. Andy Budd is a CSS god.
For shadowed boxes use photoshop layer effects.

Last edited by zoliky; 05-02-09 at 02:40 PM.
Reply With Quote
  #9 (permalink)  
Old 05-04-09, 12:58 AM
harish harish is offline
Newbie Coder
 
Join Date: Apr 2009
Posts: 52
Thanks: 0
Thanked 0 Times in 0 Posts
Quote:
Originally Posted by Nico View Post
Shadows are actually supported too in CSS3.

http://www.css3.info/preview/box-shadow/
Thanks for this code But it is only working in the firefox and in internet explorer it is not working.
Reply With Quote
  #10 (permalink)  
Old 05-04-09, 02:08 AM
Nico's Avatar
Nico Nico is offline
Community Leader
 
Join Date: Sep 2005
Location: Spain
Posts: 8,075
Thanks: 11
Thanked 88 Times in 83 Posts
I know.

Do what Zoliky suggested.
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump


All times are GMT -5. The time now is 02:22 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.