Best Practices
General > Best Practices > OT: Great! Rounded corners!!! View modes: 
User avatar
Member
Member
sciamannikoo - 3/30/2005 11:56:48 PM
   
OT: Great! Rounded corners!!!
I think is very nice and a possible useful implementation in Kentico controls.

Well, I've found an article wich explain how is possible to render rounded corners in whatever selector, ID or class of our web pages.

Is almost-cross-browser (not in IE 5 and 5.5, for example), but if dont work, we see normal corners.

Is accessible.

Is... sorry, in Italian, but easy to understand.

There is URL: http://pro.html.it/view_forum.asp?id=590&idcat=31&pag=1 (see "Esempio" links to see some examples).

There is files to download: http://pro.html.it/esempio/nifty/nifty.zip

We need only to add this between <head> tags:
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/Javascript" src="nifty.js"></script>
<script type="text/Javascript">
window.onload=function(){
if(!NiftyCheck())
return;
Rounded("***","#rrggbb","#rrggbb",["small"]);
}
</script>

where:

- "***" is selector ID (selector#ID), class (selector.class) or descended selector (selector#id selector).
- #rrggbb is RGB colors (3 or 6 digits) or "transparent"
- "small" (optional) is for small rounded corners

We can use also "RoundedTop()" and/or "RoundedBottom()" functions (with same parameters) to render only top or bottom corners, or different colors for top and bottom corners.

Is useful for me: I hope is useful also for yours ;)

Bye,
Andrea

User avatar
Guest
admin - 4/8/2005 2:03:45 PM
   
Re: OT: Great! Rounded corners!!!
Hi Andrea,

Thank you very much for this very interesting post!

Regards,