ZorNet.Ru — сайт для вебмастера » HTML и CSS » Мини чат на отдельной страницы сайта uCoz

Мини чат на отдельной страницы сайта uCoz

Мини чат на отдельной страницы сайта uCoz
Мы сделает мини чат на отдельной страницы, и по клику она будет открываться. За основу возьмем один светло зеленый по своему дизайну чат и поместим его на страницу. Здесь будет показано как уже можно поставить рабочий мини чат и после установки вы можете на нем общаться.

Для этого создаем страницу.
Идем в админ панель и нажимаем на редактор страниц и в правом верхнем углу находим такую надпись [ Добавить страницу ] и нажимаем. Но это будем делать самом последнее, для начало скачиваем архив, там 3 файла и под них делаем папки и заливаем, название папок уже указано на них. Так же есть краткое описание по установке.

Когда все закачали и создаем страницу и называем ее как хотите, но для начало если в блоге у вас уже есть чат, его нужно убрать.

Потом в эту страницу ставим этот код:

Код
<div style="background: url('/images/chat.png') no-repeat 0px -190px;
padding-left: 10px;"><div style="background: url('/images/chat.png') no-repeat 100% -190px;
padding-right: 10px;"><div style="background: #a2df39;
height: 10px;"></div></div></div>
<div style="background: #a2df39;
padding: 0px 10px;border-radius: 0px 0px 7px 7px;">
<div class="chat-shadow"><div class="chat-bg">
   
$CHAT_BOX$
   
  </div></div></div>


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

Мини чат на отдельной страницы сайта uCoz

Также проверил на тестовом сайте и у меня получилось его установить в сам каркас сайта.

Мини чат на отдельной странице

Но вообщем как получиться, просто так итак они все равно по вашей странице откроется.
07 Января 2016 Загрузок: 24 Просмотров: 3007 Комментариев: (15)

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

Материал разместил

Оставь свой отзыв

Комментарии: 15
workman
workman 07 Января 2016 20:311
0
Тут нужно отредактировать стили css так как не все кнопки появляются
Kosten
Kosten 07 Января 2016 20:343
0
Что то не заметил, если ты этим занимаешься, то скинешь, чтоб исправить.
Kvint
Kvint 07 Января 2016 20:332
0
Что то знакомый, он на каком то сайте уже стоит, видел такой или просто похожий.
Kosten
Kosten 07 Января 2016 20:586
0
Наверное, не исключаю.
na3uTuB4uk
na3uTuB4uk 09 Января 2016 11:2014
0
Да на N-Torrents ты его видел, только он тут не полный)
csretven
csretven 07 Января 2016 20:554
0
Если вы страницу делали, то должно как на первом скрине быть. А что на втором, там страницы сайта прописаны видимо было.
Kosten
Kosten 07 Января 2016 20:585
0
Страницы сайта ставил в персональную страницу, чтоб в каркасе она сайта была. И вот подключаю мини чат, от также в нем оказался, просто нужно было на тестовом полностью шаблон поменять и на новом сделать.
Kosten
Kosten 07 Января 2016 21:007
0
Так как страницу новую делал и название придумал ней чини чат и потом в горизонтальном меню по умолчанию появилась эта запись и ссылкой на его открытие.
Марковичь
Марковичь 07 Января 2016 23:598
0
Но в каркасе сайта явно лучше будет и так оригинально, личнов первые вижу ткую установку.
FeStemBer
FeStemBer 08 Января 2016 00:049
0
Но думаю вам нужно страницы сайта скопировать и потом туда поставить код который здесь представлен и у вас также будет открываться.
Scheme
Scheme 08 Января 2016 00:1010
0
Да зачем вообще выводить куда то, пусть как раньше в блок и нормально, да он большой и в этом его также большой плюс и не более, все остальное т по дизайну не изменено.
AnTron
AnTron 08 Января 2016 00:1511
0
Но нужно доработать, там всего как видно одной кнопки нет, но остальнве все на мести, видать ссылка битая или вообще не прописано в стилях.
Kosten
Kosten 08 Января 2016 00:3412
0
Но все позже исправим, сейчас можно ставить и он как сказал работать будет, и он идет одним файлом, если кто захочет, то светло зеленый цвет может покрасить в другой под свой сайт.
1 2 »
avatar