Дополнительный набор смайлов в одном окне со стандартными

Дополнительный набор смайлов в одном окне со стандартными (RC)

Автор: Romych

В html-верх:

Код:

<style type="text/css">
#wrapper {width: 600px;}
/* вкладки доп смайлов */
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>

В html-низ:

Код:

<!--дополнительные смайлы © Romych-->
<script language="javascript">
$(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"><p><img src="http://s50.radikal.ru/i130/1005/e1/662ba938bb48.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i070.radikal.ru/1005/c7/0e77ae8a9874.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s59.radikal.ru/i166/1005/2f/5b1c0605032a.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i054.radikal.ru/1005/f6/13dcca4f279d.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s58.radikal.ru/i162/1005/08/79b11cf81b88.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s40.radikal.ru/i090/1005/cb/0b8e124c46ca.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s40.radikal.ru/i089/1005/fd/24e1da52dcfb.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s41.radikal.ru/i091/1005/2a/096a46240cf1.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s005.radikal.ru/i212/1005/cc/d597ca076c7b.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s56.radikal.ru/i151/1005/a3/85c037c68925.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i072.radikal.ru/1005/6f/c90a718466a8.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i077.radikal.ru/1005/1d/a629f081ef7f.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i026.radikal.ru/1005/2e/917159b2b553.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s39.radikal.ru/i085/1005/59/3b7d4b4c6b05.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s005.radikal.ru/i210/1005/e0/5f5a0b2711e7.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s45.radikal.ru/i110/1005/ab/16bade9e8735.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i068.radikal.ru/1005/67/1e48518538b5.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s002.radikal.ru/i197/1005/69/bdd4beea1923.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s59.radikal.ru/i166/1005/5a/6bc6b02280ac.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i053.radikal.ru/1005/21/123a52ee0534.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s61.radikal.ru/i174/1005/29/606e8da4d6a3.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s59.radikal.ru/i166/1005/88/477afdf0dd76.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s43.radikal.ru/i099/1005/62/3c56a02b626c.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s52.radikal.ru/i136/1005/b2/aab2ba0a2bde.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s61.radikal.ru/i174/1005/94/78a759f0ae02.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s004.radikal.ru/i206/1005/66/606d70ff2218.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s19.radikal.ru/i192/1005/14/9422022b9bfc.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s05.radikal.ru/i178/1005/27/b73d7e039ad5.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s42.radikal.ru/i097/1005/39/9f636b1832c9.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i061.radikal.ru/1005/ba/3b89a947cb01.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s61.radikal.ru/i174/1005/4e/b5e2c635f00d.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i035.radikal.ru/1005/91/ed0ded51be72.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s45.radikal.ru/i107/1005/0f/bfae40718551.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i073.radikal.ru/1005/fa/96e053ab7c23.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s53.radikal.ru/i140/1005/e9/0768f063410c.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s49.radikal.ru/i123/1005/fc/fd0d83f120c1.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s004.radikal.ru/i205/1005/ff/334f3394a110.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s58.radikal.ru/i161/1005/3b/5e65a19efafb.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s09.radikal.ru/i182/1005/6e/44e8b1d40f2d.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i055.radikal.ru/1005/e9/c7983030c26e.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s39.radikal.ru/i083/1005/6d/57fd720cfce2.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i072.radikal.ru/1005/1f/61fabf24866d.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s40.radikal.ru/i087/1005/73/453c7686ee37.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s07.radikal.ru/i180/1005/93/8bb2128edf47.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://i066.radikal.ru/1005/89/131741843d79.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s50.radikal.ru/i130/1005/81/e7f6e0b690bb.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://s40.radikal.ru/i088/1005/f9/082cb1c36ed2.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /></p></div><div class="t3"><p><br><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/01.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/02.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/03.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/04.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/05.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/06.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/07.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/11.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/12.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/13.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/49.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/46.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/43.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/41.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/38.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/39.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/37.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/34.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/33.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/31.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/28.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/26.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/25.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/23.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/20.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/19.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/17.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/16.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/15.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/50.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/bandit.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/bug.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/fubar.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/rock.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/smoke.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /><img src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/swear.gif" onclick=smile(\'[url]\'+$(this).attr(\'src\')+\'[/url]\') /></p></div></div>');
$('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>

p.s. единственный минус у этого варианта в том, что код весьма запутан для неопытного пользователя и довольно сложно будет ему сделать вместо представленных в скрипте наборов смайлов, свои наборы,
есть идея как упростить код и сделать более понятным для чтения, но пока работаю над этим

Второй вариант стиля.

Дополнительный набор смайлов в одном окне со стандартными

В html-верх:

Код:

<style type="text/css">
#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://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>

Дополнительный набор смайлов v.2
(с возможностью легко менять наборы на свои)

В html-верху остаётся то же самое:

Код:

<style type="text/css">
#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://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>

В html-низ:

Код:

<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>Первый набор</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(\'[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>

Форум помощи пользователям

Меню навигации

Пользовательские ссылки

Информация о пользователе

Дополнительный набор смайлов в одном окне со стандартными

Сообщений 1 страница 1 из 1

Поделиться12012-07-19 10:56:38