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

Темный мини чат код вид материала uCoz

Темный мини чат код вид материала uCoz
Это темный вид материала от мини чата, где будет присутствовать как Avatar, так другие дополнение функций. Администратора ник будет выведен в красном оттенке цвета, у остальных в синем. Что форма добавление, то она точно такая же как на сайте zornet.ru и с кнопками, только в темный цвет переведено, что сможете сделать в стилях. Также уменьшен переход, то он сильно яркий был, и теперь понятно, кто где отписал. Вы с него можете выйти на переписку, так как функция "написать пользователю" там как раз есть, и это удобно.

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

Установка:

Админ панель и там находим чат и в нем вид материала. Что открываем его и от туда все убираем и ставим этот скрипт.

Код
<?if($NUMBER$=1)?><style>body {background: #2F2E2E !important;}  
  a.ipbavatar {  
  width: 40px;  
  height: 40px;  
  }a.ipbavatar {  
  display: block;  
  float: left;  
  position: relative;  
  top: 0px;  
  left: 0px;  
  bottom: 0px;  
  right: 0px;  
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;  
  border-radius: 3px;  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  }  
  .linnov {  
  overflow: hidden;  
  border-bottom: 1px dotted #4A4848;  
  }  
  a.ipbavatar img {  
  width: 40px;  
  height: 40px;  
  border-radius: 3px;  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;float: left;  
  width: 40px;  
  height: 40px;  
  }  

  #body{}  
::-webkit-scrollbar  
{  
width: 5px;  
height: 9px;  
}  
::-webkit-scrollbar-track-piece  
{  
background-color: #909090;  
-webkit-border-radius: 5px;  
}  
::-webkit-scrollbar-thumb:vertical  
{  
height: 9px;  
background-color: #666;  
-webkit-border-radius: 5px;  
}  
::-webkit-scrollbar-thumb:horizontal  
{  
width: 5px;  
background-color: #666;  
-webkit-border-radius: 5px;  

}  
  </style>  
  <?endif?>  

  <div id="iChat-messages" align="left" style="padding-top:2px;">  
  <div style="word-wrap:break-word;">  
  <div style="background:#232323;padding:1px;border:1px solid #7B7B7B;border-radius:2px;">  
  <table border="0" cellpadding="0" cellspacing="0">  

  <tbody>  
  <tr>  

  <td width="38" style="padding: 2px;">  
  <a class="ipbavatar" style="text-decoration:none" title="Профиль" href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');">  
  <?if($AVATAR_URL$)?>  
  <img alt="$USERNAME$" src="$AVATAR_URL$" style="float: left;width: 40px;height:40px;">  
  <?else?>  
  <img alt="$USERNAME$" src="http://zornet.ru/avatar/04/451995.gif" style="float: left;width: 40px;height:40px;">  
  <?endif?>  
  </a>  
  </td>  
  <td style="font-size:7pt; color:#BDBDBD; padding-left:4px;">  
  <b>  
  <a style="text-decoration:none" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;">  
  <?if($USER_ID$=1)?><span style="color:#EA2812"><?else?><span style="color:#248BFF"><?endif?>$USERNAME$</span></a></b> написал<br>  
  <span style="font-size:7pt">$DATE$ в $TIME$</span>  
  <br>  
  <span style="color:#cccccc; font-size:7pt;">  
  <a style="text-decoration:none" href="/index/14-$USER_ID$-0-1" target="_blank" title="Написать ЛС"><span style="color:#D0B669">Написать письмо</a>  
  </span>  
  </td>  
  </tr>  
  </tbody>  
  </table>  
  <div class="linnov">  
  </div>  
  <div style="padding:3px; text-align:left;">  
  $MESSAGE$  
  </div>  
  </div></div>  
  </div>
10 Августа 2016 Просмотров: 2403 Комментариев: (7)

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

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

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

Комментарии: 7
Сопрано
Сопрано 10 Августа 2016 21:511
0
Так это что со светлого просто переделано.
Kosten
Kosten 10 Августа 2016 21:552
0
Но, а что такого, да со светлого, но если стили позволяют это сделать. то думаю нормально будет для темного сайта.
Kosten
Kosten 11 Августа 2016 05:273
0
Забыл проверить на адаптацию под мобильные устройства. То шаблон настроили, а здесь поставил новым мини чат, и мое удивление было, как органично вписался под размеры.

feliksteg
feliksteg 11 Августа 2016 22:594
0
Какое то цветное получилось, нужно было все под один цвет светло тёмный подогнать, так намного интереснее смотрелось.
Сопрано
Сопрано 11 Августа 2016 23:345
0
Но здесь может же каждый сам сделать, но мне так кажется лучше будет, чтоб под один оттенок подогнать.
klaviaturovich96
klaviaturovich96 26 Января 2017 19:356
0
Ничтяк , понравилось прям, спс
-SAM-
-SAM- 14 Августа 2021 23:297
0
Вот так нужно обернуть в условный оператор:
Код
<?if($USER_ID$>0)?>  <br>   
   <span style="color:#cccccc; font-size:7pt;">   
   <a style="text-decoration:none" href="/index/14-$UID$-0-1" target="_blank" title="Написать ЛС"><span style="color:#D0B669">Написать письмо</span></a>   
   </span>  <?endif?>
Иначе гостям видно (они в личку не могут писать же). И в системе поменялись переменные: $UID$ - ID автора сообщения, а $USER_ID$ - ID пользователя (если гость, то 0).
avatar