Announcement

Collapse
No announcement yet.

How to make Rounded Corners?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Arkham
    replied
    Spiffy Corners

    I've been using SpiffyCorners for a friend's site. It's quick and easy, but some people don't like using multiple nested divs. It works well though.

    http://www.spiffycorners.com/

    Leave a comment:


  • Protoss
    replied
    CSS round corners...

    http://blog.benogle.com/2009/04/29/css-round-corners/

    Leave a comment:


  • veenuisthebest
    replied
    Originally posted by Juiced Servers View Post
    I know....I already use them on my main site:

    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;

    However i dont know where to put them...Ive tried in the header template in vbulletin style admin...but never worked.



    Ya I know I already use them!

    I would just like someone to really point me exactly where I need to put what since I have already wasted countless hours on this.
    You do not put them in template.. You put them in Extra CSS Attributes box of a class in Style Manager -> Main CSS

    Leave a comment:


  • Floris
    replied
    gif images are for people who still believe in 1999.
    It's 2010, use modern browsers and today's format. PNG.
    Or just do it like we will tomorrow, and use CSS.

    Leave a comment:


  • hitmancode47
    replied
    You would be better off making it into an image, then converting it to a .gif and uploading the image.

    Leave a comment:


  • Juiced Servers
    replied
    Originally posted by veenuisthebest View Post
    Google border-radius property of CSS3. Its easy..
    I know....I already use them on my main site:

    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;

    However i dont know where to put them...Ive tried in the header template in vbulletin style admin...but never worked.

    Originally posted by cbiweb View Post
    Just remember not everyone will be able to see your rounded corners, since not all browsers support it in CSS3 - and that includes IE8!
    Ya I know I already use them!

    I would just like someone to really point me exactly where I need to put what since I have already wasted countless hours on this.

    Leave a comment:


  • Trevor Hannant
    replied
    There's various Javascript methods for this as well so as long as users have Javascript enabled too...

    Leave a comment:


  • cbiweb
    replied
    Just remember not everyone will be able to see your rounded corners, since not all browsers support it in CSS3 - and that includes IE8!

    Leave a comment:


  • veenuisthebest
    replied
    Google border-radius property of CSS3. Its easy..

    Leave a comment:


  • Juiced Servers
    started a topic How to make Rounded Corners?

    How to make Rounded Corners?

    Hey guys,

    I want to add some round corners to my forums below:



    The top right and top left corners of the 'white' table I want to be rounded...preferably without images..

    Ive spent hours trying but have failed. If anyone can please help thatd be great.
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X