Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

CSS3 Pie

Featured Lock Resolved
Hello,

Just joined in the hope you would be willing to shed some light on css3pie on helix powered templates.

I just saw your reaction to this thread: http://www.joomshaper.com/forums/14-frequent/2693-border-radius-in-ie#2694, and unfortunately i haven't had a reaction yet to my own topic in the helix forum about pie: http://www.joomshaper.com/forums/35-helix/2663-css3-pie#2679

Point is that on pix (for example) the css3 is working in ie7/8 due to pie on the frontpage (the search area), but on for example the category blog page isn't.

As i said in my thread i now got it working on a local install by moving the pie files to the root, disable sef, and just calling it like this:

a.readon {
border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
box-shadow: rgba(0,0,0,0.4) 2px 2px;
behavior: url(http://localhost/helix/PIE.htc);
position:relative;
}


But i really would like it to work on a server as well with sef on.

I have seen your nifty way of incorporating pie into helix, and i hope you can tell me how to get it to work on all pages with sef on.

For reference, just fire up your demo and look at the frontpage and category blog, fp works, category blog not.

Thanks B)

6 Answers

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
All of our templates based on Helix Framework has built-in CSS3 support via PIE.
from the css directory open iecss3.css.php file and see the example of using PIE.
Let me give you an example of using PIE. Open css3.css file and you will see
.mod-search {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}


Now open the iecss3.css.php and you will see
.mod-search, input#mod-search-searchword{position:relative;behavior: url(<?php echo $url; ?>;)}

van

More than a month ago #Permalink
Thanks for your reply, i get it how it is supposed to work. One thing though, if i look on your demo site or on my unchanged local install of pix i see as attached in the screenshot. Ok, that is in compatibilty view, but i see the same on windows xp with a real ie8. Funnier even is when i press refresh css3 works fine on frontpage then, but even a refresh on the consecutive pages doesn't do it.

Please enlight me, i really like css3 and the way you have incorporated it, but at the same time no matter where i look (here, yootheme, rockettheme, themeforest) i always see very unpredictable css3 behavior. http://www.joomshaper.com/media/kunena/attachments/legacy/images/pix_pie.jpg

Attachments (1)

  • pix_pie.jpg
    pix_pie.jpg

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
Open iec33.css.php file and look for the code
.controllers,
a.readmore,a.sp-slide-morein,
.adminform button,#adminForm button,.button,button[type=submit],input[type=submit],input[type=button]
{behavior: url(<?php echo $url; ?>;)}

and replace with

.controllers,
a.readmore,a.sp-slide-morein,
.adminform button,#adminForm button,.button,button[type=submit],input[type=submit],input[type=button]
{position:relative;behavior: url(<?php echo $url; ?>;)}

van

More than a month ago #Permalink
Ah relative. Thanks, should all be going well now.

Olga

More than a month ago #Permalink
Hi, I was reading about PIE implementation and have question. I am using Helix Framework and my top menu in IE7 looks completely corrupted. I have no idea what to do - in IE8+ and in every other browser it looks fine. Any ideas?
My site URL: http://www.primepropertiesre.com

Thanks a lot.

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
Dont use PIE in top menu.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 98
Toufiq

Toufiq

Total Accepted Answers: 51
Sifat

Sifat

Total Accepted Answers: 38
Ofi Khan

Ofi Khan

Total Accepted Answers: 21
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 21

119

Templates

306691

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us