Add rounded corner to panel using Border Radius [#350728]

hey guy i found a way to easily add rounded border to panel here is an example the code to include in your style.css theme (drupal 5)

#borderradius {
color: #fff;
background-color: #720779;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ccc;
padding: 10px;
}

then put the id in your panel. for this example you ll put borderradius in the box css id (inside the panel)

and here is example and other code http://www.css3.info/preview/rounded-border/

Also does anyone knows how to do the same thing for internet explorer ?
or make it compliant to all browser?

Comments

Comment #1

SocialNicheGuru CreditAttribution: SocialNicheGuru commented 27 December 2008 at 15:37

subscribing thanks!

how is this different from using the rounded corners option in the layout of panels?

Comment #2

wallbay1 CreditAttribution: wallbay1 commented 1 January 2009 at 08:43

Well for me the bid difference is that you can add background color , border color easily
while the one on panel has only one style.

Comment #3

sdboyer CreditAttribution: sdboyer commented 9 January 2009 at 17:53

Priority:	Critical	» Normal
Status:	Active	» Needs work

If the full cross-browser compatibility problem can be solved, then I'd consider adding this to Panels as its own style plugin. It'd need to be sufficiently different in visual appearance from the original rounded corners style.

If this is to be added, though, then it needs to be done properly - no "add stuff to your theme's css files." All of that can be done from within the style plugin itself, albeit a little awkwardly. I'm hoping that the technique for doing so should be pretty self-evident if you work from the existing style plugin include files.