New on DHTMLGoodies.com:

DHTML Chess is now available for WordPress at WordPressChess.com.

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.
JgcBY
Medicines information for patients. Drug Class.
<a href="https://toplyrica.top">lyricaonyrica</a> in USA
Everything information about medicine. Get now.
JgcBY at 05:29AM, 2021/04/29.

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