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

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

Стильный мини чат в отдельной странице uCoz
Красиво и стильно смотрится мини чат на отдельной страницу который будет. Вам только нужно ссылку или кнопку выставить и при нажатие он откроется. Пришлось всякие звуки, которые с ним шли убрать, так как они не работали, а только место кнопка занимало. Также в нем было радио, которое показывало один каркас, сейчас этого нет, все стоит на своем месте и функционирует. Изначально как знаете, он шел в зеленном оттенке цвета, что пришлось его изменить, так как светло синий больше подойдет и такая гамма чаще встречается. Вид материала у него идет с Avatar, что главное он стал широкий и теперь можно изображение на нем как пост размещать. А так он работает как стальные. Есть только кнопка правила, на которую нажмете и появиться окно, где они прописаны.

Так будет смотреться для пользователя, а точнее капча в нем.

Мини чат для сайта uCoz

Теперь переходим к установке:

1) Для начало нужно скачать архив и там будет три папки и их нужно разместить в файловый менеджер.
2) Идем в админ панель и нажимаем на редактор страниц и создаем ее, и пишем название, можно просто чат, и ставим этот скрипт, тут главное Панель HTML кодов выставить и потом нажать на кнопку создать.

Код
<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: #39B2DF;
height: 10px;"></div></div></div>
<div style="background: #39B2DF;
padding: 0px 10px;border-radius: 0px 0px 7px 7px;">
<div class="chat-shadow"><div class="chat-bg">
   
$CHAT_BOX$
   
  </div></div></div>


На этом все, установка закончена, теперь полностью работает, и все лишнее убрано. Если вам нужен под зеленый оттенок, то здесь материал на его, и все также делаем, только одна картинка там идет, и она как раз в этом цвете.
23 Апреля 2016 Загрузок: 26 Просмотров: 1746 Комментариев: (12)
Поделиться в социальных сетях

Материал разместил
Kosten
Похожие материалы

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

Комментарии: 12
Tergran
Tergran 23 Апреля 2016 01:581
0
Но если зеленый ставить, то там обязательно в стилях нужно выставлять точно такой цвет как как файле.
Kosten
Kosten 23 Апреля 2016 02:072
0
Но так то можно переделать под любой цвет, тут главное каркас выставить на нем оттенок цвета, а потов в коде поставить аналогичный. Ставится он в скрипте, в том, который вы будете устанавливать в страницу, которую создали, вот под оригинал зеленый.

Код
  <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>


Это файловый менеджер, но папку найдете в архиве, там всего одна картинка каркаса.

Сафрон
Сафрон 23 Апреля 2016 02:113
0
Костен, видишь на картинке 2 иконки, так вот они идут на вид материала, это не точный мини чат, там вид другой. Хотя не говори, что смотрится как то не так, просто стандартно.
Tergran
Tergran 23 Апреля 2016 02:214
0
Есть такой скрипт, но думаю вы не видели, чтоб у кого то он стоял, хотя возможно, не считаю самого источника. Просто когда его выдергивали, то явно руки под него не заточены были, и весь хлам с ним притащили, и что то там еще нужно ссылки сои ставит, а точнее у файла менять, вообще не все так просто. Установишь а потом и дорабатывал, но с таким материалом всегда, но если здесь все сделано, то думаю ставит тот, который работает, а если тот не доработали, то не кому так и не нужно.
Kosten
Kosten 24 Апреля 2016 00:4012
0
Да, это точно, там вид материала совершенно другой, но этот больше нравится.
Kosten
Kosten 23 Апреля 2016 02:345
0
Вот кнопки немного по темнее были бы, то совершенно по другому смотрелось, но они не на стилях, но кроме того что написано на них.
maksim72rus
maksim72rus 23 Апреля 2016 12:086
0
А можно изменить форму добавления сообщения?
Kosten
Kosten 23 Апреля 2016 14:427
0
Можно, но сам каркас, где кнопки с ним будет меняться.
noavatar
1488 23 Апреля 2016 21:048
0
Почему в js есть ссылки на фото, но их тут нету? можно источник скрипта?cо звуком там тоже глухо, ссылка не сущ.
Kosten
Kosten 23 Апреля 2016 21:239
0
Но в материале написал, что убрал все лишнее, но на кой там звук нужен, так же еще радио, это мини чат.
noavatar
1488 23 Апреля 2016 21:4710
0
Сорри, не когда не читаю до конца прост:)
Kosten
Kosten 24 Апреля 2016 00:3911
0
Но можно найти, и скачать что звук на то, что новый пост появился, но не знаю для чего только, каждому свое.
Войдите:
avatar