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

Страница: 1 2 3 … 23 »

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

Поделиться1Чт, 20 Янв 2011 00:54:03

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2704
Уважение: +4063
Позитив: +2368
Пол: Мужской
Последний визит:
Чт, 18 Апр 2024 10:36:31

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

в html-низ или в HTML в форме ответа:

Код:

<!--дополнительные смайлы v.3.1 © Romych-->
<style type="text/css">
#wrapper{left:-10px;position:relative;width:500px;}
.tabs{height:22px;line-height:21px;margin:0 0 3px;list-style:none;}
 .tabs li{float:left;cursor:pointer;}
.tabs li a{background:transparent url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0 0/cover;color:#444;display:block;margin-bottom:-1px;padding:0 5px 1px;position:relative;text-align:center;text-decoration:none;width:70px;}
.tabs li a:hover{color:#efefef;background:url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0-22.1px/cover;text-decoration:none;}
.tabs li.active a{color:#444;border:medium hidden;line-height:22px;background-position:0 -43.5px;}
.tabs li.active a:hover{color:#6A5ACD;}
#smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;}
</style>
<script type="text/javascript">
var nabor=[];

nabor['Пёс'] = [
'http://funkyimg.com/i/2vSCp.png',
'http://funkyimg.com/i/2vSCq.png',
'http://funkyimg.com/i/2vSCr.png',
'http://funkyimg.com/i/2vSCs.png',
'http://funkyimg.com/i/2vSCu.png',
'http://funkyimg.com/i/2vSCv.png',
'http://funkyimg.com/i/2vSCw.png',
'http://funkyimg.com/i/2vSCx.png',
'http://funkyimg.com/i/2vSCy.png',
'http://funkyimg.com/i/2vSCD.png',
'http://funkyimg.com/i/2vSCE.png',
'http://funkyimg.com/i/2vSCF.png',
'http://funkyimg.com/i/2vSCG.png',
'http://funkyimg.com/i/2vSCH.png',
'http://funkyimg.com/i/2vSCV.png',
'http://funkyimg.com/i/2vSCW.png',
'http://funkyimg.com/i/2vSCX.png',
'http://funkyimg.com/i/2vSCY.png',
'http://funkyimg.com/i/2vSCZ.png',
'http://funkyimg.com/i/2vSDm.png',
'http://funkyimg.com/i/2vSDn.png',
'http://funkyimg.com/i/2vSDo.png',
'http://funkyimg.com/i/2vSDp.png',
'http://funkyimg.com/i/2vVqx.png',
'http://funkyimg.com/i/2vVqy.png',
'http://funkyimg.com/i/2vVqz.png',
'http://funkyimg.com/i/2vVqA.png',
'http://funkyimg.com/i/2vVqB.png',
'http://funkyimg.com/i/2vVqC.png',
'http://funkyimg.com/i/2vVqD.png',
'http://funkyimg.com/i/2vVqE.png',
'http://funkyimg.com/i/2vVqF.png',
'http://funkyimg.com/i/2vVqG.png',
'http://funkyimg.com/i/2vVqQ.png',
'http://funkyimg.com/i/2vVqR.png',
'http://funkyimg.com/i/2vVqS.png',
'http://funkyimg.com/i/2vVqT.png',
'http://funkyimg.com/i/2vVqU.png',
'http://funkyimg.com/i/2vVqV.png',
'http://funkyimg.com/i/2vVqW.png',
'http://funkyimg.com/i/2vVqX.png',
'http://funkyimg.com/i/2vVqY.png',
'http://funkyimg.com/i/2vVqZ.png',
'http://funkyimg.com/i/2vVr3.png',
'http://funkyimg.com/i/2vVr4.png',
'http://funkyimg.com/i/2vVr5.png',
'http://funkyimg.com/i/2vVr6.png',
'http://funkyimg.com/i/2vVr7.png'];
 
nabor['Хомяк'] = ['http://i.imgur.com/aioynLZ.png',
'http://i.imgur.com/mcWR5K3.png',
'http://i.imgur.com/kQDOI2O.png',
'http://i.imgur.com/I2yC49f.png',
'http://i.imgur.com/qk4Wagp.png',
'http://i.imgur.com/mEe8oKA.png',
'http://i.imgur.com/5tyDr4a.png',
'http://i.imgur.com/APXtwMZ.png',
'http://i.imgur.com/I3LGzO3.png',
'http://i.imgur.com/mtul7B5.png',
'http://i.imgur.com/26yG9OL.png',
'http://i.imgur.com/xX8X8Gw.png',
'http://i.imgur.com/A8f4EJh.png',
'http://i.imgur.com/VyzdqsL.png',
'http://i.imgur.com/tUeSTIZ.png',
'http://i.imgur.com/BiyhxPy.png',
'http://i.imgur.com/oP35Thb.png',
'http://i.imgur.com/eLbTgxH.png',
'http://i.imgur.com/5LjQICq.png',
'http://i.imgur.com/6ZyLmUq.png',
'http://i.imgur.com/g5YDYls.png',
'http://i.imgur.com/44XohXz.png',
'http://i.imgur.com/YkKuIrH.png',
'http://i.imgur.com/XH1E3nJ.png',
'http://i.imgur.com/LQOOl7M.png',
'http://i.imgur.com/Fa6urM5.png',
'http://i.imgur.com/MfE1lPj.png',
'http://i.imgur.com/OMOzYAf.png',
'http://i.imgur.com/rRDnSmF.png',
'http://i.imgur.com/n4dTSM8.png',
'http://i.imgur.com/wy3ylYT.png',
'http://i.imgur.com/V8CdY05.png',
'http://i.imgur.com/MS02nMv.png',
'http://i.imgur.com/8HJwcXa.png',
'http://i.imgur.com/b7t6cIv.png',
'http://i.imgur.com/SawNVXe.png',
'http://i.imgur.com/4dUudSd.png',
'http://i.imgur.com/hsg2DyH.png',
'http://i.imgur.com/lFpXXLI.png',
'http://i.imgur.com/pZjh7iG.png',
'http://i.imgur.com/MqQAa2Z.png',
'http://i.imgur.com/2IQzS6G.png'
];

nabor['Vk'] = [
'http://funkyimg.com/i/2vV91.png',
'http://funkyimg.com/i/2vV92.png',
'http://funkyimg.com/i/2vV93.png',
'http://funkyimg.com/i/2vV94.png',
'http://funkyimg.com/i/2vV96.png',
'http://funkyimg.com/i/2vV97.png',
'http://funkyimg.com/i/2vV99.png',
'http://funkyimg.com/i/2vV98.png',
'http://funkyimg.com/i/2vV9a.png',
'http://funkyimg.com/i/2vV95.png',
'http://funkyimg.com/i/2vV9u.png',
'http://funkyimg.com/i/2vV9w.png',
'http://funkyimg.com/i/2vV9v.png',
'http://funkyimg.com/i/2vV9x.png',
'http://funkyimg.com/i/2vV9y.png',
'http://funkyimg.com/i/2vV9z.png',
'http://funkyimg.com/i/2vV9S.png',
'http://funkyimg.com/i/2vV9T.png',
'http://funkyimg.com/i/2vV9U.png',
'http://funkyimg.com/i/2vV9V.png',
'http://funkyimg.com/i/2vV9W.png',
'http://funkyimg.com/i/2vVaj.png',
'http://funkyimg.com/i/2vVak.png',
'http://funkyimg.com/i/2vVam.png',
'http://funkyimg.com/i/2vVan.png',
'http://funkyimg.com/i/2vVao.png',
'http://funkyimg.com/i/2vVap.png',
'http://funkyimg.com/i/2vVaq.png',
'http://funkyimg.com/i/2vVar.png',
'http://funkyimg.com/i/2vVas.png',
'http://funkyimg.com/i/2vVav.png',
'http://funkyimg.com/i/2vVaL.png',
'http://funkyimg.com/i/2vVaK.png',
'http://funkyimg.com/i/2vVaY.png',
'http://funkyimg.com/i/2vVb6.png',
'http://funkyimg.com/i/2vVb7.png',
'http://funkyimg.com/i/2vVb8.png',
'http://funkyimg.com/i/2vVb5.png',
'http://funkyimg.com/i/2vVb4.png',
'http://funkyimg.com/i/2vVb3.png',
'http://funkyimg.com/i/2vVb2.png',
'http://funkyimg.com/i/2vVb1.png',
'http://funkyimg.com/i/2vVaZ.png',
'http://funkyimg.com/i/2vVbk.png',
'http://funkyimg.com/i/2vVbn.png',
'http://funkyimg.com/i/2vVbm.png',
'http://funkyimg.com/i/2vVbH.png',
'http://funkyimg.com/i/2vVbJ.png',
'http://funkyimg.com/i/2vVbR.png',
'http://funkyimg.com/i/2vVbS.png',
'http://funkyimg.com/i/2vVbQ.png',
'http://funkyimg.com/i/2vVbK.png',
'http://funkyimg.com/i/2vVbL.png',
'http://funkyimg.com/i/2vVbM.png',
'http://funkyimg.com/i/2vVbN.png',
'http://funkyimg.com/i/2vVbP.png',
'http://funkyimg.com/i/2vVc1.png',
'http://funkyimg.com/i/2vVc2.png',
'http://funkyimg.com/i/2vVc3.png',
'http://funkyimg.com/i/2vVc4.png',
'http://funkyimg.com/i/2vVc7.png',
'http://funkyimg.com/i/2vVc8.png',
'http://funkyimg.com/i/2vVc5.png',
'http://funkyimg.com/i/2vVca.png',
'http://funkyimg.com/i/2vVc9.png',
'http://funkyimg.com/i/2vVcs.png',
'http://funkyimg.com/i/2vVct.png',
'http://funkyimg.com/i/2vVcu.png',
'http://funkyimg.com/i/2vVcv.png',
'http://funkyimg.com/i/2vVcB.png',
'http://funkyimg.com/i/2vVcA.png',
'http://funkyimg.com/i/2vVcy.png',
'http://funkyimg.com/i/2vVcx.png',
'http://funkyimg.com/i/2vVcM.png',
'http://funkyimg.com/i/2vVcz.png',
'http://funkyimg.com/i/2vVdg.png',
'http://funkyimg.com/i/2vVdh.png',
'http://funkyimg.com/i/2vVdn.png',
'http://funkyimg.com/i/2vVdo.png',
'http://funkyimg.com/i/2vVdq.png',
'http://funkyimg.com/i/2vVdp.png',
'http://funkyimg.com/i/2vVdr.png',
'http://funkyimg.com/i/2vVds.png',
'http://funkyimg.com/i/2vVdt.png',
'http://funkyimg.com/i/2vVdu.png',
'http://funkyimg.com/i/2vVdC.png',
'http://funkyimg.com/i/2vVdD.png',
'http://funkyimg.com/i/2vVdE.png',
'http://funkyimg.com/i/2vVdF.png',
'http://funkyimg.com/i/2vVdG.png',
'http://funkyimg.com/i/2vVdK.png',
'http://funkyimg.com/i/2vVdL.png',
'http://funkyimg.com/i/2vVdM.png',
'http://funkyimg.com/i/2vVdN.png',
'http://funkyimg.com/i/2vVdP.png',
'http://funkyimg.com/i/2vVdQ.png',
'http://funkyimg.com/i/2vVdR.png',
'http://funkyimg.com/i/2vVdS.png',
'http://funkyimg.com/i/2vVdT.png',
'http://funkyimg.com/i/2vVef.png',
'http://funkyimg.com/i/2vVeg.png',
'http://funkyimg.com/i/2vVeh.png',
'http://funkyimg.com/i/2vVei.png',
'http://funkyimg.com/i/2vVej.png',
'http://funkyimg.com/i/2vVek.png',
'http://funkyimg.com/i/2vVeo.png',
'http://funkyimg.com/i/2vVev.png',
'http://funkyimg.com/i/2vVew.png',
'http://funkyimg.com/i/2vVez.png',
'http://funkyimg.com/i/2vVeA.png',
'http://funkyimg.com/i/2vVeB.png',
'http://funkyimg.com/i/2vVeC.png',
'http://funkyimg.com/i/2vVeD.png',
'http://funkyimg.com/i/2vVeE.png',
'http://funkyimg.com/i/2vVeF.png',
'http://funkyimg.com/i/2vVeG.png',
'http://funkyimg.com/i/2vVf1.png',
'http://funkyimg.com/i/2vVeZ.png',
'http://funkyimg.com/i/2vVf3.png',
'http://funkyimg.com/i/2vVf4.png',
'http://funkyimg.com/i/2vVf5.png',
'http://funkyimg.com/i/2vVf2.png',
'http://funkyimg.com/i/2vVf7.png',
'http://funkyimg.com/i/2vVf6.png',
'http://funkyimg.com/i/2vVf9.png',
'http://funkyimg.com/i/2vVf8.png',
'http://funkyimg.com/i/2vVfn.png',
'http://funkyimg.com/i/2vVfo.png',
'http://funkyimg.com/i/2vVfp.png',
'http://funkyimg.com/i/2vVfq.png',
'http://funkyimg.com/i/2vVfr.png',
'http://funkyimg.com/i/2vVft.png',
'http://funkyimg.com/i/2vVfu.png',
'http://funkyimg.com/i/2vVfv.png',
'http://funkyimg.com/i/2vVfw.png',
'http://funkyimg.com/i/2vVfx.png',
'http://funkyimg.com/i/2vVfy.png',
'http://funkyimg.com/i/2vVfz.png',
'http://funkyimg.com/i/2vVhT.png',
'http://funkyimg.com/i/2vVhU.png',
'http://funkyimg.com/i/2vVhW.png',
'http://funkyimg.com/i/2vVhX.png',
'http://funkyimg.com/i/2vVhY.png',
'http://funkyimg.com/i/2vVi1.png',
'http://funkyimg.com/i/2vVi2.png',
'http://funkyimg.com/i/2vVhZ.png',
'http://funkyimg.com/i/2vVi3.png',
'http://funkyimg.com/i/2vVi5.png',
'http://funkyimg.com/i/2vVi6.png',
'http://funkyimg.com/i/2vVi7.png',
'http://funkyimg.com/i/2vVi9.png',
'http://funkyimg.com/i/2vVi8.png',
'http://funkyimg.com/i/2vVia.png',
'http://funkyimg.com/i/2vVic.png',
'http://funkyimg.com/i/2vVid.png',
'http://funkyimg.com/i/2vVie.png',
'http://funkyimg.com/i/2vVif.png',
'http://funkyimg.com/i/2vVig.png',
'http://funkyimg.com/i/2vViM.png',
'http://funkyimg.com/i/2vViN.png',
'http://funkyimg.com/i/2vViP.png',
'http://funkyimg.com/i/2vViQ.png',
'http://funkyimg.com/i/2vViR.png',
'http://funkyimg.com/i/2vViS.png',
'http://funkyimg.com/i/2vViT.png',
'http://funkyimg.com/i/2vViU.png',
'http://funkyimg.com/i/2vViX.png',
'http://funkyimg.com/i/2vViY.png',
'http://funkyimg.com/i/2vViZ.png',
'http://funkyimg.com/i/2vVj1.png',
'http://funkyimg.com/i/2vVj2.png',
'http://funkyimg.com/i/2vVj3.png',
'http://funkyimg.com/i/2vVj4.png',
'http://funkyimg.com/i/2vVj5.png',
'http://funkyimg.com/i/2vVj7.png',
'http://funkyimg.com/i/2vVj6.png',
'http://funkyimg.com/i/2vVj9.png',
'http://funkyimg.com/i/2vVji.png',
'http://funkyimg.com/i/2vVjj.png',
'http://funkyimg.com/i/2vVjk.png',
'http://funkyimg.com/i/2vVjm.png',
'http://funkyimg.com/i/2vVjn.png',
'http://funkyimg.com/i/2vVjo.png',
'http://funkyimg.com/i/2vVjp.png',
'http://funkyimg.com/i/2vVjq.png',
'http://funkyimg.com/i/2vVjK.png',
'http://funkyimg.com/i/2vVjL.png',
'http://funkyimg.com/i/2vVjM.png',
'http://funkyimg.com/i/2vVjN.png',
'http://funkyimg.com/i/2vVjP.png',
'http://funkyimg.com/i/2vVjQ.png',
'http://funkyimg.com/i/2vVjR.png',
'http://funkyimg.com/i/2vVjS.png',
'http://funkyimg.com/i/2vVjT.png',
'http://funkyimg.com/i/2vVjU.png',
'http://funkyimg.com/i/2vVkj.png',
'http://funkyimg.com/i/2vVkr.png',
'http://funkyimg.com/i/2vVkq.png',
'http://funkyimg.com/i/2vVko.png',
'http://funkyimg.com/i/2vVki.png',
'http://funkyimg.com/i/2vVkk.png',
'http://funkyimg.com/i/2vVkm.png',
'http://funkyimg.com/i/2vVkn.png',
'http://funkyimg.com/i/2vVkp.png',
'http://funkyimg.com/i/2vVkH.png',
'http://funkyimg.com/i/2vVkJ.png',
'http://funkyimg.com/i/2vVkK.png',
'http://funkyimg.com/i/2vVkM.png',
'http://funkyimg.com/i/2vVkN.png',
'http://funkyimg.com/i/2vVkP.png',
'http://funkyimg.com/i/2vVkQ.png',
'http://funkyimg.com/i/2vVkR.png',
'http://funkyimg.com/i/2vVkS.png',
'http://funkyimg.com/i/2vVkU.png',
'http://funkyimg.com/i/2vVkV.png',
'http://funkyimg.com/i/2vVkY.png',
'http://funkyimg.com/i/2vVkZ.png',
'http://funkyimg.com/i/2vVm1.png',
'http://funkyimg.com/i/2vVm5.png',
'http://funkyimg.com/i/2vVm2.png',
'http://funkyimg.com/i/2vVm3.png',
'http://funkyimg.com/i/2vVm4.png',
'http://funkyimg.com/i/2vVm6.png',
'http://funkyimg.com/i/2vVkX.png',
'http://funkyimg.com/i/2vVmc.png',
'http://funkyimg.com/i/2vVmd.png',
'http://funkyimg.com/i/2vVmi.png',
'http://funkyimg.com/i/2vVmj.png',
'http://funkyimg.com/i/2vVmn.png',
'http://funkyimg.com/i/2vVmk.png',
'http://funkyimg.com/i/2vVmm.png',
'http://funkyimg.com/i/2vVmo.png',
'http://funkyimg.com/i/2vVmp.png',
'http://funkyimg.com/i/2vVmr.png',
'http://funkyimg.com/i/2vVmq.png',
'http://funkyimg.com/i/2vVni.png',
'http://funkyimg.com/i/2vVnj.png',
'http://funkyimg.com/i/2vVnk.png',
'http://funkyimg.com/i/2vVnm.png',
'http://funkyimg.com/i/2vVnY.png',
'http://funkyimg.com/i/2vVo7.png',
'http://funkyimg.com/i/2vVo1.png',
'http://funkyimg.com/i/2vVnZ.png',
'http://funkyimg.com/i/2vVo2.png',
'http://funkyimg.com/i/2vVo3.png',
'http://funkyimg.com/i/2vVo4.png',
'http://funkyimg.com/i/2vVo5.png',
'http://funkyimg.com/i/2vVo6.png',
'http://funkyimg.com/i/2vVo8.png',
'http://funkyimg.com/i/2vVow.png',
'http://funkyimg.com/i/2vVox.png',
'http://funkyimg.com/i/2vVov.png',
'http://funkyimg.com/i/2vVoz.png',
'http://funkyimg.com/i/2vVoA.png',
'http://funkyimg.com/i/2vVoy.png',
'http://funkyimg.com/i/2vVoB.png',
'http://funkyimg.com/i/2vVoC.png',
'http://funkyimg.com/i/2vVp1.png',
'http://funkyimg.com/i/2vVp2.png',
'http://funkyimg.com/i/2vVp3.png',
'http://funkyimg.com/i/2vVp4.png',
'http://funkyimg.com/i/2vVp5.png',
'http://funkyimg.com/i/2vVp9.png',
'http://funkyimg.com/i/2vVpa.png',
'http://funkyimg.com/i/2vVpb.png',
'http://funkyimg.com/i/2vVpc.png',
'http://funkyimg.com/i/2vVpd.png',
'http://funkyimg.com/i/2vVpe.png',
'http://funkyimg.com/i/2vVph.png',
'http://funkyimg.com/i/2vVpi.png',
'http://funkyimg.com/i/2vVpj.png',
'http://funkyimg.com/i/2vVpk.png',
'http://funkyimg.com/i/2vVpm.png',
'http://funkyimg.com/i/2vVpn.png',
'http://funkyimg.com/i/2vVpo.png',
'http://funkyimg.com/i/2vVpp.png',
'http://funkyimg.com/i/2vVpq.png',
'http://funkyimg.com/i/2vVpr.png',
'http://funkyimg.com/i/2vVpu.png',
'http://funkyimg.com/i/2vVpv.png',
'http://funkyimg.com/i/2vVpw.png',
'http://funkyimg.com/i/2vVpx.png',
'http://funkyimg.com/i/2vVpy.png',
'http://funkyimg.com/i/2vVpz.png',
'http://funkyimg.com/i/2vVpA.png',
'http://funkyimg.com/i/2vVpB.png',
'http://funkyimg.com/i/2vVpC.png',
'http://funkyimg.com/i/2vVpD.png',
'http://funkyimg.com/i/2vVpG.png'
];
	
$('#button-smile').one('click',function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t-0 active"><a>Стандартные</a></li></ul></div>';$('#smilies-area').prepend(vkl);for(var i in nabor){$('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){$('div.t-'+i).append('<img loading="lazy" src="'+nabor[i][q]+'" onclick=smile("[img]'+nabor[i][q]+'[/img]") />');})};$('.tabs li').click(function(){var thisClass=this.className;$('#smilies-area div[class^="t-"]').hide();$('div.'+thisClass).fadeToggle('slow');$('.tabs li').removeClass('active');$(this).addClass('active');}); });
</script>

актуальная на данный момент версия

Чтобы не допустить ошибок при составлении наборов смайлов, можете воспользоваться Генератором смайлов
в нём всё происходит наглядно:
1. вы видите точное количество смайлов в каждом наборе
2. вы видите не просто ссылки, а сами смайлы на которые эти ссылки ведут
3. вы можете свободно добавлять / удалять смайлы и вкладки
4. вкладки можете переименовывать прям в них же
5. вам не надо заботиться о кавычках, скобках и запятых, вы получаете готовый код

как пользоваться генератором:

Как добавлять / удалять вкладки?

Как переименовывать вкладки?

Как добавлять / удалять поля для смайлов ?

Добавляем ссылки на смайл в поля

Как сортировать набор смайлов?

Как сортировать вкладки?

+20

Instagram drumman.1

Поделиться2Чт, 20 Янв 2011 01:26:57

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Вчера 21:57:05

Romych написал(а):

какие идеи?

Есть одна идея(*Завтра попробую предложить

Поделиться3Пт, 21 Янв 2011 02:16:32

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2704
Уважение: +4063
Позитив: +2368
Пол: Мужской
Последний визит:
Чт, 18 Апр 2024 10:36:31

Deff написал(а):

Есть одна идея(*Завтра попробую предложить

в общем я сам доделал
это уже так сказать релиз кандидат версия ))
получилось так

переключения между наборами происходят безболезненно и красиво, как я и хотел

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

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

Отредактировано Romych (Сб, 22 Янв 2011 01:03:41)

+10

Instagram drumman.1

Поделиться4Пт, 21 Янв 2011 14:04:53

Автор: LebedevNO
Заслуженный
Зарегистрирован: Вт, 4 Май 2010
Сообщений: 63
Уважение: +5
Позитив: +22
Пол: Мужской
Последний визит:
Сб, 19 Апр 2014 13:50:33

Romych написал(а):

единственный минус у этого варианта в том, что код весьма запутан

На мой взгляд этот код проще чем старые варианты

Поделиться5Сб, 22 Янв 2011 00:09:04

Автор: PsixeYa
Заслуженный
Зарегистрирован: Сб, 8 Янв 2011
Сообщений: 11
Уважение: +17
Позитив: 0
Пол: Женский
Последний визит:
Пт, 20 Янв 2012 23:11:10

поставила из первого поста, все замечательно :love: меня устраивает :yep: спасибо))

Поделиться6Сб, 22 Янв 2011 01:05:29

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2704
Уважение: +4063
Позитив: +2368
Пол: Мужской
Последний визит:
Чт, 18 Апр 2024 10:36:31

LebedevNO написал(а):

На мой взгляд этот код проще чем старые варианты http://s40.radikal.ru/i088/1005/f9/082cb1c36ed2.gif

PsixeYa написал(а):

поставила из первого поста, все замечательно меня устраивает спасибо))

рад, что хоть кому-то пригодилось

Instagram drumman.1

Поделиться7Сб, 22 Янв 2011 09:44:38

Автор: АЛЬБ
Cтарожил
Зарегистрирован: Ср, 31 Окт 2007
Сообщений: 3178
Уважение: +445
Позитив: +206
Пол: Мужской
Последний визит:
Вс, 4 Дек 2011 20:01:22

не работает.. никакой! :dontknow:

Поделиться8Сб, 22 Янв 2011 09:46:26

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Вчера 21:57:05

АЛЬБ Попробуй поставить тот код, что в HTML низ, в HTML верх , в самы -самый низ

Поделиться9Сб, 22 Янв 2011 09:48:41

Автор: АЛЬБ
Cтарожил
Зарегистрирован: Ср, 31 Окт 2007
Сообщений: 3178
Уважение: +445
Позитив: +206
Пол: Мужской
Последний визит:
Вс, 4 Дек 2011 20:01:22

щас попробую.

Поделиться10Сб, 22 Янв 2011 09:54:27

Автор: АЛЬБ
Cтарожил
Зарегистрирован: Ср, 31 Окт 2007
Сообщений: 3178
Уважение: +445
Позитив: +206
Пол: Мужской
Последний визит:
Вс, 4 Дек 2011 20:01:22

Deff написал(а):

АЛЬБ Попробуй поставить тот код, что в HTML низ, в HTML верх , в самы -самый низ

всё равно нет.. :dontknow: видимо скрипт может работать тока на "голом" форуме.. где то в хтмл ему мешает..
первое окно открывается! а когда нажимаю на второе или третье - смайлы ваще исчезают!

Поделиться11Сб, 22 Янв 2011 12:21:00

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2704
Уважение: +4063
Позитив: +2368
Пол: Мужской
Последний визит:
Чт, 18 Апр 2024 10:36:31

АЛЬБ написал(а):

всё равно нет.. видимо скрипт может работать тока на "голом" форуме.. где то в хтмл ему мешает..
первое окно открывается! а когда нажимаю на второе или третье - смайлы ваще исчезают!

хм...странно как-то
у меня этот скрипт ещё ни с чем не конфликтовал, когда его писал и испытывал,
тестировал не на голых форумах,
и в разных браузерах смотрел,
а у тебя АЛЬБ судя по скрину и стиль как-то криво почему-то встал, вкладки дублируются....странно, странно всё это

Instagram drumman.1

Поделиться12Сб, 22 Янв 2011 12:30:59

Автор: LLIoKOJIaDkA
Заслуженный
Зарегистрирован: Ср, 19 Янв 2011
Сообщений: 22
Уважение: 0
Позитив: +3
Последний визит:
Сб, 13 Авг 2011 10:20:34

Уменя вкладки не дублируются, но тоже самое... Первый набор появляется нормально. А когда нажимаешь на второй или третий они вообще исчезают. А потом даже первый не появляется.

Поделиться13Сб, 22 Янв 2011 13:03:00

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2704
Уважение: +4063
Позитив: +2368
Пол: Мужской
Последний визит:
Чт, 18 Апр 2024 10:36:31

LLIoKOJIaDkA написал(а):

Уменя вкладки не дублируются, но тоже самое... Первый набор появляется нормально. А когда нажимаешь на второй или третий они вообще исчезают. А потом даже первый не появляется.

а вы пробовали вариант из поста№3 или из первого?

а, уже сам вижу что из третьего (нашёл ваш форум)
первая же ошибка, которая бросается в глаза, это наличие на форуме двух версий скриптовой библиотеки jquery
сервис mybb на данный момент использует самую последнюю версию 1.4.4
она у вас находится там где и положено вверху - http://ajax.googleapis.com/ajax/libs/jq … ery.min.js
но у вас на форуме где-то торчит ещё и старая версия 1.3.2, вы её с чатовода подгружаете - http://st1.chatovod.ru/js/jquery-1.3.2.min.js

всё дело в том, что я применяю в скрипте дополнительных смайлов новый эффект (эффект появления контента) .fadeToggle()
он появился только в версии 1.4.4 и соответственно версией 1.3.2 не поддерживается,
поэтому предлагаю вам старую версию за ненадобностью удалить,
либо поменяйте вручную в скрипте метод появления вместо .fadeToggle(), просто .show()
это в четвёртой строке снизу,
сделайте так:

$('div.' + thisClass).show();
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
}); });
</script>

