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

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

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

Поделиться107.04.2012 16:58:03

Автор: max, the murderer!
Советник форума
Уважение: +482
Достижения/подарки:
1
0

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

Автор: Romych

в 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'
    ];
    	
    $(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>

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

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

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

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

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

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

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

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

Отредактировано Герда (20.07.2020 08:36:28)

Цитировать Сообщение 1

Поделиться207.04.2012 17:06:37

Автор: Deff
Модератор
Уважение: +562

Отредактировано Deff (07.04.2012 18:24:15)

Цитировать Сообщение 2

Поделиться307.04.2012 17:42:16

Автор: max, the murderer!
Советник форума
Уважение: +482
Достижения/подарки:
1
0

Дефф, я видела, чуть попозже запосчу.

Цитировать Сообщение 3

Поделиться417.01.2014 01:56:17

Автор: Герда
Команда ForumD.ru
Уважение: +1964
Достижения/подарки:
2
1

Модификация скрипта от Romych "Дополнительный набор смайлов в одном окне со стандартными" (c) Deff

Узрел на практике на сколько долго подгружается страница с тучей смайлов (не менее десятков секунд)
1. Нет загрузки без клика на иконку смайлов
2. Упрощена вставка новых смайлов

В HTML низ

<style type="text/css">
/* вкладки доп смайлов */
#wrapper {width: 600px;}
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {background: url("http://uploads.ru/i/P/5/Q/P5Q2V.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://uploads.ru/i/P/5/Q/P5Q2V.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>
<script language="javascript">
$(document).ready(function() {
if($('#smilies-block').length==0) return false;
$('#smilies-block').addClass('t1');
function abc(){/*==123==;
<div id="wrapper">
<ul class="tabs tabs1"><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></p></div><div class="t3"><p><br></p></div>
</div> ==123==;*/} abc = abc.toString().split('==123==;')[1];
$(abc).prependTo('#smilies-area');
function abc1(){

//Второй Блок Смайлов;
/*==123==;
http://i070.radikal.ru/1005/c7/0e77ae8a9874.gif
http://s59.radikal.ru/i166/1005/2f/5b1c0605032a.gif
http://i054.radikal.ru/1005/f6/13dcca4f279d.gif
http://s56.radikal.ru/i151/1005/a3/85c037c68925.gif
http://i072.radikal.ru/1005/6f/c90a718466a8.gif
http://i077.radikal.ru/1005/1d/a629f081ef7f.gif
http://s59.radikal.ru/i166/1005/5a/6bc6b02280ac.gif
http://i053.radikal.ru/1005/21/123a52ee0534.gif
http://s61.radikal.ru/i174/1005/29/606e8da4d6a3.gif
http://s59.radikal.ru/i166/1005/88/477afdf0dd76.gif
http://s52.radikal.ru/i136/1005/b2/aab2ba0a2bde.gif
http://s61.radikal.ru/i174/1005/94/78a759f0ae02.gif
http://i061.radikal.ru/1005/ba/3b89a947cb01.gif
http://s61.radikal.ru/i174/1005/4e/b5e2c635f00d.gif
http://i035.radikal.ru/1005/91/ed0ded51be72.gif
http://i073.radikal.ru/1005/fa/96e053ab7c23.gif
http://s53.radikal.ru/i140/1005/e9/0768f063410c.gif
http://s49.radikal.ru/i123/1005/fc/fd0d83f120c1.gif
http://s58.radikal.ru/i161/1005/3b/5e65a19efafb.gif
http://s09.radikal.ru/i182/1005/6e/44e8b1d40f2d.gif
http://i072.radikal.ru/1005/1f/61fabf24866d.gif
http://s40.radikal.ru/i087/1005/73/453c7686ee37.gif
http://i066.radikal.ru/1005/89/131741843d79.gif
==123==;*/} abc1 = abc1.toString().split('==123==;')[1];
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var tgEnd = '" onclick="smile('+bb+')" />';
function abc2(){

//Третий Блок Смайлов;
/*==123==;
http://yapro.ru/javascript/jquery.lebni … les/01.gif
http://yapro.ru/javascript/jquery.lebni … les/02.gif
http://yapro.ru/javascript/jquery.lebni … les/03.gif
http://yapro.ru/javascript/jquery.lebni … les/04.gif
http://yapro.ru/javascript/jquery.lebni … les/05.gif
http://yapro.ru/javascript/jquery.lebni … les/06.gif
http://yapro.ru/javascript/jquery.lebni … les/07.gif
http://yapro.ru/javascript/jquery.lebni … les/11.gif
http://yapro.ru/javascript/jquery.lebni … les/12.gif
http://yapro.ru/javascript/jquery.lebni … les/13.gif
http://yapro.ru/javascript/jquery.lebni … les/49.gif
http://yapro.ru/javascript/jquery.lebni … les/46.gif
http://yapro.ru/javascript/jquery.lebni … les/43.gif
http://yapro.ru/javascript/jquery.lebni … les/41.gif
http://yapro.ru/javascript/jquery.lebni … les/38.gif
http://yapro.ru/javascript/jquery.lebni … les/39.gif
http://yapro.ru/javascript/jquery.lebni … les/37.gif
http://yapro.ru/javascript/jquery.lebni … les/34.gif
http://yapro.ru/javascript/jquery.lebni … les/33.gif
http://yapro.ru/javascript/jquery.lebni … les/31.gif
http://yapro.ru/javascript/jquery.lebni … les/28.gif
http://yapro.ru/javascript/jquery.lebni … les/26.gif
http://yapro.ru/javascript/jquery.lebni … les/25.gif
http://yapro.ru/javascript/jquery.lebni … les/23.gif
http://yapro.ru/javascript/jquery.lebni … les/20.gif
http://yapro.ru/javascript/jquery.lebni … les/19.gif
http://yapro.ru/javascript/jquery.lebni … les/17.gif
http://yapro.ru/javascript/jquery.lebni … les/16.gif
http://yapro.ru/javascript/jquery.lebni … les/15.gif
http://yapro.ru/javascript/jquery.lebni … les/50.gif
http://yapro.ru/javascript/jquery.lebni … bandit.gif
http://yapro.ru/javascript/jquery.lebni … es/bug.gif
http://yapro.ru/javascript/jquery.lebni … /fubar.gif
http://yapro.ru/javascript/jquery.lebni … s/rock.gif
==123==;*/} abc2 = abc2.toString().split('==123==;')[1];
$('#button-smile').one('click',function(){
abc1=abc1.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
abc2=abc2.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
$(abc1).prependTo('#smilies-area div.t2');
$(abc2).prependTo('#smilies-area div.t3');
});
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1, div.t2, div.t3').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
return false;
}); });
</script>

Красные ссылки меняем на свои, если нужно

Модификация скрипта "Кнопка дополнительных смайлов в форме ответа" (с) Deff
1. Нет загрузки без клика на иконку смайлов
2. Упрощена вставка новых смайлов
3. Возможность вставки новых кнопок смайлов, дублированием кода, заменяя лишь ссылки;

В HTML в форме ответа

<script type="text/javascript">
(function (){
var fun = 'showhide'+(+new Date()%40000);
var b='<style>.custom-smilies img {cursor:pointer !important}</style>'
+'<div class="custom-smilies"><input type="Button" value="Дополнительные смайлы" onclick="return '+fun;
document.write(b+'(this)"><p style="display:none"></p></div>');
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var c = '" onclick="smile('+bb+')" />';
function ass(){/*==123==;

http://funportal.info/smiles/smile66.gif
http://s7.rimg.info/00d3b01c3604095f552 … af2e58.gif
http://s5.rimg.info/a871d0a789e1de16896 … 9d5d5d.gif
http://funportal.info/smiles/smile146.gif
http://s8.rimg.info/42e1a8deb81188c73bd … 4d32eb.gif
http://s9.rimg.info/a24fe349ad000250c34 … 09b9a6.gif
http://s8.rimg.info/d2d9c61661288a36064 … cc265b.gif
http://s9.rimg.info/ca92124f75f67cd09ab … f29dfe.gif
http://s9.rimg.info/45d296af09b36683bdb … 06e82e.gif
http://s.rimg.info/f904c4b040270ea61019c644838fb9cc.gif
http://s.rimg.info/76609ad7ca2d11817fa97bc5231b0965.gif
http://s9.rimg.info/1c0b68c3dc26c551710 … 6a88ff.gif
http://doodoo.ru/smiles/wo/s16.gif
http://doodoo.ru/smiles/wo/s17.gif
http://doodoo.ru/smiles/wo/s24.gif
http://doodoo.ru/smiles/wo/bubu.gif
http://doodoo.ru/smiles/wo/encore.gif
http://doodoo.ru/smiles/wo/expect.gif
http://doodoo.ru/smiles/wo/prayer.gif
http://s6.rimg.info/fc5cd1f26e4f0855d93 … 175498.gif
http://s8.rimg.info/626081c25f2ca2eccd7 … 0dcf53.gif
http://doodoo.ru/smiles/wo/s01.gif
http://doodoo.ru/smiles/wo/s22.gif
http://doodoo.ru/smiles/wo/s34.gif
http://doodoo.ru/smiles/wo/cook.gif
http://doodoo.ru/smiles/wo/crash.gif
http://doodoo.ru/smiles/wo/declare.gif
http://doodoo.ru/smiles/wo/locomotive.gif
http://doodoo.ru/smiles/wo/woodpecker.gif
http://doodoo.ru/smiles/smush/s005.gif
http://s4.rimg.info/f616d7008cdba4fc754 … 59759d.gif
http://s3.rimg.info/60e5b04866d90e6324f … 03e193.gif
http://s9.rimg.info/1503450350a79dce71a … 2aff3f.gif
http://img218.imageshack.us/img218/7699 … ticaa9.gif
http://i019.radikal.ru/0802/f3/d401bcb531b6.gif
http://s13.rimg.info/4301ffbd890f487874 … 495e92.gif

==123==;*/
} ass = ass.toString().split('==123==;')[1];
ass=ass.replace(/^(http:.*?)$/gim,'<img src="$1"'+c);
var load = false;
window[fun] = function (b){
p = b.parentNode.getElementsByTagName("p")[0]
if(!load){load = true;$(ass).appendTo(p);}
if(b.value=="Дополнительные смайлы"){
b.value="Скрыть смайлы"
p.style.display="block"}
else{
b.value="Дополнительные смайлы"
p.style.display="none"}
return false}}());
</script>

Красные ссылки меняем на свои, если нужно

Отредактировано Герда (17.01.2014 01:56:59)

Цитировать Сообщение 4

Поделиться506.02.2014 15:41:00

Автор: Бармалей
Участник
Уважение: +2

Герда написал(а):

Модификация скрипта "Кнопка дополнительных смайлов в форме ответа" (с) Deff
1. Нет загрузки без клика на иконку смайлов
2. Упрощена вставка новых смайлов
3. Возможность вставки новых кнопок смайлов, дублированием кода, заменяя лишь ссылки;

Герда!
А вот к этому куску, что вставляется в форму ответа, что нужно ставить в HTML-верх и HTML-низ?

Цитировать Сообщение 5

Поделиться606.02.2014 15:55:47

Автор: Бармалей
Участник
Уважение: +2

И еще есть глюк!
Этот скрипт конфликтует со скриптом Контейнер с вкладками для информации Ccылка
Т.е. настройка вкладок в одном сбивает настройки в другом.

Цитировать Сообщение 6

Поделиться707.02.2014 15:12:35

Автор: Deff
Модератор
Уважение: +562

Бармалей написал(а):

И еще есть глюк!Этот скрипт конфликтует со скриптом Контейнер с вкладками для информации Ccылка Т.е. настройка вкладок в одном сбивает настройки в другом.

Поставьте скрипт ниже скрипта: Контейнер с вкладками для информации
2. Приводите ссылки на ресурс(на сообщение, клик по дате в сообщении, видням гостю) с установкой кода, желательно наличие скрипта пиар входа для теста формы ответа

Отредактировано Deff (07.02.2014 15:13:29)

Цитировать Сообщение 7

Поделиться807.02.2014 17:02:45

Автор: Бармалей
Участник
Уважение: +2

Вот ссылка на тестовый форум

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Пиар вход поставил

Цитировать Сообщение 8

Поделиться907.02.2014 17:40:25

Автор: Deff
Модератор
Уважение: +562

Бармалей
У Вас Глюк совсем в Ином месте, можете проверить и убрать скрипт смайлов!

Попробуйте переставить этот код из HTML верх

<script>
$(document).ready(function(){
var СhangSTR = "В фонде форума:"
var СhangSTR2= ""
var СhangSTR3="кредитов"

$("#pun-status span.item3 a").html(СhangSTR2)
$("#pun-status span.item3").html(СhangSTR+$("#pun-status span.item3").html().substring(15))
$("#pun-status span.item3").html($("#pun-status span.item3").html().replace("кредитов",СhangSTR3))
});
</script>

В Cамый конец HTML низ! (А В Принципе задайте Вопрос на оффсайте этого скрипта, ибо он портит
$(document).ready(function(){
Независимо, от того где он стоит!

Отредактировано Deff (07.02.2014 17:41:42)

Цитировать Сообщение 9

Поделиться1007.02.2014 17:52:15

Автор: Бармалей
Участник
Уважение: +2

Я убрал с тестовика скрипт "Настройка оплаты кредитов."
Но проблема осталась
Кнопки на вкладках в объявлении обрезаются по правилам вкладок в дополнительных смайлах. Если доп. смайлы убрать, то кнопки смотрятся совсем по другому (см. Основной форум Ccылка ), где доп. смайлы пока не устанавливал.

Цитировать Сообщение 10

Ответить

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

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»

Имя

ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."

ForumD.ru - Дизайн для форумов и техническая поддержка

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

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

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн «Warlords of Draenor»

Светлый дизайн в фентези стиле с аниме-графикой

Дизайн для MyBB форума гильдии WoW Exodar

Поддержать проект

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