Авторизация на сайте

Последнее из портфолио

Как с нами связаться

  • 8 953 242 0439
  • +7 953 242 0439
  • ws-aprel@ya.ru
  • *******
  • Россия, г. Горячий Ключ
» » » Чат для сайта на DLE 9.6

Чат для сайта на DLE 9.6

galina2601 23-07-2013, 17:21 6 088 Уроки по CMS / Уроки по DLE

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

Существует масса готовых скриптов, с помощью которых и создается окошко диалога.

Но мне лично понравился чат от RooTM для версий DLE 9.x iChat v7.0.

Кстати, именно он и стоит на этом сайте. Посмотреть можно в левой колонке сразу же под списком последних новостей. Можете оставить в нем свое сообщение.

Итак, скачать скрипт можно здесь: iChat7.01.rar [109,3 Kb] (cкачиваний: 221)

Скрипт в архиве, инструкция по установке находится там же.

Но, расскажу немного подробнее.

Шаг первый.

Скачиваем архив. Распаковываем. Там находится папка с именем UPLOAD и текстовый файлик Инструкция.txt.

В папке UPLOAD в свою очередь находятся две папки ENGINE и TEMPLATES.

Содержимое папки ENGINE просто копируем в точно такую же папку на сервере.

С папкой TEMPLATES чуть посложнее. Если вы используете для сайта стандартный шаблон Default, то тоже просто копируете содержимое папки TEMPLATES в аналогичную папку на сервере.

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

После этого обязательно  установите права для записи (CHMOD 777) для папки /engine/modules/iChat/data/, а также для всех папок, находящихся внутри.

Шаг второй.

Для отображения чата в нужном месте шаблона вставляем код:

{include file="engine/modules/iChat/show.php"}

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

У меня это в левом блоке, сразу же под выводом новостей, то есть в файле main.tpl

Можно вставить такой чат и вместо стандартного блока добавления комментариев. Тогда код нужно вставить в полной новости, то есть в файл fullstory.tpl.

Если же встроить чат в страничку не получается, можно создать кнопку, открывающую чат в отдельном окне. 

Код для этого следующий: 

<input class="bbcodes" style="font-size: 11px; float: left;" title="Чат в новом окне" onclick="window.open('/engine/modules/iChat/window.php', '_iChat', 'toolbar=0,location=0,status=0, left=0, top=0, menubar=0,scrollbars=yes,resizable=0,width=620,height=605');" type="button" value="Чат в новом окне" /> 

Вот, в принципе и все.

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

Шаг третий.

Меняем стиль оформления чата.

В исходном варианте цвет фона под заголовком каждого сообщения светло голубой. Мне же пришлось поменять его на очень светло-зеленый.

Вам нужно тоже? Значит

Для этого в папке iChat (та, которая уже в шаблоне на сервере) находим папку CSS, а в ней файл style.css

Находим строчку

.iChat .message .info {

и чуть ниже

background-color: rgb(240, 247, 252);

Вот здесь то и меняем цвет фона.

А если вы хоть немного разбираетесь в CSS, то и все остальное поменять несложно. Пробуйте.

А поменять ширину окошка для вывода чата можно в файле skin.tpl, который находится все в той же папке iChat.

Находим строчку:

<div id="iChat-style" style="width:max;height:300px; overflow:auto;">

и заменяем ширину width:max на какое-то конкретное значение, у меня это width:300px;

Если что-то не получается, пишите сообщения в чате, постараюсь помочь.

Похожие новости

  • Как проверить сайт на наличие вирусов?
  • Как изменить форму обратной связи в DLE
  • Фильтры поисковой системы Яндекс
  • Как редактировать виджет МЕТА
  • Фавикон в WordPress