Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Fisana's Blog

  • записи
    22
  • комментариев
    140
  • просмотров
    216858

Исправляем баги скинов 3.1 и 3.0 (!) в Opera 10.60

Fisana

575 просмотров

Опрос  

8 пользователей проголосовало

  1. 1. ?????

    • ??????? ?? ???? ???????? 2.1 ?? ???????..
      2
    • ?????????? ? ????? ????????...
      4
    • ??????, ??? ??? ????? ??? 2.04
      2

Обновилась опера до версии 10.60 и вылезли баги верстки от разработчиков.

 

Временное решение проблемы совместимости скинов 3.1.1 с opera 10.60

Появились проблемы в редакторе (длинная панель смайликов) и в панели поиска в меню выбора.

Второй баг иллюстрирую

gallery_1_48_16687.png

 

Исправления даю для дефолтного скина. Оно временное, так как IPS наверное придумает свое.

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

 

1. Откройте ipb_editor.css

Найти

 #ipboard_body .ips_editor.with_sidebar .sidebar .emoticon_holder { 
width: 100%;
overflow: auto;
position: absolute; 
bottom: 25px;
top: 25px; 
}

Заменить на

 #ipboard_body .ips_editor.with_sidebar .sidebar .emoticon_holder { 
width: 100%;
height: 93%;
overflow: auto;
position: absolute; 
bottom: 25px;
top: 25px; 
}

 

2. Open ipb_styles.css

Найти

#search {
   color: #556b85;
   font-size: 0.85em;
   margin: 5px 4px auto auto;    
   position: relative;
   right: 0px;
   float: right;
   z-index: 5000;
}

Заменить на

#search {
   color: #556b85;
   font-size: 0.85em;
   margin: 5px 4px auto auto;    
   position: relative;
   right: 0px;
   float: right;
   z-index: 5000;
min-width: 260px;
}

Найти

    #search_wrap {
       background: #fff;
       border: 1px solid #1a2735;
       padding: 3px;
       float: left;
   }
       #search .choice {
           background: url({style_images_url}/search_expand.png) no-repeat right;
           border-left: 1px solid #afafaf;
           padding: 0 9px 0 7px;
           color: #888888;
           min-width: 60px;
           display: inline-block;
       }

Заменить на

    #search_wrap {
       background: #fff;
       border: 1px solid #1a2735;
       padding: 3px;
       float: left;
white-space: nowrap;
   }
       #search .choice {
          background: url({style_images_url}/search_expand.png) no-repeat 3% 50%;
           border-left: 1px solid #afafaf;
           padding: 0 3px 0 12px;
           color: #888888;
           min-width: 60px;
           display: inline-block;
       }

Стрелочка в выборе области поиска будет теперь слева, но иначе она задвигается под кнопку поиска, если слово в форме выбора короткое.

Пример можно посмотреть здесь на дефолтном скине.

Баг в редакторе здесь в нем не правила.

 

Решение проблемы совместимости скинов 3.0 с opera 10.60

Баг в шапке выглядит так (с вариациями для разных скинов).

gallery_1_48_7.png

 

Откройте ipb_styles.css

Добавьте в параметры для

#user_navigation

 

Это свойство

min-width: 260px;

 

Число 260 отрегулируйте по своему вкусу и для каждого конкретного скина.

Исправления для редактора возьмите выше. В 3.1 и 3.0 css редактора идентичны.

 

Источник: Исправляем баги в опере 10.60



16 комментариев


Рекомендованные комментарии

Здравствуйте, Fisana!

Извините за беспокойство, но в связи с обновлением Оперы в скинах 3.0.5 тоже вылезли баги. В стилях ibr, delicate и light меню профиля пользователя в панели входа съезжает вправо и расширяет границы форума.

 

Вот таким образом picture.php?albumid=39&pictureid=657

 

Адрес форума http://tyorok.net/forum/index.php?

 

Не могли бы Вы подсказать, где исправить этот недостаток.

 

Извините за беспокойство еще раз.

 

Спасибо.

  • Upvote 2

Поделиться комментарием


Ссылка на комментарий

Спасибо. Я даже не проверила на старых. Сегодня напишу исправление отдельной статьей и наверное обновлю файлы в архиве.

В дефолтном тоже баг.

Поделиться комментарием


Ссылка на комментарий

В общем, с 3.0.5 проще. Статью писать не буду.

Откройте ipb_styles.css

Добавьте в параметры для

 #user_navigation 

Это свойство

min-width: 260px;

 

Число 260 взято от балды, регулируйте для каждого конкретного скина.

 

Для редактора возмите решение от 3.1. Редактор не менялся.

 

Повторю это в записи...

  • Upvote 1

Поделиться комментарием


Ссылка на комментарий

Да, всё прекрасно получилось.

 

Спасибо большое!

Поделиться комментарием


