» »

Вид материала мини чат FRED ucoz


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

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

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

Код
<?if($NUMBER$=1)?><style>body {background: #ffffff !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 #D7D9DB;  
  }  
  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: #ffffff;
-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:#ffffff;padding:1px;border:1px solid #cfcece;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:#666; 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:#008000"><?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:#527D24">Написать письмо</a>  
  </span>  
  </td>  
  </tr>  
  </tbody>  
  </table>  
  <div class="linnov">  
  </div>  
  <div style="padding:3px; text-align:left;">  
  $MESSAGE$  
  </div>  
  </div></div>  
  </div>
11.10.2014 Просмотров: 677 Комментарий: (0)

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

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

Комментарий: 0
avatar