Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...

Fisana's Blog

  • entries
    22
  • comments
    140
  • views
    216,801

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

Sign in to follow this  
Fisana

552 views

Опрос  

8 members have voted

  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

Sign in to follow this  


16 Comments


Recommended Comments

Guest diom

Posted

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

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

 

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

 

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

 

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

 

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

 

Спасибо.

  • Upvote 2

Share this comment


Link to comment

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

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

Share this comment


Link to comment

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

Откройте ipb_styles.css

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

 #user_navigation 

Это свойство

min-width: 260px;

 

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

 

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

 

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

  • Upvote 1

Share this comment


Link to comment
Guest diom

Posted

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

 

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

Share this comment


Link to comment

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

Share this comment


Link to comment

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

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

 

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

 

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

 

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

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

Share this comment


Link to comment
Guest romanjoke

Posted

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

 

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

53c6b58111a1.jpg

Share this comment


Link to comment

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

Share this comment


Link to comment
Guest romanjoke

Posted

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

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

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

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

Share this comment


Link to comment
Guest romanjoke

Posted

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

 

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

Share this comment


Link to comment

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

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

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

 

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

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

Share this comment


Link to comment

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

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

Share this comment


Link to comment

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

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

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

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

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

Share this comment


Link to comment

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

Откройте ipb_styles.css

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

 #user_navigation 

Это свойство

min-width: 260px;

 

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

 

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

 

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

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

Share this comment


Link to comment
Guest Grinderman

Posted

#user_navigation 

min-width: 260px;

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

Share this comment


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...