RSS
ВашСайт.ru Всё для веб мастера! скрипты, шаблоны, графика, иконки, CMS
ВходРегистрация

Новые скрипты можно скачать только на нашем портале посвящённый сестеме ucoz, с нами ты создаш хороший веб сайт. Мы добавели много скриптов для ucoz, рабочие скрипты а главное легко устоновить скрипты, такие как php и javascript. Шаблоны для ucoz сестемы, самые последние новинки шаблонов можно скачать на етом сайте. У на вы найдёте любые шаблоны, как для foruma для мониторинга серверов, шаблоны блогов, а также шаблоны топ сайтов. Красивые шаблоны с адаптированными модулями, с содержанием html,css,javascript. Скачав шаблон у нас, вы легко его установите на свой сайт. Вид коментариев для ucoz разного типа для сайтов ucoz, Множество вариантов вида коментариев для ucoz и форма добавление коментариев. Всё для вас и вишего web сайта, создать сайт бесплатно, легче чем кажетса. С нашим сайтом ты создаш хороший почещяемый портал.
Меню сайта

Новые публикации
Шаблон SG портала для ucoz
Скачиваний:
Добавил: Dedushka
Добавлено: 30.04.2012
Красивый шаблон для ucoz
Скачиваний:
Добавил: Dedushka
Добавлено: 29.04.2012
Ставим капчу на скачку для ucoz
Скачиваний:
Добавил: Dedushka
Добавлено: 15.04.2012
Правело добавления новых публекаций на сайт ucoz
Скачиваний:
Добавил: Dedushka
Добавлено: 15.04.2012
Часы css в виде C4 для ucoz, часы в виде бомбы из css
Скачиваний:
Добавил: Dedushka
Добавлено: 15.04.2012
Блок материальная помощ сайту, копилка для сайта ucoz
Скачиваний:
Добавил: Dedushka
Добавлено: 15.04.2012
Семейное положения для "ucoz"
Скачиваний:
Добавил: Dedushka
Добавлено: 13.04.2012
Новый вид новостей для ucoz
Скачиваний:
Добавил: Dedushka
Добавлено: 13.04.2012
Личные сообщения а ajax, ЛС в АЯКС
Скачиваний:
Добавил: Dedushka
Добавлено: 13.04.2012
Красивая страница 404, Eror 404
Скачиваний:
Добавил: Dedushka
Добавлено: 13.04.2012

Реклама

Опрос
Помог ли вам сайт?

Статистика
Онлайн всего: 2
Гостей: 2
Пользователей: 0

Мини чат для ucoz, Мини чат black

Изменённый мини чат для ucoz, под чёрный дизай отлично подходит. Мини чат нужен для общения пользователей на вашем сайте ucoz, но большенство пользователей не пользуютса мини чатом. А с красивым мини чатом, уверен всем захочетса штото там написать...

Устоновка: мини чата

В CSS в самый низ, ставим код:




