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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Смайлики » ♥ Дополнительные смайлы в одном окне со стандартными ♥


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

Сообщений 321 страница 340 из 450

1

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

http://sd.uploads.ru/Avar1.jpg
http://s0.uploads.ru/zJLdv.jpg
http://sf.uploads.ru/N4JMY.jpg
http://sh.uploads.ru/zNGHr.jpg

в 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. вам не надо заботиться о кавычках, скобках и запятых, вы получаете готовый код

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

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

http://sf.uploads.ru/9sMkK.gif

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

http://sh.uploads.ru/DcXvo.gif

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

http://s0.uploads.ru/0Ix3j.gif

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

http://s5.uploads.ru/UMIv0.gif

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

http://s2.uploads.ru/MrgBO.gif

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

http://sg.uploads.ru/qLfx3.gif

+20

321

Помогите, пыталась вставить смайлы,  у меня форум вообще пропал.

0

322

Зашла в настройки, поставила смайлы вниз, потом удалила их оттуда, зашла на главную страницу и форума нет.

Убрала верх и все стало нормально. Только заново теперь делать  гирлянду с ветками.

Отредактировано Germionna (Ср, 20 Дек 2017 18:31:23)

0

323

kael'thas написал(а):

если повторно нажимаешь на ярлык активной вкладки, все смайлы с неё пропадают.
как бы это пофиксить?

первый раз слышу про такой глюк

kael'thas написал(а):

сгенерировал пару вкладок доп.смайлов генератором

смотрю у вас совершенно другой вариант, это каким же генератором вы его сгенерировали?

0

324

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

Зашла в настройки, поставила смайлы вниз, потом удалила их оттуда, зашла на главную страницу и форума нет.

Убрала верх и все стало нормально. Только заново теперь делать  гирлянду с ветками.

Перед изменениями возьмите за привыку делать бэкап того, что собираетесь менять - к примеру создаете специальную папку на ПК, называете скажем Бэкапы и сохраняете в нее в текстовом формате с нужного вам окна.. Как вариант названия файла: НТМЛ верх 21.12.2017.txt, тогда в случае сделанного чего то не так можно будет вернуть всё назад..

+1

325

Romych
если вы про форум у меня в профиле, эт не он)
вот сюда я скопировал код из закреплённого поста текущей темы. и всё ок, смайлы с вкладок не пропадают.
а тут я прикрутил вкладки, которые нагенерировались генератором (+ чуть подправил стиль).
в обоих случаях на форуме ещё стоит старый скрипт замены стандартных смайлов на свои (не помню, кто именно автор, мб Alex). и вроде как с ним никаких конфликтов нет.

0

326

Все не актуально.

0

327

Помогите, пожалуйста...

Очень понравился код, но я не особо разбираюсь, и у меня возник вопрос.
Можно ли как-то изменить размеры выезжающего окна под смайлы, размеры, пододвинуть его там?
Чтобы он как минимум был по красной границе
https://clip2net.com/clip/m409350/e1c1b-clip-374kb.jpg?nocache=1

И если можно, могу ли я как-то сделать полосу прокрутки там же? Если картинок много в одном наборе, все как-то стремно уезжает вниз, хочется красоты))

Буду рада помощи.

0

328

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

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

в сгенерированном коде дополнительных смайлов есть блок отвечающий за стиль, он между тегами <style type="text/css">.....</style>
добавьте туда вот такую строку

#smilies-area{
    width: auto !important;
    right: 0 !important;
}

в первой строке

#wrapper{left:-10px;position:relative;width:500px;}

ширину замените на

#wrapper{left:-10px;position:relative;width:auto;}

и в последней строке ширину тоже поменяйте

#smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;}

на

#smilies-area div[class^="t-"]:not(.t-0){display:none;width:auto;}

+1

329

Дополнительные смайлы...

Скриншоты

https://image.ibb.co/gPhEpG/1.jpg
https://image.ibb.co/k8ES9G/2.jpg
https://image.ibb.co/jF00UG/3.jpg

Код (установка в HTML-низ):

