» »

Стильный мини чат в отдельной странице 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.04.2016 Загрузок: 11 Просмотров: 425 Комментарий: (12)

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

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

Комментарий: 12
Tergran
Tergran 23.04.2016 01:581
0
Но если зеленый ставить, то там обязательно в стилях нужно выставлять точно такой цвет как как файле.
Kosten
Kosten 23.04.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.04.2016 02:113
0
Костен, видишь на картинке 2 иконки, так вот они идут на вид материала, это не точный мини чат, там вид другой. Хотя не говори, что смотрится как то не так, просто стандартно.
Tergran
Tergran 23.04.2016 02:214
0
Есть такой скрипт, но думаю вы не видели, чтоб у кого то он стоял, хотя возможно, не считаю самого источника. Просто когда его выдергивали, то явно руки под него не заточены были, и весь хлам с ним притащили, и что то там еще нужно ссылки сои ставит, а точнее у файла менять, вообще не все так просто. Установишь а потом и дорабатывал, но с таким материалом всегда, но если здесь все сделано, то думаю ставит тот, который работает, а если тот не доработали, то не кому так и не нужно.
Kosten
Kosten 24.04.2016 00:4012
0
Да, это точно, там вид материала совершенно другой, но этот больше нравится.
Kosten
Kosten 23.04.2016 02:345
0
Вот кнопки немного по темнее были бы, то совершенно по другому смотрелось, но они не на стилях, но кроме того что написано на них.
maksim72rus
maksim72rus 23.04.2016 12:086
0
А можно изменить форму добавления сообщения?
Kosten
Kosten 23.04.2016 14:427
0
Можно, но сам каркас, где кнопки с ним будет меняться.
avatar
1488 23.04.2016 21:048
0
Почему в js есть ссылки на фото, но их тут нету? можно источник скрипта?cо звуком там тоже глухо, ссылка не сущ.
Kosten
Kosten 23.04.2016 21:239
0
Но в материале написал, что убрал все лишнее, но на кой там звук нужен, так же еще радио, это мини чат.
avatar
1488 23.04.2016 21:4710
0
Сорри, не когда не читаю до конца прост:)
Kosten
Kosten 24.04.2016 00:3911
0
Но можно найти, и скачать что звук на то, что новый пост появился, но не знаю для чего только, каждому свое.
avatar