This line in your HTML:
<img src="/rounded_corners/show?c=0000ee&bc=dddddd&w=60&h=60&a=tl">
Outputs:Download from Google code hosting here
From the root of your rails app (all on one line):
$ script/plugin install http://rounded-corners.googlecode.com/svn/trunk/rounded-corners
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>