Code
/* Mini-Chat */  
  #mchatIfm2 {width: 99% !important; height: 400px !important}  
  .cBlock1 {margin: 0 2px 4px 2px; padding: 2px; border: 1px dotted #444}  
  .cBlock2 {margin: 0 2px 4px 2px; padding: 2px; border: 1px dotted #444}  
  .cBlock1 .f-block {background: url('../images/trans-high.png') repeat; min-height: 58px}  
  .cBlock2 .f-block {background: url('../images/trans-light.png') repeat; min-height: 58px}  
  .a-block {height: 54px; width: 54px; float: left; margin: 0 6px 0 0}  
  .a-block img {width: 54px; height: 54px; padding:2px}  
  .u-block {padding: 2px}  
  .u-block a {font-size: 12pt; font-weight: bold; color: #000; text-shadow: 1px 1px 2px #999; text-decoration: none}  
  .d-block {font-size: 7pt; font-weight: bold; color: #000; text-shadow: 1px 1px 2px #888; float: right}  
  .cMessage {font-size: 10pt; color: #999; text-align: left; line-height: 1.1em; padding: 0 4px 4px 4px}  
  .cMessage a.link {text-decoration:none !important;}  
  .cBlock1 .f-block, .cBlock2 .f-block, .cMessage {min-height: 58px; -height: 58px; height:auto !important; height: 58px}  
  #mcnomess92 {color: #999; text-align: center;}  
  /* Form message chat */  
  #form_block {width: auto; padding: 2px; margin: 6px 2px 0px 3px; border: 1px dotted #444}  
  #mess_block {margin: 2px}  
  .mess {color: #999; background: url(../images/trans-high.png) repeat; width: 251px; height: 70px; resize:none}  
  .name_block, .email_block, .site_block {margin: 6px 4px 4px 2px}  
  #funct_block {width: auto; margin: 3px 2px 2px}  
  #ent_block {display: block; float: right}  
  /* Delete message chat */  
  .del_chat {width:300px;height:15px;border:1px solid #666;background:#f2f2f2;margin:10px 0;}/*сам прогресс-бар, цвет рамки и фона*/  
  .delete_chat {height:15px;float:left;}/*выравнивание заполнения прогресс-бара*/  
  .delete_chats {background:#c0c0c0;height:13px;width:1px;float:left;padding:1px;}/*стиль полоски прогресс-бара (главное цвет)*/  
  .del_proc {margin-top:-25px;margin-bottom:15px;}/*процент удалённых сообщений*/  
  #del_enter, #del_ok, #del_error, .del_c {margin:10px auto !important;overflow:none;}/*отступы для кнопки и сообщение об успехе/ошибке*/  
  #del_ok, #del_error {font-size:15px;}/*размер текста для сообщений об успехе/ошибке*/  
  #del_ok, #del_error, .del_c {text-align:center;display:none;}/*выравниание текста сообщений об успехе/ошибке*/  
  .del_num {text-align:left;margin-left:14px;}/*стиль общего количества сообщений в чате*/  
  .del_dels {text-align:right;float:right;margin-right:13px;}/*стиль количества удаленных сообщений*/  
  /* --------- */


Далее идём в ПУ/Управление дизайном/Мини-чат/Вид материалов - удаляем всё что там есть и вставляем код:

Code
<div class="cBlock$PARITY$">  
  <div class="f-block">  
  <div class="a-block">  
  <?if($AVATAR_URL$)?>  
  <img src="$AVATAR_URL$" alt="" />  
  <?else?>  
  <img src="/profile/icons/noavatar.gif" alt="" />  
  <?endif?>  
  </div>  
  <div class="cMessage">  
  <div class="u-block">  
  <span class="d-block" title="$DATE$"> $TIME$ </span>  
  <a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow">  
  <img alt="" src="http://s44.ucoz.net/img/icon/profile.png" style="width:13px;height:13px;border:0;vertical-align: -3px" /></a>  
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i][color=orange]$NAME$[/color][/i], ';return false;"><b>$NAME$</b></a>  
  </div>$MESSAGE$</div>  
  </div>  
  </div>


Далее идём в ПУ/Управление дизайном/Мини-чат/Форма добавления сообщений - удаляем там всё и вставляем код:

Code
<?if(!$USER_LOGGED_IN$)?>  
  <div id="form_block">  
  <div align="center" style="padding: 2px 0 3px;"> <a href="$LOGIN_LINK$">Для добавления необходима авторизация</a> </div>  
  </div>  
  <?else?>  
  <div id="form_block">  
  <div id="mess_block">  
  <textarea name="mcmessage" onkeyup="countMessLength();" onfocus="countMessLength();" id="mchatMsgF" class="mess"></textarea>  
  </div>  
  <?if(!$USER_LOGGED_IN$)?>  
  <div class="name_block">  
  <input type="text" maxlength="60" name="uname" size="8" class="mchat" id="mchatNmF" value="Имя" title="Имя" onfocus="if(this.value==$(this).attr('title')){this.value='';}" style="width:100%; height: 24px;" />  
  </div>  
  <!-- <div class="email_block"> </div>  
  <div class="site_block"> </div> -->  
  <?endif?>  
  <?if($FLD_SECURE$)?>  
  <table border="0" cellpadding="1" cellspacing="1" width="100%" >  
  <tr>  
  <td width="50%" style="padding-left: 70px;">$FLD_SECURE$</td>  
  <td align="right">$IMG_SECURE$</td>  
  </tr>  
  </table>  
  <?endif?>  
  <div id="funct_block">  
  <div id="ent_block">  
  <div class="readon">  
  <input type="submit" class="button" value="GO" id="mchatBtn" />  
  <div align="center"><img alt="" style="display:none;margin: 2px 4px;" id="mchatAjax" src="http://s44.ucoz.net/img/fr/ajax3.gif" border="0" width="16" /> </div>  
  </div>  
  </div>  
  <div style="padding: 0px;"> <a href="javascript://" rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Обновить"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/Replay.png" /></a>  
  <?if($SMILES_URI$)?>  
  <a href="$SMILES_URI$" title="Смайлики"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/Friendster.png" /></a>  
  <?endif?>  
  <?if($BBCODES_URI$)?>  
  <a href="$BBCODES_URI$" title="ББ-коды"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/Blogger.png" /></a>  
  <?endif?>  
  <?if($MSGCTRL_URI$)?>  
  <a href="$MSGCTRL_URI$" title="Модерация"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/Tools.png" /></a>  
  <?endif?>  
  <?if($GROUP_ID$=4 || $GROUP_ID$=3)?>  
  <a href="javascript://" rel="nofollow" onclick="delete_chat()" title="Очистка чата"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/icon-delete.png" /></a>  
  <?endif?>  
  </div>  
  </div>  
  <script type="text/javascript" src="/js/del.js"></script>  
  </div>  
  <?endif?>



html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию

Смотрите также: 


Добавил: Гость
Комменты: 0
3674
Назад

Коментарии к Мини чат для ucoz, Мини чат black: