Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Пробуем заставить IE округлять углы

Опубликовано:

Приветствую!

Делаю дизайн для своего форума, и не зависимо от этого, в шаблонах IPB 3 много округлений, но в IE 6,7,8 бардак, всё квадратное и не красивое.

Как известно для округления нужно использовать такой код (это для остальных браузеров):

 

border-radius: 6px;
       -moz-border-radius: 6px;
-webkit-border-radius: 6px;
       -khtml-border-radius: 6px;

 

Поискав в поиске я нашел решение проблемы в IE.

 

Нужно скачать файл border-radius.htc отсюда и нужно подключить его, вот так:

 

       border-radius: 10px;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       -khtml-border-radius: 10px;
       behavior: url(border-radius.htc);

 

Теперь что я делал.

Делал я всё точно также, закинул файл border-radius.htc в папку шаблон где лежат изображения и добавил следующий код:

 

border-radius: 6px;
       -moz-border-radius: 6px;
-webkit-border-radius: 6px;
       -khtml-border-radius: 6px;
       behavior: url({style_images_url}/behavior/border-radius.htc);

 

Но погоды это не изменило, я не знаю, может конфликт какой или я не так что-то делаю, да и вообще, есть ли методы как заставить его округлять? Я не хочу резать картинки и т.д. куча классов, куча картинок и вставлять много нужно...

Рекомендованные сообщения

Опубликовано:

Я знаю о возможностях для ie, но мне в голову не приходило использовать их с ipb

Потому что да, мало шансов, что будет работать без багов и конфликтов. Даже тестировать не хочу, мне проще графические скругления сделать.

 

Выхода IE9 недолго ждать осталось, он должен понимать скругления.

Кстати, для висты и windows7 вышел. Но у меня xp и проверить не могу.

 

IE 6,7 – про них забудьте.

Особенно про ie6. C ним форум нормально работать не может. С IE7 тоже еле еле и с багами.

Опубликовано:
  • Автор

Проще я думаю сделать всплывающие окно с ссылками на скачивание нормальных браузеров.) Но не слишком хочется заставлять пользователей...

Очень много людей которые сидят на 7 и 8, для них дизайн будет просто весь квадратный...((

Мне интересно почему не работает border-radius.htc, вроде подключил правильно всё...

Опубликовано:

Среди посетителей нашего сайта IE почти никто не пользуется.

 

Топ 5 браузеров.

2NF3j8.png

 

Какой смысл тратить время на садо-мазо извращения c IE?

 

Любителям IE6 полезно подсовывать эту ссылку - http://news.ferra.ru/hard/2011/03/05/108898/

Скоро и с IE7 тоже будет. Производитель перестает поддерживать.

Опубликовано:
  • Автор

Я виду речь про 8 версию, не думаю что скоро с неё будут слезать... По статистике лайв интернета что 8 версии пользуются 16.3% рунета, а у меня тот форум который посещают и будут посещать около 30-40% с IE по этому я и заинтересован, чтобы уголки были круглыми.

Да и к тому же, я стал последнее время заниматься дизайнами, что-то понравилось, и по этому для меня эта проблема важна вдвойне.

Может скрипт какой подцепить?

Изменено пользователем Lesovsky

Опубликовано:

Пробуйте, цепляйте

У меня на сайте IE, включая 8, используют менее 5% пользователей.

Для клиентов я никогда не буду использовать только лишь css эффекты, потому что тогда дизайн рипнут в 5 минут.

А для бесплатных скинов даже пытаться не хочу скруглить им углы в IE. Это IPB с массой проблем, тут даже png прозрачность большого бэкграунда так тормозит в ie7, что пользоваться форумом становится невозможно.

Опубликовано:
  • Автор

Ну про скрипт это я просто ляпнул, хочется разобраться с border-radius.htc.

 

Что насчёт рипа, я заказывал макет за не большую сумму, сейчас сижу верстаю, не думаю, что кто-то станет его рипать.) Во-первых он узко-тематический, во-вторых устанут.) Да и защиту от рипа не придумаешь, только пустые, не красивые страницы спасут.)

И если дизайн рипают, то показатель качества и красоты, только потом риперам руки нужно открывать, да и стиль под ипб чуть сложнее рипнуть, чем в других случаях.)

Опубликовано:

Но погоды это не изменило, я не знаю, может конфликт какой или я не так что-то делаю, да и вообще, есть ли методы как заставить его округлять? Я не хочу резать картинки и т.д. куча классов, куча картинок и вставлять много нужно...

Верную тему поднял. Очень нужное дело. Я конечно ИЕ не пользуюсь (и никому не советую) тем не менее ещё много народу "мучаеться" на нём.

 

Выхода IE9 недолго ждать осталось, он должен понимать скругления.

Но даже после выхода многие будут продолжать сидеть на старых версиях ИЕ.

 

IE 6,7 – про них забудьте.

Особенно про ie6. C ним форум нормально работать не может. С IE7 тоже еле еле и с багами.

Как то проверил форум на ИЕ6... Это было что то. Всё криво косо, много чего не работает.

На ИЕ7 можно работать, но есть немало багов. На ИЕ 8 тройка нормально отображаеться, не считая что не работают многие "красявости".

 

Проще я думаю сделать всплывающие окно с ссылками на скачивание нормальных браузеров.) Но не слишком хочется заставлять пользователей...

Поставил такой мод. Выводит табличку у тех у кого ИЕ ниже 8 версии.

Правда думаю многим это будет по барабану. Влом переходить на нормальный браузер.

 

Среди посетителей нашего сайта IE почти никто не пользуется.

Это потому что ваш сайт и форум расчитан на более продвинутых юзеров. А вот у меня в большей мере игровой моддинг, история и политика. Как минимум треть сидят на недобраузере (извиняюсь перед фанатами ИЕ :D )

 

Скоро и с IE7 тоже будет. Производитель перестает поддерживать.

Ох поскорее бы...

Опубликовано:
  • Автор

Поставил такой мод. Выводит табличку у тех у кого ИЕ ниже 8 версии.

Правда думаю многим это будет по барабану. Влом переходить на нормальный браузер.

 

Надо пойти дальше, сделать попандер с содержанием: "Обновите браузер!" или "Поменяйте браузер!" и ниже ссылки на скачивание оперы или лисы...

Опубликовано:

Надо пойти дальше, сделать попандер с содержанием: "Обновите браузер!" или "Поменяйте браузер!" и ниже ссылки на скачивание оперы или лисы...

Или с содержанием - ИЕ разрушает кору головного мозга :D

Опубликовано:
Как то проверил форум на ИЕ6...

Я проверяю. У меня виртуальная машина для этого.

3.0 еще некоторым клиентам адаптировала под IE6 (несколько дней дополнительного труда) так, что мой дизайн работал лучше дефолтного.

А в 3.1 появились совсем уж непреодолимые проблемы совместимости с IE6.

Сейчас расслабилась, знаю, что в IE7 после очередного изменения кое что косит на этом сайте и не трогаю.

Кстати, зашедшие на форум с IE6 здесь видят дефолтный скин.

Была раньше и красная напись с просьбой сменить браузер.

Опубликовано:

Кстати, зашедшие на форум с IE6 здесь видят дефолтный скин.

Была раньше и красная напись с просьбой сменить браузер.

Немного не понял. Раскройте секрет как у вас такое получилось.

Я заметил что на дефолтном скине ИЕ6 намного лучше работает.

Опубликовано:

Look & Feel >

Manage Skin Sets & Templates > Дефолтный скин > Manage User Agents in IP.Board

Разрешить для Explorer и указать версию – 6

 

Но сейчас проверила и с ужасом обнаружила, что перестало работать здесь.

 

Все нормально.

Я сама виновата. Изменила настройку.

Надо разрешить всем видеть дефолтный скин и убрать его из списка (это о нашем сайте).

А я запретила всем, кроме... и оставила в списке

Изменено пользователем Fisana

Опубликовано:

Look & Feel >

Manage Skin Sets & Templates > Дефолтный скин > Manage User Agents in IP.Board

 

Но сейчас проверила и с ужасом обнаружила, что перестало работать здесь.

Значит нужно возвращаться к таблице, которая извещает юзера о смене браузера.

 

Хм... Проверил только что код форума. Оказываеться данный код грузиться для всех браузеров. А он довольно большой, почти 2 килобайта.

 

<!--[if lt IE 8]>

<div class='message' style='margin-bottom: 0px;'>

<h3>ВНИМАНИЕ!</h3>

<h3 id='stats_3' class='maintitle' style='cursor:pointer;' onclick="Effect.toggle('stats_3_ToggleContent', 'appear'); return false;">Вы используете устаревшую версию браузера <span class='desc'>(Нажмите для детального просмотра)</span></h3>

<div id='stats_3_ToggleContent' style='display:none;' style=&{head};>

Вы используете устаревшую версию браузера <b>Internet Explorer</b>. Данная версия не поддерживается нашим ресурсом. Из-за этого будут проблемы в отображении информации. Обновите свой браузер на более новую версию - <noindex><a href="http://www.microsoft.com/windows/internet-explorer/"><b>Загрузить Internet Explorer</b></a></noindex><br />

Однако для комфортной навигации по нашему ресурсу, рекомендуем установить один из современных браузеров ниже:</center>

<noindex><a href="http://opera.com" target="_blank"><b>Opera</b> <img src="/grafik/opera.png" height='20'/></a>   <a href="http://mozilla.com" target="_blank"><b>Mozilla Firefox</b> <img src="/grafik/firefox.png" height='19'/></a>   <a href="http://google.com/chrome" target="_blank"><b>Google Chrome</b> <img src="/grafik/chrome.png" height='19'/></a>   <a href="http://www.apple.com/ru/safari/" target="_blank"><b>Apple Safari</b> <img src="/grafik/safari.png" height='20'/></a>   <a href="http://www.orcabrowser.com/localization.php" target="_blank"><b>Orca Browser</b> <img src="/grafik/orca.gif" height='18'/></a></noindex></div></div>

<![endif]-->

 

Опубликовано:

Не буду никуда возвращаться.

Дефолтный на форуме работает при ie6 - я перепутала настройку.

Опубликовано:
  • Автор

Вы писали:

Для клиентов я никогда не буду использовать только лишь css эффекты, потому что тогда дизайн рипнут в 5 минут.

 

Конечно наглость с моей стороны, но вы сможете поделиться методами, чтобы усложнить жизнь риперам? А то ужасно не хочется, чтобы дизайн пошёл по рукам...

Изменено пользователем Lesovsky

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.