Web Design Forums

Welcome! Please register or log in: Forgot your password? Why register?
You are here: Web Design Forums » Programming Help » Javascript, AJAX, and JSON » Creating Rounded Corners with CurvyCorners RSS

Creating Rounded Corners with CurvyCorners

This thread was started by sinjix_media and has been viewed 614 times, and contains 5 replies, with the last reply made by filburt1.
Post Reply
1
View sinjix_media's reputation
Posted May 31 '07 at 09:55 PM
      Posts: 3
I'm having some real issues with CurvyCorners, Javascript rounded corners.
I am not a coder and I've never messed around with javascript, so I was wondering if anyone could help me with setting rounded corners to ONLY the bottoms of some table/divs for some table/divs

The axample.html only applies it to all corners for you.
Attachments File Type: txt demo2 - .html.txt (3.9 KB, 8 views)
File Type: txt demo - .html.txt (3.9 KB, 5 views)
File Type: txt rounded_corners.inc - .js.txt (46.6 KB, 15 views)
File Type: txt rounded_corners_lite.inc - .js.txt (24.5 KB, 14 views)

Advertisement Register for free to hide these ads and participate in discussions!

2
391 points at 100% Repute
Posted June 1 '07 at 07:21 AM
      Posts: 452
Man.. I checked out their site, and the product really looks cool. Oo

Anyway check out this page: http://www.curvycorners.net/usage.php
It gives you rather complete instructions on how to set it up =)
Hyperair
Last edited June 1 '07 at 07:26 AM by hyperair. Reply

3
View sinjix_media's reputation
Posted June 1 '07 at 11:31 AM
      Posts: 3
I read that. I still don't understand it.
Can you give me an eample of how I would set it to do JUST the bottom?

4
391 points at 100% Repute
Posted June 1 '07 at 12:32 PM
      Posts: 452
window.onload = function() {
var settings = {
tl: { radius: 20 },
tr: {radius: 20},
bl: false,
br: false
antiAlias: true
autoPad: false
};
var myObj = document.getElementById('WhateverObjectId');
var curvesObj = new curvyCorners(settings,myObj);
curvesObj.applyCornersToAll();
}

antiAlias.. well you could search that up in a wiki for explanation, and autoPad is this feature whereby the curvyCorners will automatically fix any problems caused by padding (if false, you cannot set padding in the object you want to have curvy corners for, or you must implement the hack manually; if true, it will automatically implement the padding hack for you)
Hyperair

5
1,318 points at 100% Repute WDFplus Member
Posted June 1 '07 at 01:03 PM
      Posts: 8,423
Looks like my 0-GFX toolkit I made a few years back... anyone remember that? Filb, do you still have the files? Post them up for everyone to see!
Steven Moseley
President, Transio
smoseley is online now! Reply

6
794 points at 99% Donor Moderator Repute WDFplus Member
Posted June 2 '07 at 02:20 PM
      Posts: 11,793
If it's publicly viewable: http://www.webdesignforums.net/showthread.php?t=5908
filburt1, Web Design Forums.net founder
Want to advertise on this site?
Site of the Month contest: submit your site or vote for the winner!

Post Reply

Similar Threads
Thread Thread Starter Forum Replies Last Post
The Best and Fastest Method For Rounded Corner Designs sinjix_media HTML and CSS Help 4 June 2 '07 02:48 PM
rounded corners in flash solidgold Adobe Flash Help 12 January 21 '07 05:00 PM
Rounded corners with CSS. goldfish HTML and CSS Help 1 March 26 '06 01:16 AM
making small rounded corner images load before table seanus HTML and CSS Help 2 September 25 '03 04:46 AM