» »

Stickers v.2 на Форум для сайта uCoz

Stickers v.2 на Форум для сайта uCoz

Вторая версия системы Стикеров для сайта uCoz, данный материал устанавливаются на модуль Форум, в виде BB-Кнопки, как дополнение. Во второй версии, добавлена еще одна кнопка со стикерами. Такой вариант стикеров, может понравиться многим, так как он выглядит стильно, и без каких либо проблем. Данный вариант использует JavaScript. Стикеры нужно скачивать. Во второй версии JavaScript, был дописан автором, строго не судите. Специально для системы uCoz.

Форум/Форма добавления сообщения. После $BBCODES$ прописать данный код.

Код
<span style="padding-right:1px;"><input type="button" class="codeButtons" id="stickers1" value="Стикеры" title="Открыть стикеры"></span>  
<span style="padding-right:1px;"><input type="button" class="codeButtons" id="stickers2" value="Аниме" title="Открыть стикеры"></span>  

<script type="text/javascript">  
$(document).ready(function(){  
$('#stickers1').click(function(){  
$('.stickers1-win').slideToggle('slow');  
});  
$('.sticker1').click(function(){  
$('.stickers1-win').fadeOut();  
});  
});  
$(document).ready(function(){  
$('#stickers2').click(function(){  
$('.stickers2-win').slideToggle('slow');  
});  
$('.sticker2').click(function(){  
$('.stickers2-win').fadeOut();  
});  
});  
</script>  

<div class="stickers1-win" style="display: none;" title="">  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/1.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/1.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/2.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/2.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/3.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/3.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/4.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/4.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/5.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/5.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/6.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/6.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/7.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/7.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/8.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/8.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/9.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/9.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/10.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/10.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/11.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/11.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/12.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/12.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/13.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/13.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/14.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/14.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/15.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/15.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/16.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/16.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/17.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/17.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/18.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/18.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/19.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/19.png" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/20.png[/img]');return false;" title="">  
<img src="/designs_1/stickers/20.png" height="40" width="40" class="sticker1" title="">  
</a>  
</div>  
   
<div class="stickers2-win" style="display: none;" title="">  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/1.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/1.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/2.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/2.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/3.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/3.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/4.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/4.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/5.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/5.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/6.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/6.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/7.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/7.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/8.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/8.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/9.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/9.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/10.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/10.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/11.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/11.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/12.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/12.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/13.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/13.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/14.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/14.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/15.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/15.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/16.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/16.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/17.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/17.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/18.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/18.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/19.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/19.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/20.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/20.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/21.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/21.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/22.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/22.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/23.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/23.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/24.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/24.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/25.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/25.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/26.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/26.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/27.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/27.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/28.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/28.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/29.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/29.gif" height="40" width="40" class="sticker1" title="">  
</a>  
<a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[img]/designs_1/stickers/anime/30.gif[/img]');return false;" title="">  
<img src="/designs_1/stickers/anime/30.gif" height="40" width="40" class="sticker1" title="">  
</a>  
</div>  

<style>.stickers1-win {overflow:hidden;padding:15px 0 0 0;}  
.stickers2-win {overflow:hidden;padding:15px 0 0 0;}</style>

До этого была «Первая версия скрипта»

(rip Бармен) - он же JoniDen.
01.05.2017 Загрузок: 5 Просмотров: 526 Комментарий: (8)

Поделиться в социальных сетях

Материал разместил

Комментарий: 8
Kolinkor
Kolinkor 01.05.2017 23:111
0
Что Stickers стали так популярны, или просто как приложение к ответу делают.
JoniDen
JoniDen 01.05.2017 23:142
0
Я просто решил потестировать себя в JS, и вроде получилось. Вот и добавил на данный сайт. Скажу сразу я не идеал в JS.
Scheme
Scheme 01.05.2017 23:383
+1
Так проверить быстро можно.)
Kosten
Kosten 01.05.2017 23:554
0
Но скрин то от куда, видать проверен был.;
JoniDen
JoniDen 02.05.2017 10:217
0
Я проверяю на своём сайте, который в данный момент на тех.работах.
csafrones
csafrones 02.05.2017 01:435
0
Но это отлично, когда не одни смайлы можно добавить. Пока не ставил и не знаю, просто недавно ставил код такой и кроме картинки там не написать и все автоматически отправляет, что не удобно, а как здесь, кто ставил.
JoniDen
JoniDen 02.05.2017 10:206
0
Тут можно и написать, картинка автоматически не отправиться.
Start
Start 02.05.2017 12:238
0
Хороший материал!
avatar