Код:
    <!--дополнительные смайлы v.3 © Romych-->
    <style type="text/css">
    #wrapper {width: 500px;}
    /* вкладки доп смайлов */
    ul.tabs {height: 24px;line-height: 23px;margin: 0 0 3px;list-style: none;}
    ul.tabs li {float: left;cursor:pointer;}
    ul.tabs li a {background:transparent url("https://forumstatic.ru/files/0017/d8/50/91984.png") no-repeat scroll 0 0 / cover ;color: #444444;display: block;margin-bottom: -1px;padding: 0 5px 1px;position: relative;text-align: center;text-decoration: none;width:76px;}
    ul.tabs li a:hover {color:#EFEFEF;background: url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0 -25px/ cover; text-decoration:none;}
    ul.tabs li.tab-current a {color: #444;border:medium hidden;line-height: 22px;background-position: 0 -47px;}
    ul.tabs li.tab-current a:hover {color: #6A5ACD;}
    #smilies-area div[class^="t"]:not(.t1) {display: none;width: 450px;}
    </style>
    <script type="text/javascript">
    var nabor = [];
    nabor[2] = [
    'https://image.ibb.co/dB5dGw/insm28026.gif',
    'https://image.ibb.co/cKbUOb/insm28128.gif',
    'https://image.ibb.co/b1fZpG/insm28201.gif',
    'https://image.ibb.co/f1Q0UG/insm28209.gif',
    'https://image.ibb.co/gxyLUG/negi09011.gif',
    'https://image.ibb.co/bD1JGw/pini12076.gif',
    'https://image.ibb.co/cWxEpG/tabi04005.gif',
    'https://image.ibb.co/n3in9G/tabi04009.gif',
    'https://image.ibb.co/m2q0UG/tabi04025.gif',
    'https://image.ibb.co/g2gkww/tabi04028.gif',
    'https://image.ibb.co/ebrkww/tabi04031.gif',
    'https://image.ibb.co/iVqdGw/tabi04035.gif',
    'https://image.ibb.co/kBuS9G/tabi04038.gif',
    'https://image.ibb.co/gTvpOb/tabi04041.gif',
    'https://image.ibb.co/eeww3b/tabi04047.gif',
    'https://image.ibb.co/cFqdGw/tabi04051.gif',
    'https://image.ibb.co/nnaCbw/tabi04054.gif',
    'https://image.ibb.co/iZSQww/tabi04056.gif',
    'https://image.ibb.co/ngGkww/tabi04057.gif',
    'https://image.ibb.co/cpRUOb/tabi04097.gif',
    'https://image.ibb.co/fde5ww/tabi04100.gif',
    'https://image.ibb.co/es8b3b/tabi04114.gif',
    'https://image.ibb.co/e1O9Ob/tabi04122.gif',
    'https://image.ibb.co/cQ1kww/tabi04125.gif',
    'https://image.ibb.co/hOYn9G/tabi04127.gif',
    'https://image.ibb.co/nLvCbw/tabi04169.gif',
    'https://image.ibb.co/jGHfUG/tabi04174.gif',
    'https://image.ibb.co/dEPiib/tabi04176.gif',
    'https://image.ibb.co/jQXEpG/tabi04185.gif',
    'https://image.ibb.co/mbkCbw/tabi04186.gif',
    'https://image.ibb.co/ctOb3b/tabi04188.gif',
    'https://image.ibb.co/nKDXbw/tabi04190.gif',
    'https://image.ibb.co/cKv0UG/tabi04194.gif'
	];
    nabor[3]= ['https://image.ibb.co/drHODb/diablo.gif',
    'https://image.ibb.co/m4MiDb/resent.gif',
    'https://image.ibb.co/nO3wYb/rossiya.gif',
    'https://image.ibb.co/eA0bYb/sad.gif',
    'https://image.ibb.co/iZtwYb/sarcasm.gif',
    'https://image.ibb.co/jKPQRw/smajliki_praising.gif',
    'https://image.ibb.co/kzXqtb/smile1.gif',
    'https://image.ibb.co/b7CUmw/smile2.gif',
    'https://image.ibb.co/n4rdeG/smile3.gif',
    'https://image.ibb.co/gQ6YDb/smile4.gif',
    'https://image.ibb.co/dDzmYb/smile6.gif',
    'https://image.ibb.co/f2mYDb/smile7.gif',
    'https://image.ibb.co/cDoftb/smile8.gif',
    'https://image.ibb.co/kLSvRw/smile9.gif',
    'https://image.ibb.co/jn54KG/smile10.gif',
    'https://image.ibb.co/d1PLtb/smile12.gif',
    'https://image.ibb.co/bziDDb/smile14.gif',
    'https://image.ibb.co/hJeLtb/smile16.gif',
    'https://image.ibb.co/cAn6Yb/smile18.gif',
    'https://image.ibb.co/kPO26w/smile19.gif',
    'https://image.ibb.co/gJEWzG/smile20.gif',
    'https://image.ibb.co/f3cUmw/smile25.gif',
    'https://image.ibb.co/iNTDDb/smile26.gif',
    'https://image.ibb.co/it9yeG/smile37.gif',
    'https://image.ibb.co/iRLh6w/smile41.gif',
    'https://image.ibb.co/hFLRYb/smile46.gif',
    'https://image.ibb.co/h1gpmw/smile47.gif',
    'https://image.ibb.co/igtrzG/smile48.gif',
    'https://image.ibb.co/fVUmYb/smile51.gif',
    'https://image.ibb.co/fWF4KG/smile54.gif',
    'https://image.ibb.co/cBPLtb/smile59.gif',
    'https://image.ibb.co/nbDDDb/smile63.gif',
    'https://image.ibb.co/maGpmw/smile67.gif',
    'https://image.ibb.co/gqXUmw/smile74.gif',
    'https://image.ibb.co/nH7vRw/smile76.gif',
    'https://image.ibb.co/d2LtDb/smile100.gif',
    'https://image.ibb.co/nKj9mw/smile106.gif',
    'https://image.ibb.co/cQNJeG/smile109.gif',
    'https://image.ibb.co/j7Oftb/smile132.gif',
    'https://image.ibb.co/mS2JeG/smile134.gif',
    'https://image.ibb.co/gw1BzG/smile140.gif',
    'https://image.ibb.co/mhH6Yb/smile145.gif',
    'https://image.ibb.co/creyeG/smile147.gif',
    'https://image.ibb.co/e3bdeG/smile148.gif',
    'https://image.ibb.co/nQuWzG/smile160.gif',
    'https://image.ibb.co/jyCjKG/smile168.gif',
    'https://image.ibb.co/gm4yeG/smile170.gif',
    'https://image.ibb.co/cw8ftb/smile174.gif',
    'https://image.ibb.co/ge7JeG/smile181.gif',
    'https://image.ibb.co/bK5RYb/smile186.gif',
    'https://image.ibb.co/hW0FRw/smile190.gif',
    'https://image.ibb.co/n3bYDb/smile193.gif',
    'https://image.ibb.co/mYbdeG/smile196.gif',
    'https://image.ibb.co/dKXJeG/smile197.gif',
    'https://image.ibb.co/hgwdeG/smile206.gif',
    'https://image.ibb.co/jdDftb/smile215.gif',
    'https://image.ibb.co/eYqRYb/smile225.gif',
    'https://image.ibb.co/d11BzG/smile227.gif',
    'https://image.ibb.co/krjWzG/smile232.gif',
    'https://image.ibb.co/h2mdeG/smile262.gif',
    'https://image.ibb.co/gdjyeG/smile270.gif',
    'https://image.ibb.co/ceJPKG/smile280.gif',
    'https://image.ibb.co/dUsUmw/smile358.gif',
    'https://image.ibb.co/iqSvRw/smile372.gif',
    'https://image.ibb.co/iX7vRw/smile376.gif',
    'https://image.ibb.co/gjuLtb/smile379.gif',
    'https://image.ibb.co/dRnJeG/smile380.gif',
    'https://image.ibb.co/hAP9mw/smile381.gif',
    'https://image.ibb.co/j7vtDb/smile382.gif',
    'https://image.ibb.co/dbiftb/smile383.gif',
    'https://image.ibb.co/c6c6Yb/smile385.gif',
    'https://image.ibb.co/mEEmYb/smile386.gif',
    'https://image.ibb.co/mWCJeG/smile394.gif',
    'https://image.ibb.co/grwdeG/smile404.gif',
    'https://image.ibb.co/ioDftb/smile405.gif',
    'https://image.ibb.co/fGHvRw/smile408.gif',
    'https://image.ibb.co/ejTftb/smile423.gif',
    'https://image.ibb.co/m6p9mw/smile429.gif',
    'https://image.ibb.co/iPYDDb/smile431.gif',
    'https://image.ibb.co/dnaRYb/smile437.gif',
    'https://image.ibb.co/htjyeG/smile438.gif',
    'https://image.ibb.co/kFuaRw/smile439.gif',
    'https://image.ibb.co/eqwN6w/smile448.gif',
    'https://image.ibb.co/mfR0tb/smile453.gif',
    'https://image.ibb.co/hTJDDb/smile454.gif',
	'https://image.ibb.co/cmkwzG/2.gif',
    'https://image.ibb.co/egi5tb/6.gif',
    'https://image.ibb.co/k7Jabw/7.gif',
    'https://image.ibb.co/cZaMGw/8.gif',
    'https://image.ibb.co/erWHpG/29781735.gif',
    'https://image.ibb.co/keWvbw/29781757.gif',
    'https://image.ibb.co/cqbTww/29781761.gif',
    'https://image.ibb.co/mYbdeG/smile196.gif',
    'https://image.ibb.co/f3Hq9G/by.gif',
    'https://image.ibb.co/dkAoww/icon_biggrin.gif',
    'https://image.ibb.co/ms3mib/icon_neutral.gif',
    'https://image.ibb.co/iRDmib/JC_doubledown.gif',
    'https://image.ibb.co/e5ixpG/JC_doubleup.gif',
    'https://image.ibb.co/dgce3b/JC_see_stars.gif',
    'https://image.ibb.co/ger6ib/Kid_Rock_03.gif',
    'https://image.ibb.co/mfYxpG/Kid_Rock_05.gif',
    'https://image.ibb.co/nNdmib/l_coffee.gif',
    'https://image.ibb.co/cMKFbw/Laie_74.gif',
    'https://image.ibb.co/ikcOUG/MG_216.gif',
    'https://image.ibb.co/d1Se3b/phil_04.gif',
    'https://image.ibb.co/ghpLtb/smile455.gif',
    'https://image.ibb.co/eJi26w/smile457.gif',
	'https://image.ibb.co/iVzKpG/chad01020.gif',
    'https://image.ibb.co/cDfQUG/chad01040.gif',
    'https://image.ibb.co/edKKpG/flgbelar.gif',
    'https://image.ibb.co/gUroib/flgrussi.gif',
    'https://image.ibb.co/kaoC9G/funi01049.gif',
    'https://image.ibb.co/g19kUG/funi01050.gif',
    'https://image.ibb.co/gJ7Hbw/funi01052.gif',
    'https://image.ibb.co/iV4xbw/funi01053.gif',
    'https://image.ibb.co/mMaQUG/funi01081.gif',
    'https://image.ibb.co/euqs9G/funi01093.gif',
    'https://image.ibb.co/bCZxbw/funi01110.gif',
    'https://image.ibb.co/nm3C9G/funi01113.gif',
    'https://image.ibb.co/dY0s9G/funi01123.gif',
    'https://image.ibb.co/bVKG3b/madi11017.gif',
    'https://image.ibb.co/j77fUG/madi11043.gif',
    'https://image.ibb.co/mSmJGw/madi11056.gif',
    'https://image.ibb.co/g3T9Ob/misi07001.gif',
    'https://image.ibb.co/mh179G/misi07010.gif',
    'https://image.ibb.co/cqOyGw/misi07033.gif',
    'https://image.ibb.co/jCjS9G/misi07040.gif',
    'https://image.ibb.co/eCaCbw/misi07115.gif',
    'https://image.ibb.co/ioU5ww/misi07119.gif',
    'https://image.ibb.co/fVN3ib/misi07158.gif',
    'https://image.ibb.co/e6Gkww/misi07162.gif',
    'https://image.ibb.co/bALCbw/musi08017.gif',
    'https://image.ibb.co/eGJb3b/negi09028.gif',
    'https://image.ibb.co/kSR79G/pini12004.gif',
    'https://image.ibb.co/c0US9G/pini12020.gif',
    'https://image.ibb.co/mm2sbw/pini12055.gif',
    'https://image.ibb.co/iLCsbw/pini12111.gif',
    'https://image.ibb.co/mZsEpG/pini12118.gif',
    'https://image.ibb.co/dhE5ww/pini12126.gif',
    'https://image.ibb.co/iNWkww/pini12136.gif',
    'https://image.ibb.co/nFmw3b/pini12146.gif',
    'https://image.ibb.co/hNLdGw/pini12165.gif',
    'https://image.ibb.co/kEcQww/pini12181.gif',
    'https://image.ibb.co/gFCsbw/sadi02009.gif',
    'https://image.ibb.co/cHrw3b/sati03014.gif',
    'https://image.ibb.co/b8AZpG/sati03020.gif',
    'https://image.ibb.co/dTqCbw/tabi04172.gif',
    'https://image.ibb.co/d1Lh6w/yarost.gif'
    ];
    nabor[4] = [
    'https://image.ibb.co/iW7x9G/35542318.gif',
    'https://image.ibb.co/j89AUG/fors12004.gif',
    'https://image.ibb.co/mUMPpG/fors12008.gif',
    'https://image.ibb.co/iYeYib/fors12009.gif',
    'https://image.ibb.co/dXVH9G/fors12010.gif',
    'https://image.ibb.co/cPqvww/fors12011.gif',
    'https://image.ibb.co/mvUzOb/fors12013.gif',
    'https://image.ibb.co/iiMDib/fors12021.gif',
    'https://image.ibb.co/nzkH9G/fors12025.gif',
    'https://image.ibb.co/dFq63b/fors12034.gif',
    'https://image.ibb.co/eYm2bw/fors12042.gif',
    'https://image.ibb.co/iYVTGw/fors12043.gif',
    'https://image.ibb.co/mdjAUG/fors12047.gif',
    'https://image.ibb.co/i4GqUG/miss02045.gif',
    'https://image.ibb.co/dpSx9G/miss02394.gif',
    'https://image.ibb.co/nqMeOb/miss02905.gif',
    'https://image.ibb.co/kRENbw/pads01001.gif',
    'https://image.ibb.co/dOPzOb/pads01009.gif',
    'https://image.ibb.co/movH9G/pads01011.gif',
    'https://image.ibb.co/fMSKOb/pads01028.gif',
    'https://image.ibb.co/g3Cx9G/pads01041.gif',
    'https://image.ibb.co/is0jpG/pads01080.gif',
    'https://image.ibb.co/cDGeOb/pads01090.gif'
    ];
    $(function(){
    $('#smilies-block').addClass('t1');
    var vkladki = '<div id="wrapper"><ul class="tabs tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t1 tab-current"><a>Стандартные</a></li>';
    vkladki += '<li class="t2"><a>Table</a></li>'; //дополнительная вкладка, идущая следом за стандартным набором
    vkladki += '<li class="t3"><a>Classic</a></li>'; //дополнительная вкладка
    vkladki += '<li class="t4"><a>Stamp</a></li>'; //дополнительная вкладка
    vkladki += '</ul>';
    vkladki += '<div class="t2"></div>'; //дополнительный блок смайлов, идущий следом за стандартным
    vkladki += '<div class="t3"></div>'; //дополнительный блок смайлов
    vkladki += '<div class="t4"></div>'; //дополнительный блок смайлов
    vkladki += '</div>';
    $('#smilies-area').prepend(vkladki);
    $.each(nabor, function(i){if (nabor[i]!=undefined){for (var q=0;q<nabor[i].length;q++){$('div.t'+i).append('<img src="'+nabor[i][q]+'" onclick=smile(\'[img]'+nabor[i][q]+'[/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>

0

330

Balboa
Ссылку на форум с проблемой (Высота блока не проставлена, либо проставлена криво

0

331

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

Ссылку на форум с проблемой

Тестирую на этом: http://klgd.forum2.net/
Логин и пароль нужны?

0

332

Balboa
Да, кидайте в личку(думал пиар вход есть)

0

333

Balboa
Добавьте к коду красным:

<!--дополнительные смайлы v.3 © Romych-->
    <style type="text/css">
    #wrapper {width: 500px;
    }
    #wrapper div[class^="t"]{
    position:relative;
    z-index:1000;
    max-height:300px;
    overflow:auto;
    overflow-x:hidden;
    }

    /* вкладки доп смайлов */
    ul.tabs {height: 24px;line-height: 23px;margin: 0 0 3px;list-style: none;}
    ul.tabs li {float: left;cursor:pointer;}
    ul.tabs li a {background:transparent url("https://forumstatic.ru/files/0017/d8/50/91984.png") no-repeat scroll 0 0 / cover ;color: #444444;display: block;margin-bottom: -1px;padding: 0 5px 1px;position: relative;text-align: center;text-decoration: none;width:76px;}
    ul.tabs li a:hover {color:#EFEFEF;background: url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0 -25px/ cover; text-decoration:none;}
    ul.tabs li.tab-current a {color: #444;border:medium hidden;line-height: 22px;background-position: 0 -47px;}
    ul.tabs li.tab-current a:hover {color: #6A5ACD;}
    #smilies-area div[class^="t"]:not(.t1) {display: none;width: 450px;}
    </style>

   Высоту можно отрегулировать:  max-height:300px;

Отредактировано Deff (Пн, 22 Янв 2018 00:56:02)

+2

334

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

Добавьте к коду красным:

Благодарствую!
Так гораздо смотрибельнее и лаконичнее с прокруткой.
https://image.ibb.co/b5dRKG/4.jpg
А то вылетала такая портянка...)

Отредактировано Balboa (Пн, 22 Янв 2018 01:10:55)

0

335

Спасибо огромное !!!
http://sf.uploads.ru/RAm3X.gif

0

336

Здравствуйте!
несколько дней пытаюсь подобрать скрипт на смайлы и всё что-то не то, попробую спросить :)

Подскажите, возможно ли сделать такие же владки к смайлам (т.е по наборам), но под окном ввода сообщения.
Либо, если нет, то хотя бы, в одну строчку "спойлеры" как поставить, потому что при дублировании скрипта он появляется просто ниже.
Чтобы было понятно, скрин (красным это как раз "одна строчка"), а наборы хотелось бы в самом спойлере "доп.смайлы".

Простите за косноязычие, я пыталась, как могла. Возможно, сможете помочь))

cкрин

https://s8.hostingkartinok.com/uploads/images/2018/03/a9434a019bb9576b18991de4391ef757.jpg

Этот скрипт, в принципе, всем хорош, но его закрывает установленный чат, да и под самим окном удобнее с мобильных устройств (тем более, если планируется объёмный набор смайлов). Про регулировку высоты вижу, но вдруг всё же есть вариант поставить вниз подобие такого же.

чат и скрипт

https://s8.hostingkartinok.com/uploads/images/2018/03/e0c04dd9c17a47397d591bbd67c29faa.jpg

Отредактировано Анноушка (Пн, 12 Мар 2018 17:48:31)

0

337

сайт для детей https://forum.mybb.ru/​

0

338

Скрипт из первопоста почти идеальный, то, что нужно, но есть ли возможность сделать так, чтобы картинки подгружались только при открытии вкладки смайлов? Все еще стоит проблема ограниченного трафика у некоторых пользователей.
Такой скрипт есть у Деффа, знаю, но он, все-таки, более проблемный в заполнении.

Отредактировано Dan Frozen (Чт, 21 Июн 2018 13:29:48)

0

339

Dan Frozen написал(а):

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

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

+1

340

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

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

Видимо, у меня слишком быстрый интернет и не заметила подгрузки, на другом и правда подгружается при открытии. Спасибо, извините за беспокойство.

+1


Вы здесь » Единый форум поддержки » Смайлики » ♥ Дополнительные смайлы в одном окне со стандартными ♥