safinoor
January 10th, 2013, 19:33
در انتهای فایل های css خود و یا قبل از کد </head> قرار دهید :
div.old-browser{width:600px;height:30px;overflow:hidden;po sition:absolute;top:0;bottom:0;right:0;left:0;z-index:99999999;margin:auto;background:#fde3c8;bord er:5px solid #c8925a;display:none;}
div#old-browser{padding:15px;direction:rtl;font-size:12px;text-align:justify;}
div#old-browser img{display:block;margin:0 auto;}
div#old-browser ul{padding:10px 0px;width:150px;margin:0 auto;}
div#old-browser li{width:60px;height:60px;float:right;margin:5px;o verflow:hidden;}
div#old-browser li a{width:60px;height:60px;background:url("http://mihanlicense.com/wp-content/themes/MihanLicense/images/ie/browser.jpg") no-repeat;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70 )";}
div#old-browser li#chrome a{background-position:0 0;}
div#old-browser li#firefox a{background-position:0 -65px;}
div#old-browser li#opera a{background-position:0 -130px;}
div#old-browser li a:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10 0)";}
div.close-old{width:27px;height:27px;top:10px;right:10px;pos ition:absolute;background:url("http://mihanlicense.com/wp-content/themes/MihanLicense/images/ie/close.jpg") 0 0 no-repeat;cursor:pointer;}
قبل از کد </body> قرار دهید :
<!-- //////////////////////////////// Div Old-Browser(Notice in IE) //////////////////////////////// -->
<div class="old-browser">
<div class="close-old"></div>
<div id="old-browser">
<img src="http://mihanlicense.com/wp-content/themes/MihanLicense/images/ie/dont-use-ie.jpg" height="169" width="160" alt="dont use ie" title="dont use ie">
<p>
كاربر گرامي: با توجه به اينكه اين تارنما (Website) بر اساس آخرين متد برنامه نويسي مبني بر HTML5 و CSS3 طراحي شده است لذا تقاضا مي شود جهت مشاهده صحيح محتويات اين تارنما از مرورگر هاي بروز (Update) استفاده نماييد. همچنین با توجه با اینکه مرورگر شما (اینترنت اکسپلورر) از این متدها به نحو صحیح پشتیبانی نمی نماید لذا پیشنهاد ما استفاده از یکی از مرورگرهای زیر می باشد. نصب اين مرورگر ها سخت نيست و زمان زيادي را نخواهد برد.<br />
با این وجود شما مختار به استفاده از مرورگر دلخواه خود هستید. چنانچه فعلا تمایل به استفاده از مرورگرهای زیر ندارید، می توانید این پنجره با ببندید.
</p>
<ul>
<li id="chrome"><a href="http://www.google.com/intl/en/chrome/browser/" title="Google Chrome" target="_blank"></a></li>
<li id="firefox"><a href="http://www.mozilla.org/en-US/firefox/new/" title="Mozilla Firefox" target="_blank"></a></li>
<div class="clear"></div>
</ul>
</div>
</div><!-- ///// div.old-browser ///// -->
فایل زیر رو دانلود کنید داخل هاستتون قرار دهید :
http://mihanlicense.com/wp-content/themes/MihanLicense/script/stupid-ie.js
سپس کدهای زیر رو قبل از کد </head> قرار دهید :
<!--[if lte IE 8]><script type="text/javascript" src="http://mihanlicense.com/wp-content/themes/MihanLicense/script/stupid-ie.js"></script><![endif]-->
فقط یادتون نره در کدهای بالا آدرس ها را رو تعویض کنید !
بدرود .