Forums
View unanswered posts | View active topics It is currently Fri Aug 29, 2014 8:07 am



Reply to topic  [ 50 posts ]  Go to page Previous  1, 2, 3, 4, 5  Next
 Integrating PIE into WordPress Themes 
Author Message

Joined: Tue Dec 20, 2011 4:24 am
Posts: 1
Post 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!


Tue Dec 20, 2011 4:25 am
Profile

Joined: Fri Dec 23, 2011 12:58 pm
Posts: 1
Post 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 ;)


Fri Dec 23, 2011 1:02 pm
Profile WWW

Joined: Sun Jan 15, 2012 2:10 pm
Posts: 1
Post 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.


Sun Jan 15, 2012 2:15 pm
Profile

Joined: Sat Apr 14, 2012 11:21 am
Posts: 2
Post 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


Sat Apr 14, 2012 11:29 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post 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.


Sun Apr 15, 2012 5:09 pm
Profile

Joined: Sat Apr 14, 2012 11:21 am
Posts: 2
Post 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');
}


Mon Apr 16, 2012 2:52 am
Profile

Joined: Tue May 08, 2012 8:45 am
Posts: 4
Post 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


Tue May 08, 2012 11:33 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post 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?


Tue May 08, 2012 12:12 pm
Profile

Joined: Tue May 08, 2012 8:45 am
Posts: 4
Post 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.


Tue May 08, 2012 12:17 pm
Profile

Joined: Tue May 08, 2012 8:45 am
Posts: 4
Post Re: Integrating PIE into WordPress Themes
Fixed, sorry. We're still not completely used to subversion.


Tue May 08, 2012 12:38 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 50 posts ]  Go to page Previous  1, 2, 3, 4, 5  Next

Who is online

Users browsing this forum: Bing [Bot] and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.