[themes] Rounded corners like drupal.org

[John Wilkins]

On Apr 15, 2008, at 11:30 AM, 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/
>

Really?!?  *shudders*  ;-)

I don't use that technique anymore. I use the wrapper div w/  
background-image technique. For a fixed width div, you need 2 wrapper  
divs. For a fluid width div, you need 5 wrapper divs. That gets the  
imgs out of the html.

  - John


-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.drupal.org/pipermail/themes/attachments/20080415/17fe4c71/attachment-0001.htm