Вот есть у меня скрипт.
Свернутый текст
Код:<!-- Смайлы в форму ответа --> <script type="text/javascript"> var nabor2 = [ 'http://uploads.ru/i/O/7/o/O7opj.gif', 'http://s1.uploads.ru/i/xsEvT.gif', 'http://s1.uploads.ru/i/29Rju.gif', 'http://uploads.ru/i/k/X/G/kXGTI.gif', 'http://s1.uploads.ru/i/5ZFkG.gif', 'http://s1.uploads.ru/i/Njtwv.gif', 'http://uploads.ru/i/j/M/l/jMlPe.gif', 'http://s1.uploads.ru/i/Mmj0E.gif', 'http://uploads.ru/i/y/n/Z/ynZm2.gif', 'http://uploads.ru/i/z/M/f/zMfIc.gif', 'http://uploads.ru/i/d/Q/Y/dQYSp.gif', 'http://uploads.ru/i/z/U/e/zUe1x.gif', 'http://uploads.ru/i/S/K/L/SKLl4.gif', 'http://uploads.ru/i/0/Y/r/0Yr6V.gif', 'http://s1.uploads.ru/i/aE79T.gif', 'http://uploads.ru/i/Y/h/d/YhdRz.gif', 'http://uploads.ru/i/D/n/Y/DnYrx.gif', 'http://s1.uploads.ru/i/TWdlZ.gif', 'http://uploads.ru/i/K/R/C/KRCFT.gif', 'http://uploads.ru/i/h/g/Z/hgZes.gif', 'http://uploads.ru/i/r/3/G/r3Gwz.gif', 'http://uploads.ru/i/n/V/d/nVdxX.gif', 'http://uploads.ru/i/F/k/J/FkJXV.gif', 'http://uploads.ru/i/r/9/w/r9weH.gif', 'http://uploads.ru/i/B/L/K/BLK7s.gif', 'http://uploads.ru/i/x/N/w/xNwzY.gif', 'http://uploads.ru/i/6/9/G/69GNU.gif', 'http://uploads.ru/i/8/w/A/8wArX.gif', 'http://uploads.ru/i/n/2/k/n2kcv.gif', 'http://uploads.ru/i/f/F/I/fFIHj.gif', 'http://uploads.ru/i/d/I/5/dI5Z1.gif', 'http://uploads.ru/i/M/c/4/Mc4AW.gif', 'http://uploads.ru/i/L/s/h/LshJS.gif', 'http://s1.uploads.ru/i/XbYj9.gif', 'http://uploads.ru/i/n/Y/J/nYJDI.gif', 'http://uploads.ru/i/u/9/i/u9iaU.gif', 'http://s1.uploads.ru/i/C2Xyt.gif', 'http://uploads.ru/i/4/D/V/4DVhx.gif', 'http://s1.uploads.ru/i/pxwi4.gif', 'http://s1.uploads.ru/i/xbjpu.gif']; var nabor3 = ['http://uploads.ru/i/X/E/e/XEe9r.png', 'http://uploads.ru/i/V/8/j/V8jb3.png', 'http://uploads.ru/i/d/N/g/dNg8D.png', 'http://uploads.ru/i/w/X/U/wXU5G.png', 'http://uploads.ru/i/s/Q/U/sQU5m.png', 'http://uploads.ru/i/l/S/d/lSdYu.png', 'http://uploads.ru/i/y/T/Y/yTYcW.png', 'http://uploads.ru/i/T/J/p/TJpQ5.png', 'http://uploads.ru/i/g/v/N/gvNux.png', 'http://uploads.ru/i/5/n/D/5nDpP.png', 'http://uploads.ru/i/J/I/W/JIW1b.png', 'http://uploads.ru/i/T/d/r/Tdrhx.png', 'http://uploads.ru/i/7/f/y/7fyaX.png', 'http://uploads.ru/i/G/x/2/Gx2gS.png', 'http://uploads.ru/i/4/6/h/46hJg.png', 'http://uploads.ru/i/Z/N/q/ZNqXB.gif', 'http://uploads.ru/i/e/C/J/eCJEb.gif', 'http://uploads.ru/i/J/k/c/JkcYb.gif', 'http://uploads.ru/i/U/g/C/UgCZP.gif', 'http://uploads.ru/i/z/I/w/zIwkR.gif', 'http://uploads.ru/i/y/T/t/yTtKw.gif', 'http://uploads.ru/i/L/R/O/LROtq.gif', 'http://uploads.ru/i/o/4/z/o4z2D.gif', 'http://uploads.ru/i/F/D/E/FDERI.gif', 'http://uploads.ru/i/p/Z/u/pZuXP.gif', 'http://uploads.ru/i/j/c/0/jc0tS.gif', 'http://uploads.ru/i/r/9/U/r9UXE.gif', 'http://uploads.ru/i/K/I/3/KI32G.gif', 'http://uploads.ru/i/c/E/w/cEwaA.gif', 'http://s1.uploads.ru/i/Tro49.gif', 'http://s1.uploads.ru/i/U9WQI.png', 'http://s1.uploads.ru/i/fH6UR.gif']; $(document).ready(function() { $('#smilies-block').addClass('t1'); $('#smilies-area').prepend('<div id="wrapper"><ul class="tabs8 tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t1 tab-current8"><a>MYBB</a></li><li class="t2"><a>DEVIANTART</a></li><li class="t3"><a>FU</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.tabs8.tabs1 li').click(function(){ var thisClass = this.className.slice(0,2); $('div.t1, div.t2, div.t3').hide(); $('div.' + thisClass).fadeToggle('slow'); $('ul.tabs8.tabs1 li').removeClass('tab-current8'); $(this).addClass('tab-current8'); }); }); $('#smilies-block').css({"display":"block", "overflow-x":"hidden", "overflow-y":"auto", "height":"160px!important"}); $('#smilies-area').css({"overflow-x":"hidden", "overflow-y":"auto", "height":"160px!important"}); </script>CSSКод:<style type="text/css"> #wrapper {width: 600px;} /* вкладки доп смайлов */ ul.tabs8 {height: 25px;line-height: 25px;margin: 0 0 3px;list-style: none;} ul.tabs8 li {float: left;margin-right: 1px; cursor:pointer;} ul.tabs8 li a {display: block;padding: 0 13px 0px;color: #block;text-decoration: none;cursor: pointer;background: #fafafa;border: 1px solid #f0ecd7;position: relative;} * html ul.tabs8 li a {float: left} *+html ul.tabs8 li a {float: left} ul.tabs8 li a:hover {color: #c4c4c4;padding: 0 13px;background: #fafafa;border: 1px solid #eeead9;} ul.tabs8 li.tab-current8 a {color: #454545;background: #ededed;padding: 0px 13px 0px;border: 1px solid #d9d9d9;} div.t1, div.t2, div.t3 {display: none;width: 450px; background: #ededed; padding: 3px 3px 3px 3px;border: 1px solid #cecece;} </style>
Мне бы хотелось его переделать так, чтобы блок стандартных смайлов остался наверху (как если бы без скрипта), а две другие кнопочки с наборами перенести вправо. Остальные пояснения на эскизе:
Дефф, к тебе, наверное. Сделаешь? 
