Исправляем конфликт чата и шаблонов Illusion и Coloricity 1 564 просмотра

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

Речь пойдет о конфликте 2 моих шаблонов "Illusion(платной и бесплатной версии) и Coloricity" с компонентом чата от Maxisoft "iChat — простой чат". Ссылки на них я не прилагаю, так как кому понадобится это исправление уже имеют и шаблон и компонент. Буквально до недавнего времени у меня в арсенале не было ни одного сайта на InstantCms (демо сайты я думаю не в счет), но уже как неделю я делаю некоммерческий портал для своих друзей и для себя лично. Вот мне и понадобился чат, но увы работа с двумя моими шаблонами у него не сложилась.
Подумав что большая часть людей которые использует эти шаблоны читаю раздел блогов, я решил написать способ исправления конфликта сюда.

Начнем.

Почему так? — Увы в данных шаблонах я использовал идентификатор для одного из основных div-ов такой же как встречается в компоненте чата. Это и приводит к его неправильному отображению и работе.

Как исправить? — Есть несколько способов это исправить. Я же опишу один, думаю более понятный для всех в 2-х вариантах:

1. Самостоятельного редактирования (рекомендую его, особенно если были внесены в файлы компонента чата)
Изменения придется внести в 3 файла (для текущей версии чата) chat.css, frontend.php, chat.js. Все эти файлы расположены в components/chat в подкаталогах.

Открываем chat.css (components/chat/css/chat.css)

на самой первой строке

 
#wrap {

измените на

 
#wrap #wrap {

сохраните изменения

Открываем frontend.php (components/chat/frontend.php)

в районе 57 строки

 
#wrap {

измените на

 
#wrap #wrap {

сохраните изменения

Открываем chat.js (components/chat/оы/chat.js)

Увы в этом файле изменений надо сделать чуть больше. В районе 92 строки

 
      var wtop = $('#wrap').attr("scrollHeight");
      $('#wrap').attr({scrollTop:wtop});

в коде заменяйте '#wrap' на '#wrap #wrap' должно получиться

 
      var wtop = $('#wrap #wrap').attr("scrollHeight");
      $('#wrap #wrap').attr({scrollTop:wtop});

в районе 123 строки

 
        var wtop = $('#wrap').attr("scrollHeight");
        $('#wrap').attr({scrollTop:wtop});

аналогично

 
        var wtop = $('#wrap #wrap').attr("scrollHeight");
        $('#wrap #wrap').attr({scrollTop:wtop});

в районе 157 строки

 
        var wtop = $('#wrap').attr("scrollHeight");
        $('#wrap').attr({scrollTop:wtop});

делаем

 
        var wtop = $('#wrap #wrap').attr("scrollHeight");
        $('#wpap #wrap').attr({scrollTop:wtop});

Сохраняем файл. Конфликт исчерпан.

2. Замена файлов(используйте только если в файлах компонента чата изменения не проводились)
Скачайте этот архив. Скопируйте его содержимое в components/chat на вашем сайте.

В заключение:
1. Данный способ возможно не самый правильный.
2. Для версии 1.8.1 я постараюсь подготовить шаблоны с устраненным конфликтом.
3. Если что не так извините.

Шаблон Socium 3.0 и мои поздравления с НГ

coloricity illusion конфликт чат

3 комментария

Реклама #

eskimoss 12 лет назад #

Спасибо! и шаблоны отличные!

abasia 12 лет назад #

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

alisa 12 лет назад #

Спасибо за подробное описание решение проблемы, как раз собиралась ставить чат. Боюсь представить, сколько бы я со своим уровнем знаний пыталась понять, в чем проблема. И да, шаблоны действительно отличные.

Исправляем конфликт чата и шаблонов Illusion и Coloricity

Реклама #

eskimoss 12 лет назад #

abasia 12 лет назад #

alisa 12 лет назад #

Еще от автора

Обновленный шаблон Ultimate

Шаблон Ultimate для InstantCMS 2.x

Черная пятница, скидка на шаблоны NewsWeb

InstantCMS Team

О проекте

Поддержка

Дополнения