Additional set of smilies in the window of standard ones
Adds additional tabs with your own pictures in the smilies window.
Author: Romych
Platform: MyBB
Put the style of a window in html-top (Admin > Options: 1st form)
Type 1:
<style type="text/css"> #wrapper {width: 600px;} /* additional smilies inserts */ ul.tabs {height: 25px;line-height: 25px;margin: 0 0 3px;list-style: none;} ul.tabs li {float: left;margin-right: 1px; cursor:pointer;} ul.tabs li a {display: block;padding: 0 13px 1px;margin-bottom: -1px;color: #444;text-decoration: none;cursor: pointer;background: #F9F9F9;border: 1px solid #EFEFEF;border-bottom: 1px solid #F9F9F9;position: relative;} * html ul.tabs li a {float: left} *+html ul.tabs li a {float: left} ul.tabs li a:hover {color: #F70;padding: 0 13px;background: #FFFFDF;border: 1px solid #FFCA95;} ul.tabs li.tab-current a {color: #444;background: #EFEFEF;padding: 0px 13px 2px;border: 1px solid #DDD;border-bottom: 1px solid #EFEFEF;} div.t2,div.t3 {display: none;width: 450px;} </style>
Type 2:
<style type="text/css"> #wrapper {width: 600px;} /* additional smilies inserts */ ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;} ul.tabs li {float: left;margin-right: 1px; cursor:pointer;} ul.tabs li a {background: url("http://flowplayer.org/img/global/tabs.png") no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;} ul.tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://flowplayer.org/img/global/tabs.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;} ul.tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;background-position: -652px -62px;} ul.tabs li.tab-current a:hover {color: #6A5ACD;} div.t2,div.t3 {display: none;width: 450px;} </style>
Put this script in html-bottom (Admin > Options: 2nd form):
<script type="text/javascript"> var nabor2 = ['http://savepic.net/428106.gif', 'http://savepic.net/426058.gif', 'http://savepic.net/433226.gif', 'http://savepic.net/419914.gif', 'http://savepic.net/420938.gif', 'http://savepic.net/424010.gif', 'http://savepic.net/422986.gif', 'http://savepic.net/416842.gif', 'http://savepic.net/402506.gif', 'http://savepic.net/396362.gif', 'http://savepic.net/453709.gif', 'http://savepic.net/451661.gif', 'http://savepic.net/454733.gif', 'http://savepic.net/455757.gif', 'http://savepic.net/445517.gif', 'http://savepic.net/448589.gif', 'http://savepic.net/446541.gif', 'http://savepic.net/437325.gif', 'http://savepic.net/440397.gif', 'http://savepic.net/428109.gif', 'http://savepic.net/426061.gif', 'http://savepic.net/432205.gif', 'http://savepic.net/430157.gif', 'http://savepic.net/419917.gif', 'http://savepic.net/427084.gif', 'http://savepic.net/432204.gif', 'http://savepic.net/430156.gif', 'http://savepic.net/431180.gif', 'http://savepic.net/420940.gif', 'http://savepic.net/417868.gif', 'http://savepic.net/424012.gif', 'http://savepic.net/425036.gif', 'http://savepic.net/421964.gif', 'http://savepic.net/412748.gif', 'http://savepic.net/409676.gif', 'http://savepic.net/410700.gif', 'http://savepic.net/416844.gif', 'http://savepic.net/414796.gif', 'http://savepic.net/404556.gif', 'http://savepic.net/402508.gif', 'http://savepic.net/407628.gif', 'http://savepic.net/408652.gif', 'http://savepic.net/406604.gif', 'http://savepic.net/393292.gif', 'http://savepic.net/399436.gif', 'http://savepic.net/397388.gif']; var nabor3 = ['http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/1.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/2.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/3.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/4.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/5.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/6.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/7.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/8.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/9.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/10.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/11.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/12.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/13.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/14.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/15.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/16.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/17.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/18.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/19.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/20.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/21.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/22.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/23.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/24.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/25.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/26.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/27.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/28.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/29.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/30.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/31.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/32.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/33.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/34.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/35.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/36.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/37.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/38.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/39.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/41.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/43.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/46.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/49.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/50.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/bandit.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/bug.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/fubar.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/rock.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/smoke.gif', 'http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/swear.gif']; $(document).ready(function() { $('#smilies-block').addClass('t1'); $('#smilies-area').prepend('<div id="wrapper"><ul class="tabs tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t1 tab-current"><a>First type</a></li><li class="t2"><a>Second type</a></li><li class="t3"><a>Third type</a></li></ul><div class="t2"></div><div class="t3"><br></div></div>'); $.each(nabor2, function(i) { $('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'[url]'+nabor2[i]+'[/url]\') />'); }); $.each(nabor3, function(i) { $('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'[url]'+nabor3[i]+'[/url]\') />'); }); $('ul.tabs.tabs1 li').click(function(){ var thisClass = this.className.slice(0,2); $('div.t1, div.t2, div.t3').hide(); $('div.' + thisClass).fadeToggle('slow'); $('ul.tabs.tabs1 li').removeClass('tab-current'); $(this).addClass('tab-current'); }); }); </script>
Change the smilies links for your own ones.
Additional set of smilies in the window of standard ones
Deff’s script modification
Author: Deff
Software: MyBB
Advantages:
1. No downloading without smilies icon click
2. Simpler adding of new smilies
In html-bottom (Admin > Options: 2nd form):
<!--additional smilies © Romych-->
<style type="text/css">
/* additional smilies inserts */
#wrapper {width: 600px;}
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png") no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;}
ul.tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;background-position: -652px -62px;}
ul.tabs li.tab-current a:hover {color: #6A5ACD;}
div.t2,div.t3 {display: none;width: 450px;}
</style>
<!--additional smilies © Romych-->
<script language="javascript">
$(document).ready(function() {
if($('#smilies-block').length==0) return false;
$('#smilies-block').addClass('t1');
function abc(){/*==123==;
<div id="wrapper">
<ul class="tabs tabs1"><li class="t1 tab-current"><a>First type</a></li><li class="t2"><a>Second type</a></li><li class="t3"><a>Third type</a></li></ul>
<div class="t2"><p></p></div><div class="t3"><p><br></p></div>
</div> ==123==;*/} abc = abc.toString().split('==123==;')[1];
$(abc).prependTo('#smilies-area');
function abc1(){//Second smilies set;
/*==123==;
http://i070.radikal.ru/1005/c7/0e77ae8a9874.gif
http://s59.radikal.ru/i166/1005/2f/5b1c0605032a.gif
http://i054.radikal.ru/1005/f6/13dcca4f279d.gif
http://s56.radikal.ru/i151/1005/a3/85c037c68925.gif
==123==;*/} abc1 = abc1.toString().split('==123==;')[1];
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var tgEnd = '" onclick="smile('+bb+')" />';
function abc2(){//Third smilies set;
/*==123==;
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/01.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/02.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/03.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/04.gif
http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/05.gif
==123==;*/} abc2 = abc2.toString().split('==123==;')[1];
$('#button-smile').one('click',function(){
abc1=abc1.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
abc2=abc2.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
$(abc1).prependTo('#smilies-area div.t2');
$(abc2).prependTo('#smilies-area div.t3');
});
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1, div.t2, div.t3').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
return false;
}); });
</script>