Дополнительный набор смайлов v.2
(с возможностью легко менять наборы на свои)Romych
в html-фрму ответа
смайлики при желании меняем на свои
<style type="text/css"> #wrapper {width: 400px;} /* вкладки доп смайлов */ 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> <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://np.est-forum.ru/files/0011/ee/8b/43806.gif', 'http://np.est-forum.ru/files/0011/ee/8b/63685.gif', 'http://np.est-forum.ru/files/0011/ee/8b/71982.gif', 'http://np.est-forum.ru/files/0011/ee/8b/29007.gif', 'http://np.est-forum.ru/files/0011/ee/8b/29525.gif', 'http://np.est-forum.ru/files/0011/ee/8b/40321.gif', 'http://np.est-forum.ru/files/0011/ee/8b/89228.gif', 'http://np.est-forum.ru/files/0011/ee/8b/40350.gif', 'http://np.est-forum.ru/files/0011/ee/8b/38329.gif', 'http://np.est-forum.ru/files/0011/ee/8b/74572.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>Первый набор</a></li><li class="t2"><a>Второй набор</a></li><li class="t3"><a>Третий набор</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(\'[img]'+nabor2[i]+'[/img]\') />'); }); $.each(nabor3, function(i) { $('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'[img]'+nabor3[i]+'[/img]\') />'); }); $('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>
var nabor3, var nabor2 - вторая и третяя вкладка смайлов