Отредактировано Romych (Сб, 22 Янв 2011 13:18:49)

Instagram drumman.1

Поделиться14Сб, 22 Янв 2011 13:05:40

Автор: Алекс Тт
Заслуженный
Зарегистрирован: Сб, 22 Янв 2011
Сообщений: 6
Уважение: +1
Позитив: 0
Последний визит:
Чт, 3 Фев 2011 08:14:33

:rolleyes: супер!

Поделиться15Сб, 22 Янв 2011 23:19:17

Автор: LLIoKOJIaDkA
Заслуженный
Зарегистрирован: Ср, 19 Янв 2011
Сообщений: 22
Уважение: 0
Позитив: +3
Последний визит:
Сб, 13 Авг 2011 10:20:34

Romych
Сейчас попробую))) Это из поста третьего)))да да...

Поделиться16Вс, 23 Янв 2011 00:22:18

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2704
Уважение: +4063
Позитив: +2368
Пол: Мужской
Последний визит:
Чт, 18 Апр 2024 10:36:31

LLIoKOJIaDkA написал(а):

Сейчас попробую))) Это из поста третьего)))да да...

вы хоть отпишитесь, если всё получится

вот новая версия

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

в html-верх остаётся тоже, что было в посте №3

Код:

<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>

в 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(\'[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);
$('#smilies-area div[class^="t"]').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
}); });
</script>

