nifty cubes [solved]

[evoke28]

Was searching through the forum for changing the default wireframe1colwnews from square corners to rounded corners. the information was posted a year ago so i thought it might have changed in the new cmsmade simple. i really like the way this site looks
http://multiintech.com/index.php/rounde ... cubes.html

This is my site http://www.deadmonkeyrecords.com/. as you can see in the corners of each box the colour continues out. i have tried the ways written before be not luck. here is my setup if anyone colud tell me what thing to change.

this is what i have in the top of my template





{stylesheet}

these are the styles sheet i have
wireframe1colwnews : aRcolor
wireframe1colwnews : aRtypo
wireframe1colwnews : borders1
wireframe1colwnews : Forms
wireframe1colwnews : JSlayout1col
wireframe1colwnews : News
wireframe1colwnews : niftyCorners
wireframe1colwnews : niftyPrint
wireframe1colwnews : piclistMenu
wireframe1colwnews : wframeLayout1col

i have commented out everything that is borders, so i am not using it

have changed jscollayout to this
window.onload=function(){
if(!NiftyCheck())
    return;
Rounded("div#header","all","#3BA93B","#3BA93B","border #F5DB4C");
Rounded("div#content","all","#7B97E1","#7B97E1","border #000");
Rounded("div#menu_horiz","all","#E9E9E9","#E9E9E9","border #000");
Rounded("div#contenthead","all","#f2f2f2","#f2f2f2","border #000");
Rounded("div#mainblock","all","#f2f2f2","#FFF","border #000");
Rounded("div#footer","all","#43B843","#43B843","border #F5DB4C");
}

have not changed anything in nifty.js

hope all this information leads to a answer
thanks

P.S. i think rounded corners should be the default , it look way nicer

[Dr.CSS]

You need to remove/unattach the wireframe1colwnews : wframeLayout1col style sheet...

The JS color calls are for the inside and outside colors, first is the outside color second is inside color, if I recall correctly, so if you have the same color called for both, as you do, you end up with what you have...

ps. The link niftycubes uses a diff set of JS that will get the colors from the CSS but it won't do borders...

[evoke28]

thanks mark worked perfect. just to let everyone else know what i did for future reference.

edited the file jscollayout.js which can be from in /uploads/wireframe1colwnews/

in jscollayout.js is the following code

window.onload=function(){
if(!NiftyCheck())
    return;
Rounded("div#header","all","#000000","#3BA93A","border #F5DB4C");
Rounded("div#content","all","#000000","#7B97E2","border #000");
Rounded("div#menu_horiz","all","#000000","#E9E9EA","border #000");
Rounded("div#contenthead","all","#000000","#f2f2f2","border #000");
Rounded("div#mainblock","all","#7A97E0","#FFF","border #000");
Rounded("div#footer","all","#000000","#43B843","border #F5DB4C");
}

the first color in each which is #000000 is the out side of the corners
the second hash color the inside of the corners

the first has to be the same as the background of your website or the back ground on which the box is put on. if it is not the same then you will have a corner popping out of you box and it will not be round.making it the same color of the background make the box look like it has round corners.

has the second colour the same as the box colour.

take out the border bit if you do not want any borders around you box

hope this helps everyone in future.

one more question mark. why do you have to get rid of the wireframe1colwnews : wframeLayout1col

what is in it that interrupts

[Dr.CSS]

That is the layout to use if the rounding isn't used as the rounding needs a few extra padding/margin calls, so if you leave it in it will have duplicate calls that will interfere with the other layout CSS...

OH yea and before I released it I should have taken the blinking links out, if you go thru the CSS and search for blink you can change it to your choice... I was playing with that CSS call and forgot to take it out...

EDIT: the last time I looked at your site you still had the non rounded CSS attached and it's making your breadcrumbs weird...

[evoke28]

i changed after you told me. i know there seems to be a padding problem with the bread crumb. i think i changed it and that is why it looks like it is coming apart. But it looks alright now.Except for the colour scene. will have to do something about that.
have the round corners on it.

http://www.deadmonkeyrecords.com

thanks again mark

[Dr.CSS]

You may want to look at it in Firefox, it may need the contenthead height changed to 25px...