The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
GCorners
GCorners is a jQuery plugin that will add rounded corners to your html elements. It uses Google style CSS and php to dynamically create a PNG circle image and uses this to give your elements corners.
It is this simple to use:
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.gcorners.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//Example 1: Defaults to 10px x 10px with color black
$('#content1').gcorners();
//Example 2: Set width and color. Height is default.
$('#content2').gcorners({ width:30, color:'00BF85'});
//Example 3: Set height, width and color.
$('#content3').gcorners({ height:50, width:40, color:'0AAA85'});
});
</script>This plugin generates valid XHTML and CSS code and is compatible with:
- IE 7+
- Firefox v3+
- Chrome v1+
- (Other Browsers Untested)
Note: You will need PHP to be able to run this script as it relies on a PHP script to generate images.
