*EDITED - Created new account. Tested and updated. does not work on headers yet.* I hope this tutorial is not duplicated or posted earlier.. =) Doesn't work with transparent boxes.. to have an idea of rounded corners, visit this [url=http://www.html.it/articoli/niftycube/nifty9.html]site[/url] ______________________________ *Updated* No more long code for you.. just follow the instructions.. Works with sidebar boxes ready to use. just follow the instruction ______________________________ You may use this to link your rounded.js to your main javascript <">Here's for css <">here's my rounded.js & rounded.css if you don't feel like creating one. <">*Tip* When trying to round the corners of your other boxes which was made by the addBox by Sir ken's, find the "addBox" function in the code then look for the div_id section.. =3 Copy this on your original js file - I suggest to put it in the lowest part. where it cannot bother you, or you can alternatively create new javascript and append it to your current js. <">This to css <">put this code at the very top of your js file or if you have Sir Ken's Page redirection for ajax users, put this code after that code.. if you want to have a copy of the JS, here's the link >. [url=http://h1.ripway.com/k0nakona/rounded.js]niftyjs[/url] if you want to have a copy of the css, here's the link > [url=http://h1.ripway.com/k0nakona/rounded.css]niftycss[/url] Now to round, using div id and/or div class id uses "#"(number sign) to indicate that they are id while class uses "."(dot) to indicate class. You can either use one here, But we'll use class since it will be easy. Friendster boxes have different id right? but they have a common class which is "commonbox" anyway here are some examples, if you want to study more about this, you can go to [url=http://www.html.it/articoli/niftycube/index.html]Nifty Corner Cube[/url] <">_________________________ Div ID change the word BOXID to the div id you want to round. example: div#0 = that will make your controlpanel rounded. Div CLASS change the word BOXCLASS to the div class you want to round in example: div.commonbox = all box round since friendster uses the same class on all boxes. we end up with this <">I'm sorry about this, I've lost my codes and has no back ups so yeah.. hope you'll understand this. :D Credits to nifty corners =3

Last edited by jagcopra (2009-05-18 12:55:56)