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

Страница: « 1 … 18 19 20 21 22 23 »

Сообщений 381 страница 400 из 450

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

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2704
Уважение: +4063
Позитив: +2369
Пол: Мужской
Последний визит:
Вчера 16:30:20

Дополнительный набор смайлов 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

Поделиться381Пт, 29 Мар 2019 22:48:20

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

nonameno
Замените код смайлов на такой:

Код:

<!--дополнительные смайлы v.3.1 © Romych-->
<style type="text/css">
#wrapper{left:-10px;position:relative;width:500px;}
.punbb #post .tabs{height:22px;line-height:21px;margin:0 0 3px;list-style:none;}
.punbb #post .tabs li{float:left;cursor:pointer; font: normal normal 400 12px/24px Tahoma;}
.punbb #post .tabs li a{text-shadow:1px 1px 1px rgba(0,0,0,.2); background:transparent url("http://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:100px;}
.punbb #post .tabs li a:hover{color:#efefef;background:url("http://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0-30px/cover;text-decoration:none;}
.punbb #post .tabs li.active a{color:#444;border:medium hidden;line-height:29px;background-position:0 -61px;}
.punbb #post .tabs li.active a:hover{color:#A58C81;}
.punbb #post #smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;}
</style>
<script type="text/javascript">
var nabor=[];
  
