Приветствуем тебя, дизайнер, на сайте theps.art! Профессионал ты или начинающий, не важно. Главное — мы стали отличным местом для поселения и тех и других. Хочешь поделиться своими творениями с другими? Не вопрос. У нас ты встретишь самые адекватные оценки твоего творчества, получишь не мало хороших советов, обретешь множество общительных друзей и много чему научишься новому. Если ты устал от работы, то и в этом мы тебе поможем! На нашем сайте есть отличный кинотеатр. И небольшая коллекция онлайн игр.
Цифровой дизайн похож на живопись, только краски никогда не сохнут ©Neville Brody
Красивый тёмный мини чат для сайта с отдельной полосой для прокрутки
Красивый тёмный мини чат для сайта с отдельной полосой для прокрутки
/images/no_screen.png
  • Просмотров: 445
  • Скачиваний: 1
  • Комментариев: 0
  • Добавлено: 06.06.23, Вт
  • CSIL

Установка:
Cкачать архив и залить его на сайт
В вид материалов мини-чата:
Код
<div class="ChatMess">  
  <div class="ChatMesTop"><div style="float:right; color:darkGray;">$TIME$ <a href="$PROFILE_URL$"  
  rel="nofollow" rel="nofollow"><img src="/Ucoz6/info_mchat.gif" border="0" style="vertical-align:-1px; margin-right:1px;" alt="мини-чат" /></a></div><a href="javascript:void('Apply to')" style="color:#darkGray;" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;"><b>$NAME$</b></a></div>  
  <div style="padding:3px 3px 3px 4px;">$MESSAGE$</div>  
  </div>  
   
  <style> #body{}  
  ::-webkit-scrollbar  
  {  
  width: 9px;  
  height: 9px;  
  }  
  ::-webkit-scrollbar-track-piece  
  {  
  background-color: #363636;  
  -webkit-border-radius: 2px;  
  }  
  ::-webkit-scrollbar-thumb:vertical  
  {  
  height: 5px;  
  background-color: #666;  
  -webkit-border-radius: 2px;  
  }  
  ::-webkit-scrollbar-thumb:horizontal  
  {  
  width: 5px;  
  background-color: #666;  
  -webkit-border-radius: 2px;  
  }  
  .ChatMess {border:1px solid #363636; background:#darkGray; margin-top:5px; -webkit-border-radius:2px  
  2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}  
  .ChatMesTop {border:0px; border-bottom:1px dotted #363636; padding:3px 3px 3px 4px;  
  background:#363636; -webkit-border-radius:2px 2px 0px 0px;-moz-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;}  
  </style>

В форму добавления сообщения мини-чата:
Код
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>  
  <table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td>$FLD_AUTOUPD$</td>  
  <td width="70%" align="right">  
  <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="/Ucoz6/obnovit_mchat.png" width="13" height="15"></a>  
  <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="/Ucoz6/smajly_mchat.png" width="13" height="15"></a><?endif?>  
  <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="/Ucoz6/bbkode_mchat.png" width="13" height="15"></a><?endif?>

  • Скачать материал
  • Спасибо: +1
  • Сообщить о битой ссылке
  • 4.9 Kb

  Источник: http://theps.art
Всего комментариев: 0
avatar