CSS3 در IE

[s2/mri]

سلام

با توجه به این که CSS3 در مرورگر IE پشتیبانی نمیشه در این آموزش قصد دارم رندر کردن CSS3 در مرورگر IE رو بگم

اول از همه یه سری به سایت PIE (http://www.css3pie.com/) بزنید و فایل رو دانلود کنید (PIE.htc)

خب حالا میریم سراغ کد نویسی CSS3

برا مثال:



#main{
border-radius:10px;
box-shadow:0px 0px 10px #000;
behavior:url(pie.htc);

}


منتظر باقی قضایا هستید. فقط همین بود !!!

شما میتونید با استفاده از این فایل CSS3 رو به IE بیارید :لبخندساده:

امیدوارم براتون مفید واقع بشه

[ravand]

یک نکته بگم اینکه برخی pie.htc ها مشکل دارن . این pie.htc که مخصوص اکسپلورر هست و مشکلی نداره باید حجمش 40 کیلو باید باشه.

[zahramc]

با سلام و خسته نباشید .
من از pie نتوانستم در vs2010 استفاده کنم.متاسفانه به هیچ صورتی پاسخ نمیده .میشه یه پروژه ی کامل آموزشی برای دانلود قرار بدین . ( نحوه ی قرار گیری فایل Pie و نحوه ی صدا زدن و ... ) به خصوص این که من از MasterPage استفاده میکنم و فایل css من در یک فولدر مجزا قرار دارد .
با نهایت تشکر

[ravand]

آموزشش اینجاست: http://www.barnamenevisi.blogsky.com/1391/10/16/post-109/

[h.torabi]

دوستان من از این pie استفاده کردم ولی جواب نداد ایا باید کار دیگری انجام بدیم مثل اپلود فایل pie.htc در هاست و.......................

لطفا جواب بدید ودر مورد pie ها یکم توضیح بدید بابا ما مبتدی هستیم
متشکرم

[ravand]

من خیلی واضح توضیح دادم چه چیزی رو میخوای در موردش بدونی؟

[h.torabi]

من خیلی واضح توضیح دادم چه چیزی رو میخوای در موردش بدونی؟ا راستش در استفاده از بردر ردیوس در ie های قدیمی مشکل داشتم تا این تایپ رو خاندم


ولی وقتی مثل مثال بالا کد رو نوشتم برای من عمل نکرد

یکم بیشتر در مورد خود pie ها توضیح بدید

متشکرو:قلب::قلب::قلب::قلب::قل� �:........................

[h.torabi]

آقا خیلی باحالی مشکلم حل شد

یک اشتیاه کوچیک کردم که شکر خدا رفع شد

مطلبتون عالی بود متشکرم
:قلب::قلب:
:قلب:
......:قلب:
:قلب:

[mehbod.rayaneh]

سلام
من اگه بخوام تو همه صفحه از css3 استفاده کنم باید همه جا از behavior:url(pie.htc); استفاده کنم!؟ یا کلا میشه 1 جا گذاشتش برا همه کدا؟!

[h.torabi]

سلام
من اگه بخوام تو همه صفحه از css3 استفاده کنم باید همه جا از behavior:url(pie.htc); استفاده کنم!؟ یا کلا میشه 1 جا گذاشتش برا همه کدا؟!
من خودم هرجا که لازم بود گذاشتمش فکر کنم این درست باشه که جواب هم دادد

مثلا شما میتونید کد border redious در یک جا برای چند مورد بکار ببرید؟ در هرمورد که نیاز باشد بکار می برید نه در یک مورد برا همه .

[mehbod.rayaneh]

من خودم هرجا که لازم بود گذاشتمش فکر کنم این درست باشه که جواب هم دادد

مثلا شما میتونید کد border redious در یک جا برای چند مورد بکار ببرید؟ در هرمورد که نیاز باشد بکار می برید نه در یک مورد برا همه .

خوب من میخوام فایل 1 بار لود بشه دیگه!!! فک کنم تو سرعت لود تاثیر داشته باشه!!! نداره!؟
تو قالبای خارجی این pie را دیدم ک 1 بار استفاده میکنن!!! ولی چجوریش را یادم نیست!!! :|
کلا هم نمیدونستم برا چیه حذفش میکردم!!! :D

[h.torabi]

خوب من میخوام فایل 1 بار لود بشه دیگه!!! فک کنم تو سرعت لود تاثیر داشته باشه!!! نداره!؟
تو قالبای خارجی این pie را دیدم ک 1 بار استفاده میکنن!!! ولی چجوریش را یادم نیست!!! :|
کلا هم نمیدونستم برا چیه حذفش میکردم!!! :D
چطوری؟؟؟؟؟؟:متفکر::متفکر::م� �فکر::متفکر:
:متفکر:

[mehbod.rayaneh]

الان تو چن تا قالب گشتم!
نمفهمیدم چیکار کرده!!!
توی html این کد را گذاشته :


<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<![endif]-->


