Hints

To have multiple instances of CurvyCorners on a page you need to add all the DIVs that require curvy corners as Variables in the JavaScript in the Head of your document.

To add nice curvy corners to your layout, simply upload the curvycorners javascript to your site’s scriptfolder.
Then call the script library in the head of your document like this…

<script type=”text/JavaScript” src=”./scripts/curvycorners.js”></script>

…then run the script in your page by adding this script to the head of your document…Notice that “lsidebar” and “mainwrap” etc are the IDs of the DIVs that you want curvy.

<script type=”text/JavaScript”>

  window.onload = function() {

    var settings = {

      tl: { radius: 8 },

      tr: { radius: 8 },

      bl: { radius: 8 },

      br: { radius: 8 },

      antiAlias: true

    }

    var divObj1 = document.getElementById(“lsidebar”);

	var divObj2 = document.getElementById(“mainwrap”); 

    curvyCorners(settings, divObj1, divObj2);

  }

</script>

To add curves to other DIVs you need to just add another variable…e.g…

var divObj3 = document.getElementById(“div-id-here”); 

…and add the name of the variable into the settings…e.g…

curvyCorners(settings, divObj1, divObj2, divObj3);