Software consulting and development in and around Oshawa, Durham Region and the Greater Toronto Area of Ontario
 

Rounded Corners

This line in your HTML:

    <img src="/rounded_corners/show?c=0000ee&bc=dddddd&w=60&h=60&a=tl">
    
Outputs:

Getting Source:

Download from Google code hosting here

Installing Plugin:

From the root of your rails app (all on one line):

$ script/plugin install 
 http://rounded-corners.googlecode.com/svn/trunk/rounded-corners

Example

Checkout the README for instructions and an example controller to use after plugin is installed

<style>
    body {
        background: #eeeeff;
        font-family: arial;
    }
    
    div.rounded {
        background: #ffffff url(/rounded_corners/show?c=ffffff&bc=eeeeff&w=15&h=15&a=tr) 
        no-repeat top right;
    }
    div.rounded div {
        background: transparent url(/rounded_corners/show?c=ffffff&bc=eeeeff&w=15&h=15&a=tl) 
        no-repeat top left;
    }
    div.rounded div div {
        background: transparent url(/rounded_corners/show?c=ffffff&bc=eeeeff&w=15&h=15&a=br) 
        no-repeat bottom right;
    }
    div.rounded div div div {
        background: transparent url(/rounded_corners/show?c=ffffff&bc=eeeeff&w=15&h=15&a=bl) 
        no-repeat bottom left;
        padding: 15px;
    }        
    
    pre {
        padding: 10px;
        background: #f6f6f6;
    }
    
</style>

<div style="width: 550px" class="rounded"><div><div><div>
    Content to be included in rounded corner border here
</div></div></div></div>