CSS3 PIE Forums
http://css3pie.com/forum/

Integrating PIE into WordPress Themes
http://css3pie.com/forum/viewtopic.php?f=4&t=8
Page 4 of 5

Author:  sixfootjames [ Tue Dec 20, 2011 4:25 am ]
Post subject:  Re: Integrating PIE into WordPress Themes

I had endless problems with this running on my local host, but as soon as I put it into the live environment, it worked! Thanks! Bloody awesome!

Author:  jontony [ Fri Dec 23, 2011 1:02 pm ]
Post subject:  Re: Integrating PIE into WordPress Themes

The first time I tried to implement PIE into premium wordpress theme (by themejunkie). That was quite complicated. If somebody uses these themes for their blogs, I may be able to help. Their themes are a bit different than regular ones. But the other two times everything worked like a charm. Thanks for this little guide ;)

Author:  PeterRK [ Sun Jan 15, 2012 2:15 pm ]
Post subject:  Re: Integrating PIE into WordPress Themes

Here is another solution for including PIE with WordPress:
http://www.peterrknight.com/using-css3-pie-with-wordpress-plugins-and-themes/

It's a good alternative if you don't want to move PIE.htc into your site's document root or work with php to get the path to PIE inside your CSS declarations.

Author:  58twelve [ Sat Apr 14, 2012 11:29 am ]
Post subject:  Re: Integrating PIE into WordPress Themes

I have read through this and other threads and tried implementing a multitude of the suggested approaches. Relative paths, absolute paths, in my theme folder, in the root, using .htc, using .php and all to no avail.

I need to use it on this site: http://carefarmingwm.org.uk, which looks sweet in all browsers - even ie9, but in ie8 looks dismal, and on this site: http://rite.audacious58.com. As the http://rite.audacious58.com site is in deveopment that is teh one I am experimenting on.

I have no idea what I am doing wrong, or how to fix it.

Currently the files are in the site root and my css is as follows:

Code:
.tabber-widget-rounded-light ul.tabber-widget-tabs a {
   display: block;
   padding: 10px 0px 10px 35px;
   text-decoration: none !important;
   margin-left: 0;
   color: #FFF;
   position: relative;
   font-weight: bold;
   background: url('/wp-content/themes/riteorg/images/rite-white-square.png') no-repeat 7px center #3d3d3c;
   -moz-border-radius: 10px 10px 0px 0px;
   -khtml-border-radius: 10px 10px 0px 0px;
   -webkit-border-radius: 10px 10px 0px 0px;
   -pie-radius: 10px 10px 0px 0px;
   font-size: 1.4em;
   behavior: url('http://rite.audacious58.com/PIE.htc');
}


The -pie-radius bit was a late addition based on something I read elsewhere, but it did nothing - all curves on the tabs are still square.

Interestingly, all of the curves on this site: http://www.sunnyfuturesolar.co.uk/ also appear squared off in ie8 for me, but this was offered earlier in this thread as a working example. COuld it be a browser thing at my end?

Any help much appreciated.

Thanks

Author:  jason [ Sun Apr 15, 2012 5:09 pm ]
Post subject:  Re: Integrating PIE into WordPress Themes

-pie-radius does not exist, replace it with the standard border-radius.

When I do that in IE8's developer tools on your site the tabs become rounded as expected.

Author:  58twelve [ Mon Apr 16, 2012 2:52 am ]
Post subject:  Re: Integrating PIE into WordPress Themes

Thanks for that - I feel like a total idiot now - I hadn't spotted I'd missed out the border-radius. :oops:

One thing I am seeing though is that for borders applied to coloured backgrounds (ie no actual border width/colour etc specified, just a radius on the area, it works fine, but where it is a specified border drawn around an area it doesn't work for me - it simply doesn't show the border at all. Any help would be much appreciated to know where I am going wrong.

Here is the code:

Code:
.tabber-widget-rounded-light .tabber-widget-content {
   clear: both;
   float: left;
   width: 880px;
   padding: 20px;
   margin: 0;
   font-size: 1.2em;
   background: #fff;
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   border: 2px solid #3d3d3c;
        behavior: url('/wp-content/themes/riteorg/pie/PIE.htc');
}

Author:  THEMEreactor [ Tue May 08, 2012 11:33 am ]
Post subject:  Re: Integrating PIE into WordPress Themes

Greetings all!
We've been working on a plugin to integrate PIE into Wordpress in the the most painless way possible. To that end, we humbly submit WP PIE (http://wordpress.org/extend/plugins/wp-pie/). It performs a regular expression search through the style.css and automatically applies the pie.htc behaviour to the appropriate styles.
We've very interested in hearing your feedback to see if if we're on the right track so please let us know if you think this plugin is useful at all.

~the team at ThemeReactor.com

Author:  jason [ Tue May 08, 2012 12:12 pm ]
Post subject:  Re: Integrating PIE into WordPress Themes

@THEMEreactor Sounds great! I downloaded the package and it doesn't seem to contain any plugin code, just a 'pie' folder with PIE's own distributable files in it. Is there something missing from the package?

Author:  THEMEreactor [ Tue May 08, 2012 12:17 pm ]
Post subject:  Re: Integrating PIE into WordPress Themes

It must, it should have wp-pie.php in it as well. I'm sorry, I'm updating it now.

Author:  THEMEreactor [ Tue May 08, 2012 12:38 pm ]
Post subject:  Re: Integrating PIE into WordPress Themes

Fixed, sorry. We're still not completely used to subversion.

Page 4 of 5 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/