О нас Форум Баннеры RSS картинка Нас уже 577, Присоединяйся
Пожаловаться
И так, всем привет. На часах уже 2:15 ночи а я все еще не сплю. Вчера моему проекту исполнился ровно год, и это навеяло на меня что нибудь сделать для паблика, как раз с моей последней работы прошло больше месяца, и подумав, я решил что это будет чат. Скажу честно, ужасно хочу спать, все слова с ошибками пишу) приходится переправлять, так что нужно добавить по скорей и лечь спать) Вот что у меня получилось:



Приступим к установке.

1. Заходим в панель управления - дизайн - управление дизайном - нижняя часть сайта, и вставляем этот код
Code
<div id="fixwp" class="CHAT1"><div id="onlane_chal_weplace">  
  <span onclick="$('#fixwp').toggleClass('CHAT2');$('#chl');" style="cursor:pointer"> <div class="chal_weplace_title"><span style="padding-left: 8px;color: #fff;text-shadow: 0px 1px 1px #757575;font-family: arial;font-size: 13px;">Online чат</span>  
  </div></span>  
  <div class="weplace_hello"><div style="padding: 8px">Добро пожаловать в чат! В чате <span id="onlime_wp"></span>. Приятного общения!</div></div>  
  <div class="weplace_os_ch"><div style="padding: 8px">$CHAT_BOX$</div></div>  
  </div></div>  
  <script type="text/javascript">  
  dc1 = [],  
  dc2 = [2, 0, 1, 1, 1, 2];  
  function wpon(num, text)  
  {  
  if(!dc1[num]) dc1[num] = num % 100 > 4 && num % 100 < 20 ? 2 : dc2[Math.min(num % 10, 5)];  
  return text[dc1[num]];  
  }  
  $(document).ready(function() {  
  wpch_online= $("#onl1").text().substr(13);  
  $("#onlime_wp").html('<b>'+wpch_online+'</b>' + ' ' + wpon(wpch_online,['человек', 'человека', 'человек']));  
  });  
  </script>


2. дизайн - управление дизайном - мини-чат - вид материалов, и все заменяем на этот код
Code
<div class="weplace_vid">  
  <div style="padding-bottom: 8px"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;" style="text-decoration:none;"><b class="weplace$PARITY$">$NAME$:</b></a>  
  <font style="color: #404040">$MESSAGE$ </font>  
  </div>  
  </div>


3. дизайн - управление дизайном - мини-чат - форма добавления материалов, и все заменяем на этот код
Code
<div style="padding-top:9px;"><input name="mcmessage" class="mchat" id="mchatMsgF"></div>  
  <table width="100%" cellspacing="0"><tr><td><div style="padding-top:12px;padding-bottom:9px;"><a href="javascript://" onclick="chiweplace();" class="weplace_ch_ok" style="text-decoration:none;color: #fff">отправить</a></div></td><td align=right><div style="padding-top:8px;padding-bottom:4px;">$IMG_SECURE$$FLD_SECURE$</div></td></tr></table>  
  <div style="display:none"><input type="submit" value="OK" class="mchat" id="mchatBtn" ></div>  
  <script>  
  function chiweplace() {$('#mchatBtn').click()}  
  </script>  

  <script type="text/javascript">  
  var weplaceobn = 16;  
  $('#MCaddFrm').attr('onsubmit', 'sbtFrmMC123();return false;');  
  $('#mchatIfm2').after('<div class="mchatweplace"><div style="padding: 5px"><div style="width:100%;height:170px;overflow:auto;display:block;padding-right:3px" id="wpajax">Загрузка...</div></div></div>').remove();  
  function wpajax(){  
  $.get('/mchat/', function(data){  
  $('#wpajax').html('');  
  $('.weplace_vid', data).each(function(){  
  $('#wpajax').append($(this).html());  
  });  
  $('#mchatBtn').show();  
  $('#mchatAjax').hide();  
  });  
  setTimeout('wpajax()', weplaceobn*1000);  
  }  
  function show_profile(uid){  
  window.open('/index/8-'+uid);  
  }  
  function sbtFrmMC123(){  
  $('#mchatBtn').hide();  
  $('#mchatAjax').show();  
  _uPostForm('MCaddFrm',{type:'POST',url:'/mchat/'});  
  wpajax();  
  }  
  wpajax();  
  </script>