Ссылка на комментарий

Судя по правке css - это баги Opera, а не верстки. Приятно, что у Opera все по-старому - к каждой новой версии нужно переверстывать все свои сайты)

Поделиться комментарием


Ссылка на комментарий

Вообще-то эти правки решают и проблемы с древними IE.

С IE7 давно жаловались на подобный баг в редакторе. А всего-то надо max-height было выставить и рассчитать.

 

По поводу верстки в IPB 3.x... Она во многом строится и держится на css. Один неверный параметр в css, и все сползет. Таблиц потому что почти нет с жесткой структурой.

 

Так в 3.0.5 в юзерлинке задали минимальную ширину в 150px, а для всего поля только в css для IE6 ширину там зафиксировали. Вот эта опера повела себя как IE6, если для него фикс не сделать.

 

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

Зы. Хотя работает. Кэш застял :)

Поделиться комментарием


Ссылка на комментарий

Подскажите плиз почему может так глючить IE8?

 

Все картинки норм, а текст очень мелкий

53c6b58111a1.jpg

Поделиться комментарием


Ссылка на комментарий

Текст масштабируется в 3.x. В ie8 этот скин точно такого бага не имеет. Попробуйте почистить кэш и удалить куки. Проблема в конкретном браузере..

Поделиться комментарием


Ссылка на комментарий

Текст масштабируется в 3.x. В ie8 этот скин точно такого бага не имеет. Попробуйте почистить кэш и удалить куки. Проблема в конкретном браузере..

очистил - не помогло

в Опере - всё отлично, а в IE у многих такой баг

Причем верхушка сайта отображается вполне корректно, а дерево форума и боковые панели все в уменьшенном формате

Поделиться комментарием


Ссылка на комментарий

Еще вылез такой глюк при логоне

 

Warning: in_array() [function.in-array]: Wrong datatype for second argument in E:\Web\AppServ\www\lanosclub\cache\skin_cache\cacheid_6\skin_login.php on line 66

 

Warning: in_array() [function.in-array]: Wrong datatype for second argument in E:\Web\AppServ\www\lanosclub\cache\skin_cache\cacheid_6\skin_login.php on line 69

 

Warning: in_array() [function.in-array]: Wrong datatype for second argument in E:\Web\AppServ\www\lanosclub\cache\skin_cache\cacheid_6\skin_login.php on line 75

 

Warning: in_array() [function.in-array]: Wrong datatype for second argument in E:\Web\AppServ\www\lanosclub\cache\skin_cache\cacheid_6\skin_login.php on line 90

Поделиться комментарием


Ссылка на комментарий

Здесь мой блог, и эта запись не имеет отношения к этому скину.

Пожалуйста, спрашивайте в теме его поддержки.

Правда, сегодня это уже второй случай (а скин был другой) – http://ipbskins.ru/forum/topic5746.html/

 

Продолжайте ту тему и не портите запись.

Здесь обсуждаются проблемы в Opera 10.60. Если нет конкретных комментариев по теме записи, не флудите попусту.

Поделиться комментарием


Ссылка на комментарий

Честно говоря, мне не совсем ясно, что значит "проблемы в редакторе (длинная панель смайликов)". В ipb_editor.css в указанный тег добавил свойство max-height: 93%; во всех трех скинах и ничего не изменилось. Возвращаю обратно, все - то же самое. Кеши обновляются. Версия 3.0.5 от ибры. Может не туда смотрю, поэтому и не замечаю изменений?

За решение проблемы с багом в шапке - ОГРОМНОЕ спасибо. Его заметил сразу и искал возможности исправления. С этим все яснее некуда.

Поделиться комментарием


Ссылка на комментарий

Спасибо, Fisana...

Теперь проблема действительно решена и я все же смотрел туда, куда надо - на этот разъехавшийся в высоту скролл от таблички смайлов ;)

Непонятно только вот одно, почему именно у меня это поправилось только с height?

Может быть в шаблонах 3.0.5 есть нюансы из-за которых max-height не работает?

Ну да ладно. Не столь важен ответ, это просто мысли вслух, ну а вам - дополнительное решение возможных таких же проблем у других в будущем.

Поделиться комментарием


Ссылка на комментарий

В общем, с 3.0.5 проще. Статью писать не буду.

Откройте ipb_styles.css

Добавьте в параметры для

 #user_navigation 

Это свойство

min-width: 260px;

 

Число 260 взято от балды, регулируйте для каждого конкретного скина.

 

Для редактора возмите решение от 3.1. Редактор не менялся.

 

Повторю это в записи...

Спасибо! Помогло!

Поделиться комментарием


Ссылка на комментарий
#user_navigation 

min-width: 260px;

Отлично задумано!!! Теперь всё работает.

Поделиться комментарием


Ссылка на комментарий

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
×
×
  • Создать...