بعد اومد تو این 2 تا فایل اینا را گذاشته :
.js


// Create new HTML5 elements ================================================== =
// -----------------------------------------------------------------------------
// This script should load before any others. We want the new elements to be
// parsed before pretty much anything happens.
// Plus, IE does not behave otherwise. The cost of being progressive...
// -----------------------------------------------------------------------------

document.createElement("article");
document.createElement("aside");
document.createElement("audio");
document.createElement("canvas");
document.createElement("command");
document.createElement("datalist");
document.createElement("details");
document.createElement("embed");
document.createElement("figcaption");
document.createElement("figure");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("keygen");
document.createElement("mark");
document.createElement("meter");
document.createElement("nav");
document.createElement("output");
document.createElement("progress");
document.createElement("rp");
document.createElement("rt");
document.createElement("ruby");
document.createElement("section");
document.createElement("source");
document.createElement("summary");
document.createElement("time");
document.createElement("video");

و .css


.row-top,
.menu li a,
.box,
.box-bg,
.button,
.button-2,
.footer-bg,
#contact-form input,
#contact-form textarea {behavior: url(js/PIE.htc); position:relative;}

حالا شما بگید جریان چیه؟! این چیکار کرده!؟ :D

[zahramc]

من فایل Pie را در فولدری که فایل css در آن قرار دارد ریختم .(فقط همین فایل را ریختم و فایل دیگه ای را نریختم . در ضمن در جایی از صفحه جز فایل Css آنرا صدا نزدهام) سپس داخل فایل Css آن را به این صورت صدا زدم
.PartA , .PartB{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;behavior:url(PIE.htc);}
ولی متاسفانه کار نکرد
من MasterPage دارم و فایل Css من داخل MasterPage صدا زده شد .
میشه بگین مشکل چیه ؟

[h.torabi]

من فایل Pie را در فولدری که فایل css در آن قرار دارد ریختم .(فقط همین فایل را ریختم و فایل دیگه ای را نریختم . در ضمن در جایی از صفحه جز فایل Css آنرا صدا نزدهام) سپس داخل فایل Css آن را به این صورت صدا زدم
.PartA , .PartB{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;behavior:url(PIE.htc);}
ولی متاسفانه کار نکرد
من MasterPage دارم و فایل Css من داخل MasterPage صدا زده شد .
میشه بگین مشکل چیه ؟


سلام به شما دوست عزیز دقیقن مشکل شما این است که در قسمتی که url فایل PIE.htc وارد کردید غلط است باید در ان آدرس فولدری که فایل htc وجود دارد درج شود:قلب::قلب::قلب::قلب:
:قلب::قلب:

.PartA , .PartB{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;behavior:url(adrese file marbot/PIE.htc);}
امید وارم مشکلت حل شده باشه

[h.torabi]

الان تو چن تا قالب گشتم!
نمفهمیدم چیکار کرده!!!
توی html این کد را گذاشته :


بعد اومد تو این 2 تا فایل اینا را گذاشته :

و

حالا شما بگید جریان چیه؟! این چیکار کرده!؟ :D
والا تو قسمت اول که اومده یک دستور شرطی برای csss گذاشته تا اگر مرورگر مورد نظر استفاده شود تغیرات مربوط را انجام دهد

برای دومی هم اصلا تاحالا یک فایا html به این صورت ندیدم!!!!

[mehbod.rayaneh]

پس از تحقیقات زیاد متوجه شدم ک توی html شرط گذاشته برا IE
بعد 1 فایل .js درست کرده و تگهای html5 را براش تعریف کرده!
بعد توی فایل css جدا اومده به تگهایی ک درش css3 استفاده کرده اون فایل pie را اضافه کرده!!!
دیدید گفتم 1 بار استفاده میشه! :D

[ablofazlkianianboohi]

دوست عزیز:h.torabi
میشه بگی مشکل چی بود و چطور حلش کردی؟
چون بنده هم همین مشکل رو دارم اما حل نشد.

[h.torabi]

دوست عزیز:h.torabi
میشه بگی مشکل چی بود و چطور حلش کردی؟
چون بنده هم همین مشکل رو دارم اما حل نشد.
سلام به شما وقتی برای اولین بار ازاین فایل

استفاده کردم همینطور که توی سایت بود(behavior:url(pie.htc);) روی فایل css گذاشتم ولی جواب نداد تا باکمی ور رفتن فهمیدم که باید ادرس پوشه ای که این فایا {pie}داخلش وارد نکردم به همین شکل که در جواب دوست عزیز توضیح دادم

لطفا به دقت مطالب این تایپ را برسی کنید تا مشکلتان حل بشود نمونه سوال شما پر سیده شده (در همین جا)

موفق باشید
:قلب:

[ablofazlkianianboohi]

بله! چه مشکل مسخره ای... آدرس رو باید از روت وارد کنی؛ یعنی template/tem1/css/PIE.htc
درست شد.دستتون درد نکنه.