Главная » 2010 » Октябрь » 11 » Иконка сообщения в мини-чате
01:45:01
Иконка сообщения в мини-чате
Чтобы скачивать файлы с сайта вы должны Войти или Зарегистрироваться!

Иконка сообщения в мини-чате
Прикольный скрипт выбора иконки сообщения.
При отправке сообщения пользователь может выбрать иконку,котрая будет рядом с его ником,например если пользоваель смторит TV,то может выбрать иконку телевизора...
Можно выбирать другую иконку,просто кликнув один раз по ней.
При нажатии на иконку,уже в добавленном сообщении,будет открываеться профиль пользователя,добавившего сообщение.

Установка:
Мини-Чат - Настройка модуля - Дополнительные поля для сообщений - Активируем дополнительное поле 1

Дизайн - Управление дизайном (шаблоны) - Минич-Чат - Вид материалов,ищем что-то похожее

Code
<img alt="" src="http://s34.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/>

И заменяем на:

Code
<img alt="" src="$CUSTOM1$" border="0" style="vertical-align:-2px"/>

Если хотите,чтобы если пользователь не выбрал иконку,то была вот такая иконка 

То ставим:

Code
<img alt="" src="$CUSTOM1$" border="0" style="vertical-align:-2px"/></a><img src="http://s34.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/>

Здесь же ищем и удаляем такую строку:

Code
<br>$STR_CUSTOM1$: $CUSTOM1$

Далее Мини-Чат - форма добавления сообщений,находим:

Code
  
  <table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>  
  </table>  
  

И заменяем на:

Code
Иконка сообщения: <img src="/chat_ico/2.png" style="cursor: pointer" onclick="$('#mchatC1F').val(this.src);" />  
  <img src="/chat_ico/8.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />  
  <img src="/chat_ico/9.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />  
  <img src="/chat_ico/11.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />  
  <img src="/chat_ico/13.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />  
  <img src="/chat_ico/14.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />  
  <img src="/chat_ico/15.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />  
    
  <table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>  
  </table>  
    
  <script type="text/javascript">$('#mchatC1F').hide();</script>

Затем в корне сайта создаём папку chat_ico и заливаем туда все картинки из архива.

Скрипты для uCoz | Просмотров: 886 | Добавил: RAIDER
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]