nabor['Дополнительные'] = [
'https://www.radikal.kz/images/2019/03/28/1.gif',
'https://www.radikal.kz/images/2019/03/28/2.gif',
'https://www.radikal.kz/images/2019/03/28/3.gif',
'https://www.radikal.kz/images/2019/03/28/4.gif',
'https://www.radikal.kz/images/2019/03/28/5.gif',
'https://www.radikal.kz/images/2019/03/28/6.gif',
'https://www.radikal.kz/images/2019/03/28/7.gif',
'https://www.radikal.kz/images/2019/03/28/8.gif',
'https://www.radikal.kz/images/2019/03/28/9.gif',
'https://www.radikal.kz/images/2019/03/28/10.gif',
'https://www.radikal.kz/images/2019/03/28/11.gif',
'https://www.radikal.kz/images/2019/03/28/12.gif',
'https://www.radikal.kz/images/2019/03/28/13.gif',
'https://www.radikal.kz/images/2019/03/28/14.gif',
'https://www.radikal.kz/images/2019/03/28/15.gif',
'https://www.radikal.kz/images/2019/03/28/16.gif',
'https://www.radikal.kz/images/2019/03/28/17.gif',
'https://www.radikal.kz/images/2019/03/28/18.gif',
'https://www.radikal.kz/images/2019/03/28/19.gif',
'https://www.radikal.kz/images/2019/03/28/21.gif',
'https://www.radikal.kz/images/2019/03/28/22.gif',
'https://www.radikal.kz/images/2019/03/28/23.gif',
'https://www.radikal.kz/images/2019/03/28/24.gif',
'https://www.radikal.kz/images/2019/03/28/26.gif',
'https://www.radikal.kz/images/2019/03/28/27.gif',
'https://www.radikal.kz/images/2019/03/28/28.gif',
'https://www.radikal.kz/images/2019/03/28/29.gif',
'https://www.radikal.kz/images/2019/03/28/30.gif'
];
nabor['Эмодзи'] = [
'https://vk.com/emoji/e/f09fa497_2x.png',
'https://vk.com/emoji/e/f09f988a_2x.png',
'https://vk.com/emoji/e/f09f9882_2x.png',
'https://vk.com/emoji/e/f09f98ac_2x.png',
'https://vk.com/emoji/e/f09f9898_2x.png',
'https://vk.com/emoji/e/f09f988d_2x.png',
'https://vk.com/emoji/e/f09f9891_2x.png',
'https://vk.com/emoji/e/f09f98b1_2x.png',
'https://vk.com/emoji/e/f09f92a9_2x.png',
'https://vk.com/emoji/e/f09f91ba_2x.png',
'https://vk.com/emoji/e/f09f98b4_2x.png',
'https://vk.com/emoji/e/f09f998f_2x.png',
'https://vk.com/emoji/e/f09f998c_2x.png',
'https://vk.com/emoji/e/f09fa494_2x.png'
];

	
$('#button-smile').one('click',function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="smilies();return 0;"><li class="t-0 active"><a>Стандартные</a></li></ul><br></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 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>

Поделиться382Вс, 31 Мар 2019 14:53:28

Автор: nonameno
Заслуженный
Зарегистрирован: Пн, 24 Апр 2017
Сообщений: 5
Уважение: +1
Позитив: 0
Последний визит:
Вс, 31 Мар 2019 14:53:30

Deff
Большое спасибо!

Поделиться383Сб, 4 Май 2019 13:14:58

Автор: CoffeeBreak
Заслуженный
Зарегистрирован: Пн, 10 Сен 2018
Сообщений: 62
Уважение: +30
Позитив: +58
Последний визит:
Пн, 15 Май 2023 07:00:15

Всем доброго времени суток!
Прелестные, использую Ваш код для смайлом (в хтмл в форме ответа), однако мои баннеры внизу наезжают на смайлы - таки должно быть или же смайлы должны перекрывать баннеры?
Как исправить отображение?
http://sinnerdale.rusff.ru/

Поделиться384Сб, 4 Май 2019 13:20:44

Автор: CoffeeBreak
Заслуженный
Зарегистрирован: Пн, 10 Сен 2018
Сообщений: 62
Уважение: +30
Позитив: +58
Последний визит:
Пн, 15 Май 2023 07:00:15

+ есть еще такой код для смайлов:
http://shfreewill.rusff.ru/

Вопрос: как сменить цвет фона и можно ли его сделать стандартным - пригодным под любую гамму дизайна? Где это можно сделать?

Код для смайлов

<script type="text/javascript">
var nabor2 = ['http://smayly.ru/gallery/big/vkCat/1.png',
'http://smayly.ru/gallery/big/vkCat/7.png',
'http://smayly.ru/gallery/big/vkCat/42.png',
'http://smayly.ru/gallery/big/vkCat/8.png',
'http://smayly.ru/gallery/big/vkCat/14.png',
'http://smayly.ru/gallery/big/vkCat/16.png',
'http://smayly.ru/gallery/big/vkCat/5.png',
'http://smayly.ru/gallery/big/vkCat/28.png',
'http://smayly.ru/gallery/big/vkCat/24.png',
'http://smayly.ru/gallery/big/vkCat/32.png',
'http://smayly.ru/gallery/big/vkCat/27.png',
'http://smayly.ru/gallery/big/vkCat/12.png',
'http://smayly.ru/gallery/big/vkCat/37.png',
'http://smayly.ru/gallery/big/vkCat/43.png',
'http://smayly.ru/gallery/big/vkCat/18.png',
'http://smayly.ru/gallery/big/vkCat/10.png',
'http://smayly.ru/gallery/big/vkCat/30.png',
'http://smayly.ru/gallery/big/vkCat/4.png',
'http://smayly.ru/gallery/big/vkCat/33.png',
'http://smayly.ru/gallery/big/vkCat/46.png',
'http://smayly.ru/gallery/big/vkCat/49.png',
'http://smayly.ru/gallery/big/vkCat/23.png',
'http://smayly.ru/gallery/big/vkCat/2.png',
'http://smayly.ru/gallery/big/vkCat/13.png',
'http://smayly.ru/gallery/big/vkCat/36.png',
'http://smayly.ru/gallery/big/vkCat/11.png',
'http://smayly.ru/gallery/big/vkCat/31.png',];

var nabor3 = ['http://smayly.ru/gallery/big/vkSenya/1.png',
'http://smayly.ru/gallery/big/vkSenya/61.png',
'http://smayly.ru/gallery/big/vkSenya/86.png',
'http://smayly.ru/gallery/big/vkSenya/94.png',
'http://smayly.ru/gallery/big/vkSenya/19.png',
'http://smayly.ru/gallery/big/vkSenya/7.png',
'http://smayly.ru/gallery/big/vkSenya/8.png',
'http://smayly.ru/gallery/big/vkSenya/14.png',
'http://smayly.ru/gallery/big/vkSenya/26.png',
'http://smayly.ru/gallery/big/vkSenya/16.png',
'http://smayly.ru/gallery/big/vkSenya/88.png',
'http://smayly.ru/gallery/big/vkSenya/52.png',
'http://smayly.ru/gallery/big/vkSenya/87.png',
'http://smayly.ru/gallery/big/vkSenya/80.png',
'http://smayly.ru/gallery/big/vkSenya/54.png',
'http://smayly.ru/gallery/big/vkSenya/79.png',
'http://smayly.ru/gallery/big/vkSenya/40.png',
'http://smayly.ru/gallery/big/vkSenya/28.png',
'http://smayly.ru/gallery/big/vkSenya/2.png',
'http://smayly.ru/gallery/big/vkSenya/51.png',
'http://smayly.ru/gallery/big/vkSenya/30.png',
'http://smayly.ru/gallery/big/vkSenya/11.png',
'http://smayly.ru/gallery/big/vkSenya/35.png',
'http://smayly.ru/gallery/big/vkSenya/50.png',
'http://smayly.ru/gallery/big/vkSenya/34.png',
'http://smayly.ru/gallery/big/vkSenya/81.png',
'http://smayly.ru/gallery/big/vkSenya/9.png',
'http://smayly.ru/gallery/big/vkSenya/49.png',
'http://smayly.ru/gallery/big/vkSenya/76.png',
'http://smayly.ru/gallery/big/vkSenya/10.png',
'http://smayly.ru/gallery/big/vkSenya/47.png',
'http://smayly.ru/gallery/big/vkSenya/48.png',
'http://smayly.ru/gallery/big/vkSenya/6.png',
'http://smayly.ru/gallery/big/vkSenya/32.png',
'http://smayly.ru/gallery/big/vkSenya/90.png',
'http://smayly.ru/gallery/big/vkSenya/43.png',
'http://smayly.ru/gallery/big/vkSenya/36.png',
'http://smayly.ru/gallery/big/vkSenya/52.png',
'http://smayly.ru/gallery/big/vkSenya/95.png',];

var nabor4 = [
'http://smayly.ru/gallery/big/vkJoe/1.png',
'http://smayly.ru/gallery/big/vkJoe/7.png',
'http://smayly.ru/gallery/big/vkJoe/19.png',
'http://smayly.ru/gallery/big/vkJoe/42.png',
'http://smayly.ru/gallery/big/vkJoe/8.png',
'http://smayly.ru/gallery/big/vkJoe/26.png',
'http://smayly.ru/gallery/big/vkJoe/16.png',
'http://smayly.ru/gallery/big/vkJoe/23.png',
'http://smayly.ru/gallery/big/vkJoe/6.png',
'http://smayly.ru/gallery/big/vkJoe/39.png',
'http://smayly.ru/gallery/big/vkJoe/24.png',
'http://smayly.ru/gallery/big/vkJoe/40.png',
'http://smayly.ru/gallery/big/vkJoe/37.png',
'http://smayly.ru/gallery/big/vkJoe/9.png',
'http://smayly.ru/gallery/big/vkJoe/3.png',
'http://smayly.ru/gallery/big/vkJoe/29.png',
'http://smayly.ru/gallery/big/vkJoe/31.png',
'http://smayly.ru/gallery/big/vkJoe/36.png',
'http://smayly.ru/gallery/big/vkJoe/33.png',
'http://smayly.ru/gallery/big/vkJoe/4.png',
'http://smayly.ru/gallery/big/vkJoe/35.png',
'http://smayly.ru/gallery/big/vkJoe/10.png',
'http://smayly.ru/gallery/big/vkJoe/11.png',];

var nabor5 = ['http://smayly.ru/gallery/big/vkMarie/1.png',
'http://smayly.ru/gallery/big/vkMarie/61.png',
'http://smayly.ru/gallery/big/vkMarie/7.png',
'http://smayly.ru/gallery/big/vkMarie/19.png',
'http://smayly.ru/gallery/big/vkMarie/42.png',
'http://smayly.ru/gallery/big/vkMarie/8.png',
'http://smayly.ru/gallery/big/vkMarie/14.png',
'http://smayly.ru/gallery/big/vkMarie/26.png',
'http://smayly.ru/gallery/big/vkMarie/52.png',
'http://smayly.ru/gallery/big/vkMarie/54.png',
'http://smayly.ru/gallery/big/vkMarie/39.png',
'http://smayly.ru/gallery/big/vkMarie/25.png',
'http://smayly.ru/gallery/big/vkMarie/27.png',
'http://smayly.ru/gallery/big/vkMarie/37.png',
'http://smayly.ru/gallery/big/vkMarie/13.png',
'http://smayly.ru/gallery/big/vkMarie/57.png',
'http://smayly.ru/gallery/big/vkMarie/47.png',
'http://smayly.ru/gallery/big/vkMarie/29.png',
'http://smayly.ru/gallery/big/vkMarie/62.png',
'http://smayly.ru/gallery/big/vkMarie/30.png',
'http://smayly.ru/gallery/big/vkMarie/53.png',
'http://smayly.ru/gallery/big/vkMarie/22.png',
'http://smayly.ru/gallery/big/vkMarie/11.png',
'http://smayly.ru/gallery/big/vkMarie/15.png',
'http://smayly.ru/gallery/big/vkMarie/17.png',
'http://smayly.ru/gallery/big/vkMarie/9.png',
'http://smayly.ru/gallery/big/vkMarie/55.png',
'http://smayly.ru/gallery/big/vkMarie/34.png',];

var nabor6 = ['http://smayly.ru/gallery/anime/WhiteEaglet/19.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/14.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/21.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/17.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/6.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/3.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/20.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/1.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/11.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/29.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/4.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/5.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/25.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/2.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/13.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/16.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/7.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/26.gif',
'http://smayly.ru/gallery/anime/WhiteEaglet/24.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>Набор 1</a></li><li class="t2"><a>Набор 2</a></li><li class="t3"><a>Набор 3</a></li><li class="t4"><a>Набор 4</a></li><li class="t5"><a>Набор 5</a></li><li class="t6"><a>Пташка</a></li></ul><div class="t2"></div><div class="t3"></div><div class="t4"></div><div class="t5"></div><div class="t6"></div></div>');

$.each(nabor2, function(i) {
$('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor3, function(i) {
$('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor4, function(i) {
$('div.t4').append('<img src="'+nabor4[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor5, function(i) {
$('div.t5').append('<img src="'+nabor5[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor6, function(i) {
$('div.t6').append('<img src="'+nabor6[i]+'" onclick=smile(\'--\') />');
});
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1, div.t2, div.t3, div.t4, div.t5, div.t6').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
}); });
</script>

Поделиться385Сб, 4 Май 2019 20:34:50

Автор: Dango
Заслуженный
Зарегистрирован: Пн, 17 Фев 2014
Сообщений: 691
Уважение: +1639
Позитив: +6092
Последний визит:
Ср, 17 Апр 2024 15:07:41

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

мои баннеры внизу наезжают на смайлы - таки должно быть или же смайлы должны перекрывать баннеры?

У меня так же, только баннеры чужие, так что всем пофиг, соответственно, исправлять и не пробовали.
:dontknow:

Где-то был скрипт смайлов с прокруткой...
не помню, сорри, а поиск не раьотает.

Отредактировано Dango (Сб, 4 Май 2019 20:40:05)

Поделиться386Сб, 4 Май 2019 20:54:35

Автор: CoffeeBreak
Заслуженный
Зарегистрирован: Пн, 10 Сен 2018
Сообщений: 62
Уважение: +30
Позитив: +58
Последний визит:
Пн, 15 Май 2023 07:00:15

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

У меня так же, только баннеры чужие,

Ну, "мои" - в смысле, что на моем форуме)
Спасибо!)

Поделиться387Сб, 4 Май 2019 20:54:54

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

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

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

Замените код:

Код:

<!--дополнительные смайлы v.3.1 © Romych-->
<style type="text/css">
#smilies-area {padding:2px 5px 9px!important;border:outset 1px #B2A498;width:500px;}
#wrapper{position:relative;z-index:100;max-height:300px;width:100%;overflow:hidden;overflow-y:auto;}
.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("http://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("http://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;}
</style>
<script type="text/javascript">
var nabor=[];
 
nabor['Рыжик'] = [
'http://smayly.ru/gallery/big/vkCat/1.png',
'http://smayly.ru/gallery/big/vkCat/7.png',
'http://smayly.ru/gallery/big/vkCat/42.png',
'http://smayly.ru/gallery/big/vkCat/8.png',
'http://smayly.ru/gallery/big/vkCat/14.png',
'http://smayly.ru/gallery/big/vkCat/16.png',
'http://smayly.ru/gallery/big/vkCat/5.png',
'http://smayly.ru/gallery/big/vkCat/28.png',
'http://smayly.ru/gallery/big/vkCat/24.png',
'http://smayly.ru/gallery/big/vkCat/32.png',
'http://smayly.ru/gallery/big/vkCat/27.png',
'http://smayly.ru/gallery/big/vkCat/12.png',
'http://smayly.ru/gallery/big/vkCat/37.png',
'http://smayly.ru/gallery/big/vkCat/43.png',
'http://smayly.ru/gallery/big/vkCat/18.png',
'http://smayly.ru/gallery/big/vkCat/10.png',
'http://smayly.ru/gallery/big/vkCat/30.png',
'http://smayly.ru/gallery/big/vkCat/4.png',
'http://smayly.ru/gallery/big/vkCat/33.png',
'http://smayly.ru/gallery/big/vkCat/46.png',
'http://smayly.ru/gallery/big/vkCat/49.png',
'http://smayly.ru/gallery/big/vkCat/23.png',
'http://smayly.ru/gallery/big/vkCat/2.png',
'http://smayly.ru/gallery/big/vkCat/13.png',
'http://smayly.ru/gallery/big/vkCat/36.png',
'http://smayly.ru/gallery/big/vkCat/11.png',
'http://smayly.ru/gallery/big/vkCat/31.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['Дигги'] = [
'https://funkyimg.com/i/2TrHd.png',
'https://funkyimg.com/i/2TrHc.png',
'https://funkyimg.com/i/2TrHe.png',
'https://funkyimg.com/i/2TrHf.png',
'https://funkyimg.com/i/2TrHg.png',
'https://funkyimg.com/i/2TrHh.png',
'https://funkyimg.com/i/2TrHi.png',
'https://funkyimg.com/i/2TrHj.png',
'https://funkyimg.com/i/2TrHk.png',
'https://funkyimg.com/i/2TrHm.png',
'https://funkyimg.com/i/2TrHR.png',
'https://funkyimg.com/i/2TrHS.png',
'https://funkyimg.com/i/2TrHU.png',
'https://funkyimg.com/i/2TrHT.png',
'https://funkyimg.com/i/2TrHV.png',
'https://funkyimg.com/i/2TrHW.png',
'https://funkyimg.com/i/2TrHX.png',
'https://funkyimg.com/i/2TrHY.png',
'https://funkyimg.com/i/2TrHZ.png',
'https://funkyimg.com/i/2TrJ1.png',
'https://funkyimg.com/i/2TrJW.png',
'https://funkyimg.com/i/2TrJV.png',
'https://funkyimg.com/i/2TrJY.png',
'https://funkyimg.com/i/2TrJZ.png',
'https://funkyimg.com/i/2TrK1.png',
'https://funkyimg.com/i/2TrK3.png',
'https://funkyimg.com/i/2TrK2.png',
'https://funkyimg.com/i/2TrK4.png',
'https://funkyimg.com/i/2TrK5.png',
'https://funkyimg.com/i/2TrK6.png',
'https://funkyimg.com/i/2TrKh.png',
'https://funkyimg.com/i/2TrKi.png',
'https://funkyimg.com/i/2TrKj.png',
'https://funkyimg.com/i/2TrKk.png',
'https://funkyimg.com/i/2TrKm.png',
'https://funkyimg.com/i/2TrKn.png',
'https://funkyimg.com/i/2TrKo.png',
'https://funkyimg.com/i/2TrKp.png',
'https://funkyimg.com/i/2TrKq.png'
];
	
$('#button-smile').one('click',function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="smilies();return 0;"><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 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>

Поделиться388Сб, 4 Май 2019 21:00:29

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

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

Вопрос: как сменить цвет фона и можно ли его сделать стандартным - пригодным под любую гамму дизайна? Где это можно сделать?

=> Заметил что часто забывают ставить фон под всплывающие контейнеры кнопок в форме ответа:

Отредактировано Deff (Сб, 4 Май 2019 21:01:05)

Поделиться389Ср, 23 Окт 2019 14:48:37

Автор: АлексейН
Стремящийся
Зарегистрирован: Ср, 23 Окт 2019
Сообщений: 1
Уважение: 0
Позитив: 0
Пол: Мужской
Последний визит:
Пн, 11 Ноя 2019 11:53:44

оо крутые смайлы

Поделиться390Пт, 6 Мар 2020 11:24:02

Автор: Asche
Заслуженный
Зарегистрирован: Пн, 3 Дек 2012
Сообщений: 76
Уважение: +29
Позитив: +66
Последний визит:
Вт, 6 Фев 2024 18:33:57

Что могло случиться, что скрипт перестал распознавать те ссылки на смайлики, в которых есть дефис?

То есть в одном и том же наборе смайликов ссылка вида:
https://i.postimg.cc/wjC0T50F/1.png - работает

А ссылка вида
https://i.postimg.cc/B6PYyGqB/2-21-min.png - нет. Смайлик отображается как --, словно ошибка в адресе картинки.

При установке скрипт обрабатывал эти ссылки адекватно, а некоторое время назад перестал. Перезагружать 300+ картинок для получения адресов без дефисов будет очень долго.(

Отредактировано Asche (Пт, 6 Мар 2020 11:36:08)

Поделиться391Пт, 6 Мар 2020 12:33:50

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

Код:

[img]https://i.postimg.cc/B6PYyGqB/2-21-min.png[/img]

Вроде должно работать

Выложите полный код, - вангую ошибка в чем-то ином

Отредактировано Deff (Пт, 6 Мар 2020 12:35:27)

Поделиться392Пт, 6 Мар 2020 14:03:03

Автор: Asche
Заслуженный
Зарегистрирован: Пн, 3 Дек 2012
Сообщений: 76
Уважение: +29
Позитив: +66
Последний визит:
Вт, 6 Фев 2024 18:33:57

Deff
Да, я проверила, на других форумах эти картинки отображаются... а на указанном почему-то нет.

Видимо, со скриптом это не связано, но что может конфликтовать тогда?

Поделиться393Пт, 6 Мар 2020 16:28:24

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

Asche
Да, проверил с Пиар-входа... Странный случай избирательного действия PHP обработки кода...

Код:

[img]https://i.postimg.cc/B6PYyGqB/2-21-min.png[/img]

:dontknow:

Поделиться394Сб, 9 Май 2020 23:01:51

Автор: nightwish
Стремящийся
Зарегистрирован: Сб, 9 Май 2020
Сообщений: 0
Уважение: 0
Позитив: 0
Последний визит:
Вс, 6 Сен 2020 12:45:36

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

Поделиться395Вт, 12 Май 2020 22:32:26

Автор: NataliyaY
Заслуженный
Зарегистрирован: Сб, 9 Май 2020
Сообщений: 26
Уважение: +11
Позитив: +6
Пол: Женский
Последний визит:
Пт, 15 Май 2020 22:05:26

9 лет назад мне КатяЛедокол,которая тоже является здешним пользователем,подарила смайлы,которые она перегрузила,закрепила у себя на форуме,и они все работают. Еще раз прошу,включите функцию закрепления картинок на форуме! А еще лучше сделать возможным создание галереи!

-1

Поделиться396Пн, 25 Май 2020 18:45:39

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

Доброго времени суток)

А как добавить в этот код еще три кнопочки для еще трёх наборов смайликов. Такое дело, что со старыми расставаться не хочется, и новых бы добавить хотелось)

Поделиться397Пн, 25 Май 2020 22:34:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

Курама
:glasses: Вроде как в коде cмайлов в шапке темы на число вкладок нет ограничений ???
Там минус в том, что при большом числе вкладок они выстраиваются в две строки(либо искать шрифт со спецсимволами - есть такие и на каждое название вкладки вставлять лишь один спецсимвол... есть такие - типо звездочки-самолётики-слоники и т.д., если и иконки артист...

По идее в каждой вкладке можно сделать шрифт нулевым размером и вставить в ухо картинку - фоновой картинкой или через
селектор уха:before{content: url(ccылка)}

Отредактировано Deff (Вт, 26 Май 2020 00:14:51)

Поделиться398Ср, 27 Май 2020 19:28:23

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

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

Вроде как в коде cмайлов в шапке темы на число вкладок нет ограничений ???
Там минус в том, что при большом числе вкладок они выстраиваются в две строки(либо искать шрифт со спецсимволами - есть такие и на каждое название вкладки вставлять лишь один спецсимвол... есть такие - типо звездочки-самолётики-слоники и т.д., если и иконки артист...

По идее в каждой вкладке можно сделать шрифт нулевым размером и вставить в ухо картинку - фоновой картинкой или через
селектор уха:before{content: url(ccылка)}

Нет ограничений на вкладки? О, тогда буду пробовать добавление)
Спасибо)

Поделиться399Сб, 30 Май 2020 17:05:35

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

Доброго времени суток)
всё работает, только почему- то не отображаются картинки кнопок.

before{content: url(ccылка)} - это не понял куда ставить надо,а через заданную фоновую в коде не работает, ни с картинкой для трех кнопок, ни с картинкой для шести кнопок.

http://curama.mybb.ru/

Свернутый текст

Поделиться400Пт, 5 Июн 2020 09:16:59

Автор: Алгол
Заслуженный
Зарегистрирован: Ср, 24 Янв 2018
Сообщений: 478
Уважение: +230
Позитив: +848
Последний визит:
Вт, 8 Мар 2022 02:46:44

Курама написал(а):

Доброго времени суток)
всё работает, только почему- то не отображаются картинки кнопок.

before{content: url(ccылка)} - это не понял куда ставить надо,а через заданную фоновую в коде не работает, ни с картинкой для трех кнопок, ни с картинкой для шести кнопок.

http://curama.mybb.ru/
Свернутый текст

Добрый день,в этой части скрипта,в двух местах,картинка кнопок.

.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("Ваша ссылка на картинку кнопки")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("Ваша ссылка на картинку кнопки")no-repeat scroll 0-22.1px/cover;text-decoration:none;}

Хорошего дня.

Страница: « 1 … 18 19 20 21 22 23 »

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

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

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

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

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

Сообщений 381 страница 400 из 450

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

Поделиться381Пт, 29 Мар 2019 22:48:20

Поделиться382Вс, 31 Мар 2019 14:53:28

Поделиться383Сб, 4 Май 2019 13:14:58

Поделиться384Сб, 4 Май 2019 13:20:44

Поделиться385Сб, 4 Май 2019 20:34:50

Поделиться386Сб, 4 Май 2019 20:54:35

Поделиться387Сб, 4 Май 2019 20:54:54

Поделиться388Сб, 4 Май 2019 21:00:29

Поделиться389Ср, 23 Окт 2019 14:48:37

Поделиться390Пт, 6 Мар 2020 11:24:02

Поделиться391Пт, 6 Мар 2020 12:33:50

Поделиться392Пт, 6 Мар 2020 14:03:03

Поделиться393Пт, 6 Мар 2020 16:28:24

Поделиться394Сб, 9 Май 2020 23:01:51

Поделиться395Вт, 12 Май 2020 22:32:26

Поделиться396Пн, 25 Май 2020 18:45:39

Поделиться397Пн, 25 Май 2020 22:34:01

Поделиться398Ср, 27 Май 2020 19:28:23

Поделиться399Сб, 30 Май 2020 17:05:35

Поделиться400Пт, 5 Июн 2020 09:16:59