4. дизайн - управление дизайном - css, и в самый низ вставляем этот код
Code
#fixwp {position:fixed;box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.5);border-radius: 6px 6px 6px 6px}  
  .CHAT1 {bottom:-318px;left:16px;}  
  .CHAT2 {bottom:16px;left:16px;}  
  input[title="Код безопасности"] {width:80px;  
  height:25px;  
  font-size:10px;border:1px solid #bcbcbc;border-radius: 0 3px 3px 0}  
  img[title="Обновить код безопасности"] {width:80px;  
  height:25px;  
  font-size:10px;border:1px solid #bcbcbc;border-radius: 3px 0 0 3px}  
  .weplace_ch_ok {border-radius:3px;  
  background: -moz-linear-gradient(top, #9f9f9f, #6c6c6c);  
  background: -webkit-gradient(linear, left top, left bottom,  
  color-stop(0%,#9f9f9f), color-stop(100%,#6c6c6c));  
  background: -webkit-linear-gradient(top, #9f9f9f, #6c6c6c);  
  background: -o-linear-gradient(top, #9f9f9f, #6c6c6c);  
  background: -ms-linear-gradient(top, #9f9f9f, #6c6c6c);  
  background: linear-gradient(top, #9f9f9f, #6c6c6c);padding-bottom:6px;padding-left:4px;padding-right:4px;padding-top:3px;  
  box-shadow: 0px 0px 0px 1px #505050;  
  border-top:1px solid #d1d1d1;color: #fff;font-size: 11px;text-shadow: 0px 1px 1px #434141;}  
  .weplace_ch_ok:hover {border-radius:3px;  
  background: -moz-linear-gradient(top, #2268a7, #2268a7);  
  background: -webkit-gradient(linear, left top, left bottom,  
  color-stop(0%,#2268a7), color-stop(100%,#2268a7));  
  background: -webkit-linear-gradient(top, #2268a7, #2268a7);  
  background: -o-linear-gradient(top, #2268a7, #2268a7);  
  background: -ms-linear-gradient(top, #2268a7, #2268a7);  
  background: linear-gradient(top, #2268a7, #2268a7);padding-bottom:6px;padding-left:4px;padding-right:4px;padding-top:3px;  
  box-shadow: 0px 0px 0px 1px #083249;  
  border-top:1px solid #55a4ef; color: #fff; font-size: 11px;text-shadow: 0px 1px 1px #083249;}  
  #mchatMsgF {height:27px;width:100%;border:1px solid #bcbcbc;border-radius:3px;background: #fff;box-shadow: 0px 0px 0px 2px #f1f1f1; padding-right:3px;padding-left:3px;color: #434343}  
  .weplace1 {color: #004bd4}  
  .weplace2 {color: #d80308}  
  .mchatweplace {border:1px solid #bcbcbc;border-radius:3px;background: #fff; }  
  .weplace_os_ch {width:235px;background: #fff; border-top:1px solid #d8d8d8;}  
  .weplace_hello {width:235px;background: #f1f1f1; border-top:1px solid #fff;color: #686968;}  
  .chal_weplace_title {border-radius:6px 6px 0 0; width:235px;height:35px;line-height: 35px;  
  color: #fff;font-family: arial;font-size: 13px;  
  background: -moz-linear-gradient(top, #c9c9c9, #a6a6a6);  
  background: -webkit-gradient(linear, left top, left bottom,  
  color-stop(0%,#c9c9c9), color-stop(100%,#a6a6a6));  
  background: -webkit-linear-gradient(top, #c9c9c9, #a6a6a6);  
  background: -o-linear-gradient(top, #c9c9c9, #a6a6a6);  
  background: -ms-linear-gradient(top, #c9c9c9, #a6a6a6);  
  background: linear-gradient(top, #c9c9c9, #a6a6a6);}  
  #onlane_chal_weplace {box-shadow: 0px 0px 0px 1px #707070;border-radius:6px 6px 0 0;}


Вот и все, если есть вопросы задавайте их в комментариях или моем блоге.


Спонсор :



Источник: http://we-place.ru/group571
Всего голосов: ... | ... | ...

Нет комментариев

Информация


Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.
Пожалуйста войдите на сайт как пользователь или зарегистрируйтесь.

Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Опрос
Как вам дизайн сайта?

Всего ответов: 197
Последние комментарии
  • Fatal1ti
    Оставлен 05.02.2013
    50+ качественных анимированных иконок загрузки для сайта
    Автор комментария: Fatal1ti
    Оставлен 05.02.2013 в 16:19
    Тема: 50+ качественных анимированных иконок загрузки для сайта
    Это просто gif картинки,
    А чтобы при загрузке страницы крутилась анимация, нужен скрипт
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:43
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    С цветами разобрался, пришлось путь к файлу zvetaf.xml полностью писать.
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:32
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Что-то окно с цветами начинает открываться и сразу же пропадает.
    А как можно чат растянуть по высоте с 300рх до 500рх, где это меняется?
  • Mihail
    Оставлен 01.02.2013
    Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    Автор комментария: Mihail
    Оставлен 01.02.2013 в 17:12
    Тема: Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    А вот это супер )
  • Fatal1ti
    Оставлен 31.01.2013
    Форма добавления комментариев как на dle для uCoz
    Автор комментария: Fatal1ti
    Оставлен 31.01.2013 в 18:23
    Тема: Форма добавления комментариев как на dle для uCoz
    Должно работать, у некоторых файл zvetaf.xml
    Повреждается при загрузке, попробуй его перезалить

    Если ничего не изменяется, то ищи в коде такую строчку:
    Код
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/bbcodes/zvetaf.xml','Выбор цвета',190,200,'1','','',0,'justify');return false;">


    И меняй на эту:
    Код
    <script type="text/javascript" src="http:/serv/zvet.js"></script>
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="viewzvet()">

    Должно заработать..
  • Fatal1ti
    Оставлен 27.01.2013
    Зелёное меню как на we-place для uCoz
    Автор комментария: Fatal1ti
    Оставлен 27.01.2013 в 15:05
    Тема: Зелёное меню как на we-place для uCoz
    DevilShadow, извини что сразу не ответил
    Чтобы счетчики были справа нужно в css найти такую строчку:
    Код
    .coole div {position: relative;margin-left: 173px;z-index: 1;}

    И заменить на эту
    Код
    .coole div {position: relative;margin-left: 219px;z-index: 1;}


    А чтобы и фото счетчик был, нужно после этой строчки:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/6"></script>

    Добавить эту:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/7"></script>


    И после скрипта, который находится снизу после меню, добавь ещё скрипт:
    Код
    <script type="text/javascript">  
      function setCatNumEnt(){  
      if(!window.uCatsOut)return;  
      $('div.naviglot a').each(function(){  
      var a=this,ah=a.href,cArr=window.uCatsOut;  
      if(!/\/photo\//.test(ah))return;  
      var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],a=$(a).parent();  
      if(!isNaN(id)){  
      $.each(cArr,function(j){  
      if(cArr[j][0]==id){  
      a.prepend('</span><div class="coole"><div><span class="vnav-subnav2">'+cArr[j][6]+'</span></div></div>');  
      }  
      });  
      };  
      });  
      };setCatNumEnt();
      </script>
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня зашли на сайт
0 пользователя

Новых пользователей:
За месяц: 17
За неделю: 6
Вчера: 0
Сегодня: 0
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков