that I find interesting
« Reddit Interviews A 96 Year OldBillionaire Clown Blasts Off to Space »

Perfect Rounded Corners with CSS

  02/17/10 16:37, by , Categories: Informative, Programming

I’ve updated my blog to the latest stable release of b2evolution. Rather than try to carry over my old customized skin, I decided to try something new. After customizing the December skin, I still wasn’t satisfied with how each white post looked in the dark theme.

I asked some of my co-workers for suggestions and one idea was to round the borders for each post. I thought it sounded like a good idea, so I went about figuring out how to do it without images or javascript.

After some searching I found this post. The css doesn’t work with IE, but it works great in Firefox and Chrome so I’m happy with it. Especially since it’s such an insignificant aspect of the blog. IE users won’t be missing much, but others will see a design that’s a little more pleasant.

Here’s the css I used:

-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

This entry was posted by and is filed under Informative, Programming.

1 comment

Comment from:
Alison

I like the new look.

02/17/10 @ 17:49


Form is loading...

March 2020
Sun Mon Tue Wed Thu Fri Sat
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        
 << <   > >>

Search

  XML Feeds

free blog tool
 

©2020 by Dustin Sullivan

Contact | Help | Blog theme by Asevo | blog software | web hosting