uSmiles by $USERNAME$ - Форум

23:09

МИНИ-ЧАТ

| RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

uSmiles by $USERNAME$

uSmiles by $USERNAME$

Дата: Вторник, 24.08.2010, 12:47 | Сообщение # 1

Admin

Группа: Администраторы

Сообщений: 145

Репутация: 32767

Статус: Offline

Суть скрипта: делает панель со смайлами, при прокрутке которой можно увидеть другие смайлы. В-общем, вот пример: 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$.

=======Я УЗНАЛ , ЧТО У МЕНЯ , ЕСТЬ ОГРОМНАЯ СЕМЬЯ=====
=====МОНИТОР, СИСТЕМНЫЙ БЛОК , В СЕТЬ ВОТКНУЛ Я ПРОВОДОК===
======ВИНДОУС, НЕБО ГОЛУБОЕ , ЭТО ВСЁ МОЁ, РОДНОЕ======
======БЕЗ ИНЕТА ЖИТЬ НЕЛЬЗЯ, ЭТО РОДИНА МОЯ!!!=======

Домашняя страница

uSmiles by $USERNAME$

Страница 1 из 1
1

Copyright MyCorp © 2006

Хостинг от uCoz