Download Rounded corners script

Demo

Bookmark and Share

Download script

You can download the entire script from this Zip file

Files included in the package:

  • rounded-corners.html = Main demo HTML file
  • js/rounded-corners.js = Main JS file for the script
  • doc/* = Documentation of methods

Configuration

Include files

First, you need to include the js file rounded-corners.html with a script tag

Specify which elements you want to apply rounded corners to

This is done by the addTarget method. Example: Put this at the bottom of your HTML file:

<script type="text/javascript">
rC = new DHTMLgoodies_roundedCorners();
rC.addTarget('leftColumn',25,25,'#317082','#FFFFFF',5,300, 'top_left,bottom_left,bottom_right');
rC.addTarget('contentColumn',25,25,'#7190E0','#FFFFFF',5,300, 'top_left,bottom_left,bottom_right');
rC.addTarget('footer',25,25,'#CCCCFF','#FFFFFF',5,false, 'bottom_left,bottom_right');
rc.init();
</script>

This will add rounded corners to element with ids leftColumn, contentColumn and footer.

The arguments to the addTarget method are:

  • ID of element
  • X radius of rounded corner
  • Y radius of rounded corner
  • Background color of element you are applying rounded corners to
  • Background color of element behind
  • Padding of content.
  • Height of content.
  • Where to apply corners

For more help, look at the demo file or see the Complete class documentation

Comments

Gilberto
this work in IE9?
Gilberto at 03:22AM, 2011/05/27.
aftab
Hey! its great bcoz it works on all IE browsers except IE5
aftab at 06:30AM, 2012/05/16.
PhcFB
Medicines prescribing information. What side effects? <a href="https://prednisone4u.top">generic prednisone without prescription</a> in USA. All trends of medication. Read information here.
[url=http://vuanh.com.vn/thiet-bi-tin-hoc/vo-thung-may-cpu-marvo-ca-112/#comment-785205]All about drugs.[/url] [url=https://amp.en.vaskar.co.in/translate/1?to=ru&from=en&source=Medicament%20prescribing%20information.%20What%20side%20effects%20can%20this%20medication%20cause%3F%20%3Ca%20href%3D%22https%3A%2F%2Fviagra4u.top%22%3Ehow%20to%20buy%20cheap%20viagra%20without%20insurance%3C%2Fa%3E%20in%20USA.%20Best%20what%20you%20want%20to%20know%20about%20medicine.%20Get%20now.%20%0D%0A%3Ca%20href%3Dhttps%3A%2F%2Flensesonline.kz%2Fproduct%2F60%2F%3Frating%3D1%3EEverything%20news%20about%20meds.%3C%2Fa%3E%20%3Ca%20href%3Dhttps%3A%2F%2Factivity.rmu.ac.th%2Fhome%2FViewActivity%2F274%3EAll%20what%20you%20want%20to%20know%20about%20medicine.%3C%2Fa%3E%20%3Ca%20href%3Dhttp%3A%2F%2Fbpo.gov.mn%2Fcontent%2F246%3ESome%20about%20drugs.%3C%2Fa%3E%20%2092f6fcf%20&result=%D0%98%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D1%8F%20%D0%BE%20%D0%BD%D0%B0%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D0%B8%20%D0%BB%D0%B5%D0%BA%D0%B0%D1%80%D1%81%D1%82%D0%B2.%20%D0%9A%D0%B0%D0%BA%D0%B8%D0%B5%20%D0%BF%D0%BE%D0%B1%D0%BE%D1%87%D0%BD%D1%8B%D0%B5%20%D1%8D%D1%84%D1%84%D0%B5%D0%BA%D1%82%D1%8B%20%D0%BC%D0%BE%D0%B6%D0%B5%D1%82%20%D0%B2%D1%8B%D0%B7%D0%B2%D0%B0%D1%82%D1%8C%20%D1%8D%D1%82%D0%BE%20%D0%BB%D0%B5%D0%BA%D0%B0%D1%80%D1%81%D1%82%D0%B2%D0%BE%3F%20%3Ca%20href%3D%22https%3A%2F%2Fviagra4u.top%22%20%3E%20%D0%BA%D0%B0%D0%BA%20%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C%20%D0%B4%D0%B5%D1%88%D0%B5%D0%B2%D1%83%D1%8E%20%D0%92%D0%B8%D0%B0%D0%B3%D1%80%D1%83%20%D0%B1%D0%B5%D0%B7%20%D1%81%D1%82%D1%80%D0%B0%D1%85%D0%BE%D0%B2%D0%BA%D0%B8%3C%20%2F%20a%20%3E%20%D0%B2%20%D0%A1%D0%A8%D0%90.%20%D0%9B%D1%83%D1%87%D1%88%D0%B5%20%D0%B2%D1%81%D0%B5%D0%B3%D0%BE%20%D1%82%D0%BE%2C%20%D1%87%D1%82%D0%BE%20%D0%B2%D1%8B%20%D1%85%D0%BE%D1%82%D0%B8%D1%82%D0%B5%20%D0%B7%D0%BD%D0%B0%D1%82%D1%8C%20%D0%BE%20%D0%BC%D0%B5%D0%B4%D0%B8%D1%86%D0%B8%D0%BD%D0%B5.%20%D0%98%D0%B4%D0%B8%20%D1%81%D0%B5%D0%B9%D1%87%D0%B0%D1%81%20%D0%B6%D0%B5.%20%3Ca%20href%3Dhttps%3A%2F%2Flensesonline.kz%2Fproduct%20%2F%2060%2F%3F%20rating%3D1%3E%D0%92%D1%81%D0%B5%20%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B8%20%D0%BE%20%D0%BB%D0%B5%D0%BA%D0%B0%D1%80%D1%81%D1%82%D0%B2%D0%B0%D1%85.%3C%20%2F%20a%3E%20%3Ca%20href%3Dhttps%3A%2F%2Factivity.rmu.ac.th%2Fhome%20%2F%20ViewActivity%20%2F%20274%3E%D0%B2%D1%81%D0%B5%2C%20%D1%87%D1%82%D0%BE%20%D0%B2%D1%8B%20%D1%85%D0%BE%D1%82%D0%B8%D1%82%D0%B5%20%D0%B7%D0%BD%D0%B0%D1%82%D1%8C%20%D0%BE%20%D0%BC%D0%B5%D0%B4%D0%B8%D1%86%D0%B8%D0%BD%D0%B5.%3C%20%2F%20a%3E%20%3Ca%20href%3Dhttp%3A%2F%2Fbpo.gov.mn%20%2F%20content%20%2F%20246%3E%D0%BD%D0%B5%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE%20%D0%BE%20%D0%BD%D0%B0%D1%80%D0%BA%D0%BE%D1%82%D0%B8%D0%BA%D0%B0%D1%85.%3C%20%2F%20a%3E%2092f6fcf]Best about meds.[/url] [url=http://culturia.nl/node/17#comment-4616]All trends of medicines.[/url] 8_eb678
PhcFB at 10:18AM, 2021/01/10.

Post your comment

Don't have an avatar? Create one at Gravatar.com.

Confirmation code:

Go to cbolson.com


About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2021 dhtmlgoodies.com