I was reading through another blog. Something I do from time to time. And by time to time I mean obsessively. In reading through this blog I learned how to make rounded corners on blog entries. It will only work in Mozilla (and Firefox). So, once again, this proves all other browsers suck! I've always loved how rounded edges look, they make everything seem so much sleeker, streamlined.

Anyway, becaue I am a peach (or bitch, maybe both) here is what you add to your .css sheet. This should be added after you other border decoration tags in your styles.

-moz-border-radius: 10px;

I have been wanting to add rounded corners for some time, but until I found this I could only do it through images which is, frankly, a pain in my ass that just isn't worth it; especially considering how often I like to change my template.

You can also add rounded corner to selective edges as follows:

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;

As you can see, it makes my pretty dashes go away, but I think it's worth it. Soon I will probably be changing my template again. Probably to greys and whites. All of you Mozilla users out there will get to see my nice round edges. The rest of you, well, you miss out.

Anyway, that is my big tutorial! Thank you to Munuviana!

Visit them and check out their extra great page. It is a wealth of information.

Munuviana

Posted by Utopia at August 7, 2005 11:37 PM

Comments

Post a comment