|
If you want rounded corners in your modules in 2.0 here is a simple code to accomplish it. Pick any module in 2.0 to
apply it to, for example, the comments module:
The selector for the comments module is: div.commentsModule
The code to make any module have "rounded corners" is: {border:4px solid black; -moz-border-radius:4px;
-webkit-border-radius:4px;}
The "moz-border" is for Firefox browsers and the "webkit-border" is for Safari browsers. Currently Internet Explorer
does not support this code. But don't worry if you use IE the border will still show on your page, it will just be squared.
So to code it properly you would do the following:
div.commentsModule {border:4px solid black; -moz-border-radius:4px; -webkit-border-radius:4px;}
You can adjust the border to a smaller px size, another border style (dashed/dotted/etc) or another color than black.
You can then adjust the moz and webkit borders from 4px to another size as well.
For a full list of each 2.0 module selector CLICK HERE.
|
|
