Rounded Block Edges

Hello,

Yes with rounded corner or color module then its a perfect theme :)

For rounded corner you can visit this site. Take a look in the CSS

#sidebar-left h2.block-title,
#sidebar-right h2.block-title {
background: #494949;
background:-moz-linear-gradient(top, #303030, #494949); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#303030), to(#494949)); /* Safari, Chrome */
margin:0;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size:13px;
text-transform:uppercase;
border-right: 1px solid #494949;
border-left: 1px solid #303030;
border-top: 1px solid #303030;
color:#ffffff;
text-shadow: 1px 1px 0px #303030;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
}

#sidebar-left .block-content,
#sidebar-right .block-content {
background-color: #f4f4f4;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #ddd;
border-top: 1px solid #cccccc;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
}

	

Work nice in Firefox.

Hi, Dan,

This does work beautifully in Firefox! I'm still unable to get rounded blocks in IE, though....

Leslie

I've used the Jquery Eye Candy Curvy Corners for other websites, but can't get it to work with the Danland theme. It messes with the Superfish menu block, but doesn't affect the blocks in the right or left sidebars. I'm using this code in the JQuery Eye Candy Curvy Corners form:

$(document).ready(function() { $('.block').corner(); })

I've also tried using .defaultblock, but that doesn't affect anything.

Does anyone have any ideas?

Thanks in advance,

Leslie

Yes it only work on Firefox, in IE the best solutions is using image to creating the rounded corner.

How about using code like this

<script type="text/javascript">
    jQuery(document).ready(function($)  {
        $(.block).corner();
    });
</script>

Hi, Dan,

I inserted the above scripting code in the CurvyCorners plugin form found at /admin/settings/jq_eyecandy It does not work. I'll attach a screenshot. Is there somewhere else I should be pasting the code?

I'm getting frustrated; there has to be some way to make this work in IE!

Thank you!

Leslie

What is the code you put in your website that work using this plugin?

How about only like this

 jQuery(document).ready(function($)  {
        $(.block).corner();
    });

Hi,

I'll mark this as wont fix.

Thanks,
Dan