Главная » Администрирование сайта » Настройка основных модулей » Выбор цвета ника в мини-чате

Выбор цвета ника в мини-чате

22.12.2009 в 23:19
Автор: Olya
1. Идем в ПУ --> Мини-чат --> Настройки модуля
Там активируем "Доп. поле 1" (ну или "Доп. поле 2", если первое занято)

2. Идем в ПУ -->Управление дизайном --> Форма добавления сообщений (Мини-чат)
Меняем

Code
<?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>    
<table border="0" cellpadding="1" cellspacing="1" width="100%">    
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>    
</table>    
<?endif?>

на
Code
<?if($FLD_CUSTOM2$)?>    
<table border="0" cellpadding="1" cellspacing="1" width="100%">    
<tr><td>$FLD_CUSTOM2$</td></tr>    
</table>    
<?endif?>

И вставляем туда где хотите видеть select выбора цвета.
Code
<select name="custom1" class="mchat" id="mchatC1F"/>
<option value="">COLOR</option>
<option value="blue" style="color:blue">Blue</option>
<option value="red" style="color:red">Red</option>
<option value="purple" style="color:purple">Purple</option>
<option value="orange" style="color:orange">Orange</option>
<option value="yellow" style="color:yellow">Yellow</option>
<option value="gray" style="color:gray">Gray</option>
<option value="green" style="color:green">Green</option>
</select>

3. Идем в ПУ -->Управление дизайном --> Вид материалов (Мини-чат)
Удаляем строчку

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

И заменяем:

Code
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a>

на:

Code
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"<?if($CUSTOM1$)?> style="color:$CUSTOM1$;"<?endif?>><b>$NAME$</b></a>

т.е. попросту добавляем стиль:

Code
<?if($CUSTOM1$)?> style="color:$CUSTOM1$;"<?endif?>

Пробел перед style нужен!

PS Выбор цвета сделан на примере выбора цвета в форме добавления комментариев. Вы же можете сделать свой вариант. Можно самостоятельно добавлять/удалять цвета. Для этого нужно добавлять/удалять

Code
<option> </option>
Разберем на примере:
Code
<option value="green" style="color:green">Green</option>

value="green" , где green цвет ника в чате. Это будет прописываться в стиле.
style="color:green" это цвет надписи в select'e. (Необязательно)
Green - собственно сама надпись. Можно заменить на "Зеленый" для тех у кого проблемы с английским.

Более продвинутые пользователи могут использовать hex цвета, но для этого нужно будет добавить # в стиле ника
(style="color:#$CUSTOM1$;") А для пущей крутости можно использовать ColorPicker

чат, цвет ника, вбор цвета, Цвет, Мини-чат, Мини чат

Рейтинг: 5  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 10835          Комментариев:

Похожие инструкции