Вид материалов мини-чата


Вид материалов мини-чата

3193
10 из 10
Проголосовало: 7






Описание: На основе этого скрипта я сделал вид материалов мини-чата как на usite с обводкой аватара и цветом ника в зависимости от группы пользователя, без возможности комментирования.

Установка:
1) Ищем:

Code
$CHAT_BOX$


2) После него ставим:

Code
<script type="text/javascript">$('input[name="custom1"]').val('$GROUP_ID$').hide();</script>


3) В форме добавления сообщения удаляем следующее (если имеется):

Code
<?if($CUSTOM1$)?>$STR_CUSTOM1$: $CUSTOM1$<?endif?>


3.1) В форме так же добавляем в самый низ следующее:

Code
<span style="display:none;visibility:hidden"><input value="" name="custom1" /></span>


4) Идем в "Вид материалов" (мини-чата) и заменям все на:

Code
<div class="MesChat">  
  <div class="chat-wrap-mes">  
  <table border="0" cellpadding="0" cellspacing="0" width="100%">  
  <tr>  
  <td class="td1" valign="top">  
  <a href="/index/8-0-$NAME$" target="_blank" rel="nofollow">  
   
  <?if($CUSTOM1$="4")?><div class="avkas rad2 groupAdmin" style="padding: 3px;"><div class="rad2"><?endif?>  
  <?if($CUSTOM1$="3")?><div class="avkas rad2 groupModer" style="padding: 3px;"><div class="rad2"><?endif?>  
  <?if($CUSTOM1$="2")?><div class="avkas rad2 groupVerify" style="padding: 3px;"><div class="rad2"><?endif?>  
  <?if($CUSTOM1$="251")?><div class="avkas rad2 groupFriends" style="padding: 3px;"><div class="rad2"><?endif?>  
  <?if($CUSTOM1$="1")?><div class="avkas rad2 groupUser" style="padding: 3px;"><div class="rad2"><?endif?>  
   
  <img src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://uwebo4ka.3dn.ru/scripts/statistika/noavatar.png<?endif?>" border="0" class="rad2" style="max-width: 25px;" />  
  </div></div>  
  </a>  
  </td>  
  <td class="td2" valign="top">  
  <div style="float: right; color: #9d9d9d;"><div style="border-left: 1px dotted #ddd; padding-left: 5px; margin-left: 5px;">  
  $TIME$  
  </div></div>  
  <a style="" href="javascript://" onclick="$('#MeskaMchat').val('[b]$NAME$[/b]: '); $('#MeskaMchat').focus();return false;">  
  <?if($CUSTOM1$="4")?><b class="groupAdmin">$NAME$</b><?endif?>  
  <?if($CUSTOM1$="3")?><b class="groupModer">$NAME$</b><?endif?>  
  <?if($CUSTOM1$="2")?><b class="groupVerify">$NAME$</b><?endif?>  
  <?if($CUSTOM1$="251")?><b class="groupFriends">$NAME$</b><?endif?>  
  <?if($CUSTOM1$="1")?><b class="groupUser">$NAME$</b><?endif?>  
  </a>  
  <div style="padding-top: 3px;"></div>  
  <div style="clear: both; width: 157px; padding-right: 5px;">$MESSAGE$</div>  
  </td>  
  </tr></table>  
  </div>  
  </div>


5) В CSS вставляем:

Code
div.groupVerify{background-color:#008b00;}  
  div.groupAdmin{background-color:#b22222;}  
  div.groupUser{background-color:#a5a5a5;}  
  div.groupModer{background-color:#7b08b7;}  
  div.groupFriends{background-color:#24afb1;}  
   
  .MesChat {border-bottom:1px solid #ddd;margin-bottom:5px;width:100%;}  
  .chat-wrap-mes {  
  padding: 5px 1px 5px 1px; border-top: 1px solid #ddd;  
  }  
  .chat-wrap-mes:first-child {border-top: 0; padding-top: 0;}  
  .chat-wrap-mes .td1 {  
  width: 30px; padding-right: 2px;  
  }  
  .chat-wrap-mes .td2 {  
  }  
  .avkas {  
  display: inline-block; *display: inline; background: rgba(230,230,230,0.65); padding: 5px; padding-bottom: 6px;  
  -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);  
  -moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);  
  box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);  
  }  
  .avkas.on {  
  background: #5cba38;  
  }  
  .avkas div {  
  background: #fff; padding: 3px; display: inline-block; *display: inline;  
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);  
  -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);  
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);  
  }  
  .rad2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

Все! Установка завершена!
Автор публикации: Загрузка
Загрузка
BLAzER, это его n материал
Источник: http://webo4ka.ru/ & http://uwebo4ka.3dn.ru/
  • Всего комментариев: 1

Вовчик
+7
Вовчик написал: Написано 03 Августа 2012 в 18:44
Комментарий №1
кстати, забыл сказать, если делаешь скрипт на основе чьего-то скрипта, то указывай два источника, и в прошлом материале тоже укажи первоначальный источник...)

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    402
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 4
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: