« Pagination Comes to TypePad! | Main | BlogWorld Expo »

John T. Unger

Simple Rounded Corners for TypePad

John T. Unger October 22, 2007

I did a complete makeover for the Jambaz Blog recently. My buddy Jonas' layout required rounded corners for each content area, so I did a quick search for "rounded corners in CSS," and came up just shy of 2 million results in Google. I looked at about half a dozen and tried out a couple of them. By far the simplest was Adam Kalsey's Rounded Corners in CSS tutorial. If you have a need for rounded corners his code seems the simplest and quickest to use and modify (especially if you're creating the images yourself).

Another useful tool for achieving the same is RoundedCornr, a page which lets you spec the colors and radius for a box and then generates the HTML, CSS and even the images for you.

More Like This: CSS

Tags: , ,

Comments

moe hong says:

It would be neat to see a bit of custom CSS that could be dropped into standard templates to convert frame/column corners from square to rounded!

Katie Konrath says:

Is this with advanced templates? Or were you just able to do this with css?

A Twitter User says:

How do I use Adam's code in my Typepad blog? I don't have access (I don't think) to the DIV tags that envelope content areas from within the custom CSS. I'd really not have to use an advanced template as I'm barely comfortable editing plain CSS as it is. If it can't be done without advanced templates I'll just have to keep the default sharp cut-yer-fingers-if-you're-not-careful corners.

The comments to this entry are closed.

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00d8341c4fdf53ef00e54efc6e078833

Listed below are links to weblogs that reference Simple Rounded Corners for TypePad:

» BLAUGI finally goes round the bend. from BLAUGI Blog of Autodesk User Group International
After reading the following post on TypePad Hacks - Simple Rounded Corners for TypePad, I decided (after speaking with Mark Kiker) to see about incorporating such a change here on BLAUGI. Result: Gone are the hard, square corners, in their [Read More]

typepad hacks is a typepad featured weblog typepad hacks is listed on Alltop social media

Subscribe

Email RSS Comments  
Subscribe to TypePad Hacks with email Read TypePad Hacks posts via RSS Join the conversation at TypePad Hacks via RSS (comments feed) subscriber count

Search

Socialize

Twitter Logo
    follow typepadhacks on twitter

    Read and reply to the 100 most recent comments at the TypePad Hacks Community Page


    Grazr

    Colophon

    Powered by TypePad
    Member since 03/2005

    TypePad Status

    Creative Commons License