Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Чат на Htlm - странице. [Все движки]

Предыдущая тема Следующая тема Перейти вниз

Решено Чат на Htlm - странице. [Все движки]

Сообщение автор Сказочник Зазеркалья в Пн 15 Апр - 11:12

Всем приветик.

В данном туториале речь пойдёт об добавлении чата на отдельную Htlm страницу. Данная инструкция скорее будет полезной для новичков которые не сильны в сайто - строении и добавлении модулей. В примере используется чат Chatium, в интернете есть множество и других бесплатных/платных/элитных чатов которые можно встроить в свой сайт, но об этом уже в другом туториале. И так ниже приведена инструкция по данному туториалу:


Этап первый - Создание чата.

Идём на официальный сайт чата:
http://chatium.com/

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

Спойлер:
Процесс регистрации:



Подтверждение прав на аккаунт:



Отправка кода подтверждения:


Далее заходим на свою почту на которую мы зарегистрировали аккаунт. Примерно должно быть вот такое письмо:



Переходим по ссылке и вуаля, наша "учётная запись" активирована.


Теперь возвращаемся на главную страницу Chatium и нажимаем на кнопку "Создать чат".



После этого вас перебросит на страницу создания чата:



Там вам нужно Ввести название для вашего сайта(его потом можно изменить) и адрес чата. С выбором адреса чата будьте осторожней, так его потом изменить уже нельзя. Когда вы создадите чат, вы увидите другую страницу:



На ней вам нужно нажать на "Управлять чатом", после чего вы попадёте в панель управления вашим чатом. Тут вам будет предложено, изменить имя и описание сайта, изменить его внешний вид и возможность получить код, для вставки чата на свой форум.



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



Копируем код и на этом создание чата завершается.  26

Теперь когда у нас есть код чата, мы можем перейти к предпоследнему этапу.  12



Этап второй - Создание Htlm - страницы.

Топаем сюда:

Панель Администратора - Модули - HTML & JAVASCRIPT - Управление страницами HTML.

Создаём новую Htlm - страницу с такими параметрами:

Название: Например "Беседка".
Вы хотите использовать верх и низ вашего форума?: Нет!
Использовать эту страницу в качестве Главной?: Нет!

В содержимое страницы, вставляем этот код:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru" xml:lang="ru">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
</head>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><body><div class="regulations">


Вот сюда ставите код вашего чата!!!

<style>
body {
background: url(http://www.snapsnap.ru/i/ibackground.png); /*основной фон*/
background-attachment: fixed; /*Фиксация фона*/
}

.regulations{
background: url(http://i70.servimg.com/u/f70/17/66/77/30/66180312.gif); /*фон поля с содержимым*/
width:50%; /*ширина поля с содержимым*/
font-size:17px; /*размер шрифта*/
border:double 7px #FFFFFF; /*рамка*/
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin: 0 auto;
padding:0px 0px -150px 0px;
min-width:700px !important;
line-height:1.3em;
}
</style>
</body>
</html>

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



Советы по туториалу.

№1 - Используйте элитные чаты, которые позволяют делать в них максимум улучшений и оформления.

№2 - Желательно добавить на страницу Аудио плеер, с большим плейлистом и классным музоном.

№3 - Не используйте яркие цвета в качестве оформления, при прочитывании смс, приходиться напрягать глаза, так как в чатах небольшой шрифт, а яркие цвета оформления, могут бить сильно по уставшим глазам.

№4 - Используйте в качестве фона, какое нибудь позитивное изображение, которое будет привлекать, а не отпугивать юзеров.

Я бы дал ещё больше советов, но думаю этих будет достаточно.


И так думаю на этом можно завершить туториал. Желаю всем удачи в продвижении и улучшении ваших форумов!


С уважением Миша Вейк aka Сказочник Зазеркалья.

Сказочник Зазеркалья
Дизайнер
Дизайнер

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения