• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Cмайл вашего настроения для uCoz
Cмайл вашего настроения для uCoz
XemorDio
Среда, 11 Мая 2016 | Сообщение 1
Оффлайн
Vip
Сообщений:108
Награды: 1
Смайл настроение, это можно сказать как на майл, выставляешь, и здесь можно сказать по этой теме. Вообщем чемто похоже на социальный проект, который будет на софт портале, и это безусловно оригинально будет не смотрется а выглядеть, в чем его оригинальность и состоит.
Вы замечали что на многих форумах есть игра - "смайл вашего настроения"? Этот скрипт что-то похожие. При регистрации и изменении личной информации пользователь может выбрать 1 из 12-ати смайлов настроения. Смайлы настроения отображаются на форуме в сообщениях и в профиле пользователя.
Установка:
1) В настройках модуля пользователей активируем поле Yahoo идентификатор (ставим галочку).
2) Управление дизайном > Редактирование шаблонов > Пользователи > Форма регистрации пользователей
Находим
Код
<tr id="siM15"><td class="manTd1" id="siM16">$YAHOO_SIGN$</td><td class="manTd2" id="siM17">$YAHOO_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>
  
Меняем на
Код
<?if($YAHOO_FL$)?>                 
<tr id="siM15"><td class="manTd1" id="siM16">Смайл вашего настроения:</td>                 
<td class="manTd2" id="siM17">                 
<script>                 
function smilepre(sm)                 
{ //U.moodSmile - GamesMir.com                 
                    if(sm == '')                 
                    document.all.yahoosmilepre.innerHTML = '';                 
                    else                 
                    document.all.yahoosmilepre.innerHTML = '<img src="http://komu-za-40.ucoz.kz/sm/'+sm+'.gif">';                 
}                 
</script>                 
<select size="1" id="yahoosmile" name="yahoo" onChange="smilepre(this.value);">                 
<option value="">нет</option>                 
<option value="1">>(</option>                 
<option value="2">:D</option>                 
<option value="3">B)</option>                 
<option value="4">:'(</option>                 
<option value="5"><_<</option>                 
<option value="6">^_^</option>                 
<option value="7">:(</option>                 
<option value="8">:)</option>                 
<option value="9">:o</option>                 
<option value="10">:p</option>                 
<option value="11">%)</option>                 
<option value="12">;)</option>                 
</select>                 
<div id="yahoosmilepre"></div>                 
</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>                 
<?endif?>

3) Управление дизайном > Редактирование шаблонов > Пользователи > Форма редактирования персональной информации
Находим
Код
<?if($YAHOO_FL$)?>                 
<tr id="siM15"><td class="manTd1" id="siM16">$YAHOO_SIGN$</td><td class="manTd2" id="siM17">$YAHOO_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>                 
<?endif?>

Меняем на
Код
<?if($YAHOO_FL$)?>                 
<tr id="siM15"><td class="manTd1" id="siM16">Смайл вашего настроения:</td>                 
<td class="manTd2" id="siM17">                 
<script>                 
function smilepre(sm)                 
{ //U.moodSmile - GamesMir.com                 
                    if(sm == '')                 
                    document.all.yahoosmilepre.innerHTML = '';                 
                    else                 
                    document.all.yahoosmilepre.innerHTML = '<img src="http://komu-za-40.ucoz.kz/sm/'+sm+'.gif">';                 
}                 
</script>                 
<select size="1" id="yahoosmile" name="yahoo" onChange="smilepre(this.value);">                 
<option value="">нет</option>                 
<option value="1">>(</option>                 
<option value="2">:D</option>                 
<option value="3">B)</option>                 
<option value="4">:'(</option>                 
<option value="5"><_<</option>                 
<option value="6">^_^</option>                 
<option value="7">:(</option>                 
<option value="8">:)</option>                 
<option value="9">:o</option>                 
<option value="10">:p</option>                 
<option value="11">%)</option>                 
<option value="12">;)</option>                 
</select>                 
<div id="yahoosmilepre"></div>                 
</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>                 
<?endif?>

4) Управление дизайном > Редактирование шаблонов > Пользователи > Персональная страница пользователя
Находим
Код
<?if($_YAHOO$)?>                 
<div id="block16" class="udtb"><div class="udtlb">Yahoo:</div> $_YAHOO$</div>                 
<?endif?>

Меняем на
Код
<?if($_YAHOO$)?>             
<div id="block16" class="udtb"><div class="udtlb">Смайл настроения:</div> <img src="http://komu-za-40.ucoz.kz/sm/$_YAHOO$.gif"></div>             
<?endif?>

5) Управление дизайном > Редактирование шаблонов > Форум > Вид материалов
Вставляйте после статуса, перед кодом
Код
<?if($YAHOO$)?><div>Смайл настроения: <img src="http://komu-za-40.ucoz.kz/sm/$YAHOO$.gif"></div><?endif?>

Примечание: В файловом менеджере создаем папку sm, и грузим свои смайлы - 12 шт.
Внимание! во всех кодах не забудьте заменить ссылку на свой сайт.
Материал подготовил: XemorDio
Страна: (RU)
FeStemBer
Среда, 11 Мая 2016 | Сообщение 2
Оффлайн
Проверенные
Сообщений:355
Награды: 1
Прикольно придумано. Это нужно папку создать и туда смайлы накидать и по времени они будут меняться, так понимаю.
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Cмайл вашего настроения для uCoz
  • Страница 1 из 1
  • 1
Поиск: