By bbinkovitz on

I've been wrestling with both curvycorners and niftycorners for hours. I can't find any useful info online for the very general problem I'm having with both of them, namely, that they aren't working at all.

I tried curvycorners straight from curvycorners.net, and that didn't work so I upgraded to Drupal 5 so I could use the curvycorners module. I got that installed, followed all the directions (Put the .js files in the module folder, enabled the module, pasted the entire-class code into the box, and named my would-be curvy class "curvy"). No dice. And no curves.

So then I downloaded the niftycorners HEAD module, put that in the modules folder, put the necessary .js files in there too, and had even less success. It doesn't even come up on my module list, so I can't enable it.

Someone please help me round these corners!

⋅ Categories: Drupal 5.x

Comments

bbinkovitz’s picture

bbinkovitz commented

it turns out to use curvycorners i had to add the javascript stuff statically to the theme file. does anyone know why this might be?

---------------------------------------
http://softpixel.com/~bbinkovitz

pbarnett’s picture

pbarnett commented

The javascript has to actually be present on a page before it can run...

bbinkovitz’s picture

bbinkovitz commented

i guess what i meant was, i was under the impression that the drupal module inserted it for you. i was wondering if it was supposed to but didn't because of some problem. i guess i was confused.

now i have a new and more interesting problem, though. for all its trumpeting about rounding image corners beautifully, curvycorners is turning out to look just like an image overlaid on the top and bottom of the div. view the images linked to see what i mean:

http://img.b33p.net/pub/I1TZtK4PFf9Wgimp6dAHhdtU52mCuuFF
http://img.b33p.net/pub/7nIxES8um1rL0ygUHbT7ZF62B9evLJZZ

(the menu continuing beyond the div is a separate problem, i know. but it illustrates the problem i'm having with curvycorners.)

if anyone can give me info to get rid of this problem, thanks!
---------------------------------------
http://softpixel.com/~bbinkovitz

pbarnett’s picture

pbarnett commented

Hi!

Some of them do, some don't. The Google Stats module did, for example.

I've not used curvycorners myself; it looks OK but I'd post any issues I had with it on the module's support page.

Not meaning to be brusque; it's 4:30 am here and I'm off to bed :-)

Pete.

bbinkovitz’s picture

bbinkovitz commented

I understand that not all modules are full-service, but if this one doesn't insert the javascript for you, I'm confused about what it actually does. I followed all the instructions and still had to enter it all statically. And then when I disabled the module the corners still worked. So it appears that this module doesn't do anything, if this is how it's supposed to act.
---------------------------------------
http://softpixel.com/~bbinkovitz

nevets’s picture

nevets commented

The module has a README.txt file that talks about installing the javascript files and checking to see if things are set up correctly. From the code, the js file should be automatically added if things are installed correctly.

bbinkovitz’s picture

bbinkovitz commented

For once in my life, I actually did read the readme file. And it was very informative, but also very confusing. I actually read it a few times, but as far as I can tell it doesn't mention exactly where to put some of the stuff it has you install. And it say absolutely nothing about the problem with the images I'm having.

---------------------------------------
http://softpixel.com/~bbinkovitz

nevets’s picture

nevets commented

I have not tried the module but these are the steps I think you need to follow

3. Extract the curvyCorners zip folder and place the two .inc.js files
   inside your curvyCorners module folder.

4. Check administer > settings > curvyCorners to see if the JavaScript
   files are correctly installed.

(The actual README uses 3 for both). Step 3 is about installing the js files from the curvy corners package (not the module) under the modules directory. Step 4 allows you to verify things have been install correctly.

bbinkovitz’s picture

bbinkovitz commented

Yes. That is in the readme. That is what I did when I followed the readme. It didn't work.
---------------------------------------
http://softpixel.com/~bbinkovitz

asak’s picture

asak commented

and i have one stupid question: what theme file? ;)
I'm assuming by "javascript stuff" you're referring to the window.onload = ... part. but where should that go?
Thanks.

theneemies’s picture

theneemies commented

Try our contribution http://drupal.org/project/brushed_steel, which uses curvy corners (all in a single package now, yet to update project page). If that works for you, you can use it as a guide for your own theme.

bbinkovitz’s picture

bbinkovitz commented

Thanks! I'll give it a try.
---------------------------------------
http://softpixel.com/~bbinkovitz

bbinkovitz’s picture

bbinkovitz commented

So I tried brushed steel, but the problem is that it appears to work just like normal images. When I try to customize it, it seems that instead of creating a block with curved corners that hovers above the background, it is using a background with curves drawn on. This makes it impossible to customize without treating it just like a static image corner system. I'm confused as to what the javascript does.
---------------------------------------
http://softpixel.com/~bbinkovitz

theneemies’s picture

theneemies commented

You will need to specify the element you need curved in /third-party/usage.jquery.curvycorners.js. Borders, background, etc can be specified using CSS.

bbinkovitz’s picture

bbinkovitz commented

What's the proper syntax for specifying tags to round? Is there a way to specify on div ID rather than just class?
---------------------------------------
http://softpixel.com/~bbinkovitz

Anonymous’s picture

Anonymous (not verified) commented

Hi Beth,

have you managed to resolve the curvy corners thing since I seem to be as confused as appeared to be?

cheers,
Karl

bbinkovitz’s picture

bbinkovitz commented

I abandoned curved corners permanently on all the sites I'm working on. No joke. If you can figure out what this module is actually supposed to do, please let me know right away.

---------------------------------------
http://softpixel.com/~bbinkovitz

projectspoint’s picture

projectspoint commented

If you are want the curvy corners to apply to a single div, just use the id version

	window.onload = function()
	  {
	     settings = {
	          tl: { radius: 10 },
	          tr: { radius: 10 },
	          bl: { radius: 10 },
	          br: { radius: 10 },
        	  antiAlias: true,
	          autoPad: true,
          	  validTags: ["div"]
	      }
	   var divObj = document.getElementById("myDiv");
	   var cornersObj = new curvyCorners(settings, divObj);
	   cornersObj.applyCornersToAll();
	}

Call the div id from a page thus:

<div id="myDiv">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi est, cursus sit amet, pellentesque et, ultricies a, ipsum. Nulla facilisi.</div>

Your css in style.css might contain some colored formatting (else you might not see the result!)

div#myDiv {
  margin: 20px;
  background-color: #F2F4CE;
  padding:20px;
}

AND remember to select full html as the input format.

if you want to apply to teasers you would use the class script instead not ids. just change your css id to a div.myDiv and you would call the class from the appropriate content-type.tpl.php theme template.

I think that is it.

Hope this helps.

pi
---
north-meets-south