Thread: Rounded Corners

Results 1 to 5 of 5
  1. #1
    Join Date
    Jun 2009
    Posts
    617
    Plugin Contributions
    0

    Idea or Suggestion Rounded Corners

    Hi,

    Does anyone know how to code and implement rounded corners to be applied to the sideboxes and the category tabs area in the header?

    Is there an addon that can do this? Thank you.
    Thank you,
    autoace

  2. #2
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Rounded Corners

    Quote Originally Posted by autoace View Post
    Hi,

    Does anyone know how to code and implement rounded corners to be applied to the sideboxes and the category tabs area in the header?

    Is there an addon that can do this? Thank you.
    Depending on which browser you are using (FF, Safari, Chrome) you can use the border-radius property in your stylesheet to achieve rounded corners.

    Otherwise, you will need to create graphic images to accomplish your rounded corners.

  3. #3
    Join Date
    Jun 2009
    Posts
    617
    Plugin Contributions
    0

    Default Re: Rounded Corners

    Quote Originally Posted by clydejones View Post
    Depending on which browser you are using (FF, Safari, Chrome) you can use the border-radius property in your stylesheet to achieve rounded corners.

    Otherwise, you will need to create graphic images to accomplish your rounded corners.
    Clyde, thanks for the reply.

    Ok, good info to know.
    Thank you,
    autoace

  4. #4
    Join Date
    Jul 2009
    Posts
    234
    Plugin Contributions
    1

    Default Re: Rounded Corners

    In my opinion, there is no point in using the border-radius property as it is CSS3 style......CSS3 is not out or finalised yet and not enough browsers support it, so if someone was using IE then they would see with square corners rather than te rounded.

    Best bet is to use a graphic as suggested, but i believe there is also a mod called nifty zen which uses javascript and css to create rounded corners....but i havnt used it so not sure how good it really is

  5. #5
    Join Date
    Sep 2009
    Posts
    7
    Plugin Contributions
    0

    Default Re: Rounded Corners

    All true, but depending on how important it is then putting the following in your CSS will enable most all browsers except for IE to do so without images:

    -moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
    -khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/

    Fewer images translates to a faster site, but it's true that many people still use IE. Depends on what you want! :o]
    Dygerati Design
    http://design.dygden.com

 

 

Similar Threads

  1. Rounded corners
    By commdiver in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 6 Jan 2011, 12:45 AM
  2. rounded corners
    By wotnow in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 21 Jul 2010, 07:20 PM
  3. rounded corners
    By wotnow in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 20 Jul 2010, 03:07 PM
  4. Rounded Corners in Firefox
    By Tig in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 3 Apr 2008, 03:14 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg