К сожалению Internet Explorer очень сильно отстаёт от ведущих браузеров,поэтому веб-мастерам не хочется чтобы их сайты осматривались через него.
В системе uCoz есть условный оператор позволяющий определить IE,остальное только дело техники и воображения сайта строителя.
Любой из условных операторов создаёт условие,для экспловера он выглядит так ▼
Код
Здесь содержимое предназначенное для Internet Explorer
Вот пару вариантов применения условного оператора.
1.Если пользователь зайдёт с браузера IE появится картинка в установленном месте,такая картинка установлена на этом сайте выше меню.Размеры картинки (100) можно подогнать под свои размеры.Для осмотра можете зайти на сайт с экспловера и посмотреть (для форума не установлен).Вот устанавливаемый код ▼
Код
<img src="http://delaisait.ucoz.ru/img/1/1/1/zapret-ie.jpeg" width="100" height="100" alt="IE - NO" />
2.Спустя 2 секунды после загрузки страницы пользователю откроется окно в котором он будет оповещён о своём браузере,дополнительно сделана ссылка на скачивание браузера Мозила.Установить можно в верхнюю часть сайта в самый верх.Посмотреть как работает можно зайдя с браузера Internet Explorer на этот сайт.Вот готовый и настроенный скрипт для установки ▼
Код
<style>
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
width: 520px;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 10px solid #ddd;
position: relative;
}
#popup h4{
font:28px Monotype Corsiva, Arial;
font-weight: bold;
text-align: center;
color: #008000;
}
#popup h5{
font:24px Monotype Corsiva, Arial;
color: red;
text-align: center;
}
.close {
background-color: rgba(0, 0, 0, 0.8);
border: 2px solid #ccc;
height: 24px;
line-height: 24px;
position: absolute;
right: -24px;
cursor: pointer;
font-weight: bold;
text-align: center;
text-decoration: none;
color: rgba(255, 255, 255, 0.9);
font-size: 16px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
top: -24px;
width: 24px;
-ms-border-radius: 15px;
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8);
}
</style>
<div id="parent_popup">
<div id="popup">
<h4>Уважаемый ползователь IE</h4>
<p>Хотите,чтобы наш сайт в Ваших глазах отображался красиво и элегантно?</p>
<p><h5>Тогда не тяните резину !</h5></p>
<p>Срочно установите бесплатный браузер Mozila!<p>
<p style="text-align: center;"><strong><a class="button" href="http://mozilla-russia.org/products/firefox/yandex/" target="_blank">Скачать бесплатно его можно здесь</a></strong></p>
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a>
</div>
</div>
<script type="text/javascript">
var delay_popup = 2000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
</script>
Разумеется что Вариантов может быть бесконечное количество.
Если у Вас появились вопросы или предложения по этому материалу,оставьте комментарий.