Отредактировано Romych (Вт, 7 Фев 2012 19:31:26)

Instagram drumman.1

Поделиться17Вс, 23 Янв 2011 01:12:41

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Вчера 21:57:05

:tomato: Собственно родил собственную версию >

Попробовать можно тут> http://hostjs-mybb2011.narod.ru/SmiliesBoxes.htm
(*В Поле ответа тыкайте кнопку "смайлов"

(* :blush: Бессовестно спер у Romychа идею сворачивания по клику на смайл /пасиб за поцказку

Основная ориентация шла на простоту добавки пользователем собственного контента смайлов

Собственно в HTML верх идет вот такой контент

Код:

<link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/ScrollboxSmiliesTable.css" />
<script src="http://hostjs-mybb2011.narod.ru/js/SmiliesBox.js"></script>
<style> /* Стиль для ScrollboxSmilies */
#smilies-area.container {
 width:476px!important;   /* Ширина таблички */
 padding:10px;
}
#Ekr,#Ekr td,#Ekr td div {
  height:250px!important; /* Высота Экрана таблицы */
}
#Tab_01 {
  height:323px;        /* Общая высота таблицы(К высоте #Ekr добавить 73px(паддинги и кнопки) */
}
</style>
<div id="FutureScrollboxSmilies" style="display:none">
<!--====== &&&\ START TABLEBox Smilies  ======= -->
<center><table id="Tab_01" border="0" cellspacing="0" cellpadding="0">
         <tbody>
	   <tr>
	      <td  width="100%" valign="bottom" colspan="8">

<table id="Tab_Ekr" align="left" width="100%" border="0" cellspacing="0" cellpadding=0">
         <tbody>
	   <tr id="Ekr">

<!--&&& BOXES Smilies -->
	  </tr>
         </tbody>
	</table><!--&&&End EKR table-->
	      </td>
	   </tr>
	   <tr id="prevnext"   style="height:27px!important;">
	      <td  id="prevtd" width="50%" height="23" valign="center" align="right" colspan="4">

	      </td>
	      <td  id="nexttd" width="50%"  height="23" align="left" colspan=4>

	      </td>
	   </tr>
         </tbody>
	</table></center>
<!-- ============== &&&"/End/TABLEBox/ =========== -->
</div>
<style>/* ========= Персональные Поправки для некоторых ОКОН ========= */
 /* Развижка Смайлов в третьем Скролл-блоке */
#Ekr td.E3 div img{
   line-height:0!important;
   margin: 8px 3px;
   padding:0 1px;
}	 /* End -Стиль для CScrollboxSmilies */
</style>

в самое начало HTML низ (*или в HTML верх, сразу за предыдущим кодом..
Идёт Вот Это:

<script type="text/javascript">
var Nmax,N_max;
var L=1300 // время - развертывания
var datsplus=22

SmileArr = new Array ();

SmileArr[1]=new Array(
"http://savepic.net/428106.gif", // Юзерский Блок смайлов 1
"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" //SmileArr[1]!!Последняя ссылка без Запятой!!!
)

SmileArr[2]=new Array(
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/01.gif", // Юзерский Блок смайлов 2
"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",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/06.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/07.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/49.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/46.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/43.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/41.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/37.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/34.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/33.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/31.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/28.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/26.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/25.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/23.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/20.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/19.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/17.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/16.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/15.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" //End SmileArr[2]!!Последняя ссылка без Запятой!!!
)

N_max=SmileArr.length;Nmax=N_max-1 //
</script>

Новый Экранный Блок Смайлов синим жирным - размножаем сколько влезет (контент ссылок ставим конечно свой) , - главное не забывать прописывать цифру(красным) в начале каждого блока смайлов

Отредактировано Deff (Пн, 31 Янв 2011 00:37:48)

Поделиться18Вс, 23 Янв 2011 20:34:25

Автор: АЛЬБ
Cтарожил
Зарегистрирован: Ср, 31 Окт 2007
Сообщений: 3178
Уважение: +445
Позитив: +206
Пол: Мужской
Последний визит:
Вс, 4 Дек 2011 20:01:22

Romych написал(а):

http://st1.chatovod.ru/js/jquery-1.3.2.min.js

точно!! он и мешал.. я не помню с каким скриптом его загружал.. :dontknow:
теперь смайлы работают все!!

Поделиться19Вс, 23 Янв 2011 22:41:55

Автор: Dasha888
Заслуженный
Зарегистрирован: Пт, 20 Авг 2010
Сообщений: 27
Уважение: +2
Позитив: +3
Пол: Женский
Последний визит:
Вт, 12 Июл 2011 14:32:47

:flirt: работает..спасибо

Поделиться20Пн, 24 Янв 2011 03:03:16

Автор: Disconnect
Заслуженный
Зарегистрирован: Ср, 29 Дек 2010
Сообщений: 207
Уважение: +1
Позитив: +37
Последний визит:
Пн, 27 Окт 2014 10:11:21

Deff написал(а):

Собственно родил собственную версию >

спасибо

Страница: 1 2 3 … 23 »

Единый форум поддержки

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

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

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

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

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

Поделиться1Чт, 20 Янв 2011 00:54:03

Поделиться2Чт, 20 Янв 2011 01:26:57

Поделиться3Пт, 21 Янв 2011 02:16:32

Поделиться4Пт, 21 Янв 2011 14:04:53

Поделиться5Сб, 22 Янв 2011 00:09:04

Поделиться6Сб, 22 Янв 2011 01:05:29

Поделиться7Сб, 22 Янв 2011 09:44:38

Поделиться8Сб, 22 Янв 2011 09:46:26

Поделиться9Сб, 22 Янв 2011 09:48:41

Поделиться10Сб, 22 Янв 2011 09:54:27

Поделиться11Сб, 22 Янв 2011 12:21:00

Поделиться12Сб, 22 Янв 2011 12:30:59

Поделиться13Сб, 22 Янв 2011 13:03:00

Поделиться14Сб, 22 Янв 2011 13:05:40

Поделиться15Сб, 22 Янв 2011 23:19:17

Поделиться16Вс, 23 Янв 2011 00:22:18

Поделиться17Вс, 23 Янв 2011 01:12:41

Поделиться18Вс, 23 Янв 2011 20:34:25

Поделиться19Вс, 23 Янв 2011 22:41:55

Поделиться20Пн, 24 Янв 2011 03:03:16