[themes] Rounded corners like drupal.org

Richard Burford rich at freestylesystems.co.uk
Tue Apr 15 18:49:13 UTC 2008


> I like this technique:
> http://www.albin.net/examples/roundedcorners/

The problem with that method is that it requires you to add the images  
as markup so they are effectively hard-coded. Using a CSS technique  
like Steven used on drupal.org you have more control over the images  
and don't need more markup than the 4 divs with your corner classes.  
This means you have less effort to change the colour of rounded blocks  
using #block-id .corner-class {}

psynaptic
http://freestylesystems.co.uk

On 15 Apr 2008, at 19:30, Nicolas Borda wrote:
>
> On 15 Apr 2008, at 18:55, Richard Burford wrote:
>
>>> 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
>
> Yes you are right, I didn't check out the CSS in Firebug, sorry.
>
> I like this technique:
> http://www.albin.net/examples/roundedcorners/
>
> -- 
>
> Nicolas Borda
> -------------------------
>
> http://nic.ipwa.net/
> http://www.linkedin.com/in/nborda
>
>
>
> _______________________________________________
> themes mailing list
> themes at drupal.org
> http://lists.drupal.org/mailman/listinfo/themes



More information about the themes mailing list