[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Форум » uSmiles by $USERNAME$ (uSmiles by $USERNAME$)
uSmiles by $USERNAME$
SweeXДата: Четверг, 01.07.2010, 14:21 | Сообщение # 1
Полковник
Сообщений: 150
Суть скрипта: делает панель со смайлами, при прокрутке которой можно увидеть другие смайлы. В-общем, вот пример: http://qlib.ucoz.ru/smiles.html

Установка:

1. Данный код поставить там, где вы хотите видеть смайлы:

Code
<div class="scroll" id="up"></div>
<div id="smiles" style="height: 100px; width: 80px; overflow-y: hidden; border: 1px solid black;">
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />

</div>
<div class="scroll"></div>

Ссылки на смайлы заменить на свои. s(':Bukas:'); — то, что будет вставляться в сообщение при нажатии на смайл.

2. CSS:

Code
div.scroll {
   width: 82px; height: 10px; background: orange; cursor: pointer;
}

3. JavaScript (в конец шаблона добавления сообщения):

Code
<script type="text/javascript">
   $('div.scroll').click(function () {
    $('#smiles').animate({ scrollTop: (this.id == 'up' ? '-=' : '+=') + '20px' }, 1000);
   });
   function s(j) {
    document.getElementById('message').value += j;
   }
</script>

С вами был $USERNAME$.

Форум » Скрипты для uCoz » Форум » uSmiles by $USERNAME$ (uSmiles by $USERNAME$)
  • Страница 1 из 1
  • 1
Поиск: