I think it's done with JavaScript: http://acko.net/blog/anti-aliased-nifty-corners
The implementation on drupal.org is done using pure CSS. The idea is that you're using those 4 extra divs as hooks to add the 4 background images. You specify the position of the background images so they sit in each of the 4 corners. There are so many different ways you can do it and there are even sites whose sole purpose is to showcase these different methods.
http://www.google.com/search?hl=en&q=rounded+corners+css
Regards,
Richard Burford Freestyle Systems (01642) 288064 07891138356 rich@freestylesystems.co.uk www.freestylesystems.co.uk
On 15 Apr 2008, at 18:31, Nicolas Borda wrote:
On 15 Apr 2008, at 18:21, Sean Wingert wrote:
I have searched Google and drupal.org but cannot find a walkthrough for the rounded corners at drupal.org--especially the orange and green blobs at the top, which are awesome.
Can anyone explain, or provide an educational link, to understand their code? Below is output from Firebug for the orange box:
<snip>
I think it's done with JavaScript: http://acko.net/blog/anti-aliased-nifty-corners
--
Nicolas Borda
http://nic.ipwa.net/ http://www.linkedin.com/in/nborda
themes mailing list themes@drupal.org http://lists.drupal.org/mailman/listinfo/themes