depends on which one you are using... they both have a JS that call out the corners to round
in my header..
this will be cube or corner depending on if you use one or the other,
change nothing inside that file..
you can name this "whatever.js"
inside this you find....
niftyCorners uses.....
window.onload=function(){
if(!NiftyCheck())
return;
Rounded("div#header","bottom","#D6DEEC","#84B7FF","smooth");
Rounded("div#header h1","bottom","#84B7FF","#657DA6","smooth");
Rounded("div#content","tl bottom","#D6DEEC","#FFF","smooth");
Rounded("div#nav","tr bottom","#D6DEEC","#95B3DE","smooth");
Rounded("div#sidenotes","all","#D6DEEC","#B1C0D5","smooth");
Rounded("blockquote","tr bl","#FFF","#CDFFAA","border #88D84F");
Rounded("div#relax","all","#FFF","transparent");
Rounded("div#footer","all","#D6DEEC","#CCCCCC","small border #fff");
}
in niftyCorners you get five calls first is, which div, second is the corners to round, tl - tr - br - bl - top - bottom - all, third is color outside the div, fourth is color inside the div, last is small (small round on corners) smooth (bigger and smoothed to take out jagged edges, not required/default) border w/ color # (can take the 'small' call to make small corners w/ border)
niftyCubes uses...
window.onload=function(){
Nifty("div#menu a","small transparent top");
Nifty("ul#intro li","same-height");
Nifty("div.date");
Nifty("div#content,div#side","same-height");
Nifty("div.comments div");
Nifty("div#footer");
Nifty("div#container","bottom");
}
no need to call colors it finds them in the CSS, just what to round and what size... this page can explain in more detail, and this version has the "same-height" call which is nice for making two boxes same height no matter how much is in them...
when changing anything in the layout.js of either pay notice to the
"," miss one and the whole thing stops working, nice thing is if the viewer has JS disabled they still get layout, just with square corners. they both have a CSS that goes with them with a bunch of strange things in them (
change nothing inside this file) like this...
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
HTH
mark
any other ?'s feel free to ask, i love the rounds
as you maybe can tell by my site.
I can see why you love this stuff. It's highly addictive. Seeing that I did most of my rounded corners in ps and optimized the heck out of the images just to keep the download times to being bareable. This is what I needed and didn't even know I needed until this post. Looks like its gonna be another long day. Thanks for the tip!. And 99debra99 thanks for posting your question. 
