Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Смайлики » Коллекция пирожков (все что собрано)
Оказывается, это Ваши работы, которые я "тырнула с тырнета". У Вас золотые руки!
Там только флаги, с танком, с шариками, под скамейкой и с почесанием, остальные не мои)) А, еще танцующий или идущий))
остальные не мои))
А с Ваших слов я поняла, что они - Ваши. Кстати, почему их не добавляют к стандартным? Среди них есть очень удачные - качественно сделанные.
Кстати, почему их не добавляют к стандартным? Среди них есть очень удачные - качественно сделанные.
Был ряд смайликов одобренных старым Админом Майбб, остальные добавляются своими силами)) Так и повелось с тех пор))
Большой набор колобков (в т.ч. от Айвена), всё под некоммерческим условием использования.
<!--дополнительные смайлы v.3.2 © 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['Смайлики'] = [
// Пример: 'https://example.com/smile1.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://media.tenor.com/LS5JiOG4AFsAAAAM/angry-cat-grumpy-cat.gif',
'https://media.tenor.com/O5egAyhk1eQAAAAM/applause-applaud.gif',
'https://media.tenor.com/HcicP0GpslAAAAAM/den-%C3%A4r-min-boll.gi',
'https://media.tenor.com/5seUEb0O-BoAAAAM/roflandz-mad-kitten.gif',
'https://media.tenor.com/6_J3UN-yfUQAAAAM/kitten-christmas.gif',
'https://sd.uploads.ru/t/L6q5Y.gif',
'https://s5.uploads.ru/t/yHuG8.gif',
'https://sh.uploads.ru/t/7eU2E.gif',
'https://sh.uploads.ru/t/l1RNb.gif',
'https://sd.uploads.ru/t/aVMmL.gif',
'https://s7.uploads.ru/t/85zI4.gif',
'https://s9.uploads.ru/t/UswXA.gif',
'https://imgs.su/upload/278/2717536635.gif',
'https://imgs.su/upload/278/3712995081.gif',
'https://imgs.su/upload/278/3101777978.gif',
'https://imgs.su/upload/278/3384683538.gif',
'https://imgs.su/upload/278/848539311.gif',
'https://imgs.su/upload/278/1690896681.gif',
'https://imgs.su/upload/278/1459579819.gif',
'https://imgs.su/upload/278/819269878.gif',
'https://imgs.su/upload/281/3902392288.gif',
'https://imgs.su/upload/281/191700523.gif',
'https://upforme.ru/uploads/0014/7b/b2/11/t24255.gif',
'https://upforme.ru/uploads/0014/7b/b2/671/t972630.gif',
'https://upforme.ru/uploads/0014/7b/b2/776/t186049.gif',
'https://i.imgur.com/M2WsrhF.gif',
'https://i.imgur.com/XTppimb.gif',
'https://i.imgur.com/15xL763.gif',
'https://i.imgur.com/CVv5wGJ.gif',
'https://i.imgur.com/FOdXVNQ.gif',
'https://i.imgur.com/qJiKb18.gif',
'https://i.imgur.com/4kzCgXG.gif',
'https://i.imgur.com/ze3bvWG.gif',
'https://i.imgur.com/dkgXP6L.gif',
'https://i.imgur.com/qtHeEUP.gif',
'https://i.imgur.com/9X7ZaXy.gif',
'https://i.imgur.com/8pKmV65.gif',
'https://i.imgur.com/TvrXx8j.gif',
'https://i.imgur.com/If8ag8X.gif',
'https://i.imgur.com/r0I9EpL.gif',
'https://i.imgur.com/50LIFeY.gif',
'https://i.imgur.com/QJYTcDG.gif',
'https://i.imgur.com/ZVr0FMI.gif',
'https://i.imgur.com/ZxIH09k.gif',
'https://i.imgur.com/AuLtTZN.gif',
'https://i.imgur.com/JVlztN3.gif',
'https://i.imgur.com/CiIILZY.gif',
'https://i.imgur.com/h49JCEM.gif',
'https://i.imgur.com/dbz2Vwe.gif',
'https://i.imgur.com/pliQ6Th.gif',
'https://i.imgur.com/UAUujfs.gif',
'https://i.imgur.com/IUyyuLp.gif',
'https://i.imgur.com/M7dk2As.gif',
'https://i.imgur.com/ITR4HtK.gif',
'https://i.imgur.com/xM9WGB3.gif',
'https://media.tenor.com/eHX5-kh3odQAAAAM/white-cat-crying-gif-size-small.gif',
'https://media.tenor.com/4HzOJRLFdSUAAAAM/popcat-popcatsolana.gif',
'https://media.tenor.com/d977sfGCL-cAAAAM/poop.gif',
'https://media.tenor.com/cCtwPuj5cP8AAAAM/angry.gif',
'https://i.imgur.com/aPAynsd.gif'
];
// Массив для праздников (пустой — вставь свои ссылки на открытки)
nabor['Праздники'] = [
'https://media1.tenor.com/m/mThw7vamL1kAAAAd/christmas-tree.gif',
'https://media1.tenor.com/m/pR5_l9zQvScAAAAd/roy-christmas-roy.gif',
'https://media.tenor.com/_0ihPun-O-IAAAAj/christmas-lights-jurassic-realty.gif',
'https://media1.tenor.com/m/8VG0foefAkcAAAAd/dancing-eddie-davis.gif',
'https://media1.tenor.com/m/wW09K74R1vEAAAAd/dan-aykroyd-christmas-lights.gif',
'https://media1.tenor.com/m/h-6U4JXdzQ8AAAAd/good-morning.gif',
'https://media1.tenor.com/m/r-aOvlo1SRoAAAAd/merry-christmas-happy-holidays.gif',//новый год
'https://media.tenor.com/PNw3oMuRe0QAAAAm/skeleton-skeleton-meme.webp',
'https://media.tenor.com/lqwqphOKYwUAAAAj/sappy-seals.gif',
'https://media.tenor.com/vC3kU5t9c_kAAAAj/sappy-seals.gif',
'https://media.tenor.com/xgoBgk2i5sUAAAAj/bubu-dudu-sseeyall.gif',
'https://media1.tenor.com/m/mncSwb4ZJqUAAAAd/happy-halloween-2023.gif',
'https://media.tenor.com/lenBDsH6peAAAAAj/halloween-fall.gif',//хеллуин
'https://media1.tenor.com/m/4pyVGUz0enYAAAAd/february-23.gif',
'https://media1.tenor.com/m/AYtJ36esa0YAAAAd/february-23.gif',
'https://media1.tenor.com/m/g4JBiyrZeN4AAAAd/23%D1%84%D0%B5%D0%B2%D1%80%D0%B0%D0%BB%D1%8F.gif',
'https://media1.tenor.com/m/ZMn2Q2AznlgAAAAd/23-%D1%84%D0%B5%D0%B2%D1%80%D0%B0%D0%BB%D1%8F.gif',
'https://media1.tenor.com/m/i61OJqjIxecAAAAd/23%D1%84%D0%B5%D0%B2%D1%80%D0%B0%D0%BB%D1%8F.gif',
'https://media1.tenor.com/m/e7wKcmYlaLAAAAAd/23%D1%84%D0%B5%D0%B2%D1%80%D0%B0%D0%BB%D1%8F-tank.gif',//23 февраля
'https://media1.tenor.com/m/_g3Nnq7xa64AAAAd/%D1%81-8-%D0%BC%D0%B0%D1%80%D1%82%D0%B0.gif',
'https://media1.tenor.com/m/iJaGahjzgtEAAAAd/8%D0%BC%D0%B0%D1%80%D1%82%D0%B0-flower.gif',
'https://media1.tenor.com/m/YahXVMJlZwsAAAAd/8%D0%BC%D0%B0%D1%80%D1%82%D0%B0-%D1%81%D1%87%D0%B0%D1%81%D1%82%D1%8C%D1%8F.gif',
'https://media1.tenor.com/m/0Hqu0hDUrOkAAAAd/8march-rose.gif',
'https://media1.tenor.com/m/LGQYo1wpmMcAAAAd/8%D0%BC%D0%B0%D1%80%D1%82%D0%B0.gif',
'https://media1.tenor.com/m/7g4dyEZeT1wAAAAd/%D1%81-8-%D0%BC%D0%B0%D1%80%D1%82%D0%B0-%D0%B7%D0%B0%D0%B9%D0%BA%D0%B0.gif',
'https://media1.tenor.com/m/WEmNHARCcPwAAAAd/march8-8%D0%BC%D0%B0%D1%80%D1%82%D0%B0.gif',//8 марта
'https://media.tenor.com/DF7efNtiseEAAAAj/christ-is-risen.gif',
'https://media1.tenor.com/m/tJPnegbo2pMAAAAd/%D0%BF%D0%B0%D1%81%D1%85%D0%B0.gif',
'https://media1.tenor.com/m/x-CxMRYa2o8AAAAd/%D0%BF%D0%B0%D1%81%D1%85%D0%B0.gif',
'https://media.tenor.com/_U0nDr8-8JgAAAAj/easter-eggs-happy-easter.gif',
'https://media1.tenor.com/m/2BXqu9oATjoAAAAd/%D0%BF%D0%B0%D1%81%D1%85%D0%B0-jesus-christ.gif',//пасха
'https://media1.tenor.com/m/1WRSUIN1UnUAAAAd/%D1%81%D0%B4%D0%BD%D1%91%D0%BC-%D1%81%D0%B2%D1%8F%D1%82%D0%BE%D0%B3%D0%BE.gif',
'https://media1.tenor.com/m/N90j6PTNBt8AAAAd/%D1%81%D0%B4%D0%BD%D1%91%D0%BC%D1%81%D0%B2%D1%8F%D1%82%D0%BE%D0%B3%D0%BE%D0%B2%D0%B0%D0%BB%D0%B5%D0%BD%D1%82%D0%B8%D0%BD%D0%B0-%D0%B2%D0%B0%D0%BB%D0%B5%D0%BD%D1%82%D0%B8%D0%BD.gif',
'https://media.tenor.com/A_2uBfd4se4AAAAj/winnie-the-pooh-pooh-bear.gif',
'https://media1.tenor.com/m/7gygn4Yl5wwAAAAd/kisses-happy-valentines-day.gif',
'https://media.tenor.com/SoHUEPDwxTcAAAAj/valentines-love.gif'
];
$('#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)[0].removeAttribute('onclick');$('#wrapper').append('<div class="t-0"></div>');$.each(nabor['Смайлики'],function(q){$('div.t-0').append('<img width="100px" src="'+nabor['Смайлики'][q]+'" alt="" onclick="smile(\'[img=smalimg]'+nabor['Смайлики'][q]+'[/img]\')" />');});for(var i in nabor){if(i !== 'Смайлики'){ $('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){if(i === 'Гифки'){ $('div.t-'+i).append('<img width="100px" src="'+nabor[i][q]+'" alt="" onclick="smile(\'[img]'+nabor[i][q]+'[/img]\')" />'); } else { $('div.t-'+i).append('<img width="100px" src="'+nabor[i][q]+'" alt="" onclick="smile(\'[img=smalimg]'+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');});
// Убрали закрытие при клике на изображение, чтобы можно было вставлять несколько
// $('#smilies-area img').click(function(){ $('#smilies-area').hide();});
// Добавили закрытие при клике вне меню или на кнопку
$(document).click(function(e) {
if (!$(e.target).closest('#smilies-area, #button-smile').length) {
$('#smilies-area').hide();
}
});
// Закрываем при вводе текста
$('textarea, input[type="text"]').on('input', function() {
$('#smilies-area').hide();
});
});
</script>Решил провести эксперимент в конвертацию старых смайликов gif в apng. Результат мне не очень понравился, но решил поделиться. Сам скрипт по мотивам старого Деффовского скрипта. Скрипт поддерживает два формата apng и gif. Сами ссылки в двух форматах содержатся в файле https://forumstatic.ru/files/000f/3e/e5/46478.js . Скрипт заменяет стандартный вывод смайликов на вкладки. Название вкладок так же в файле https://forumstatic.ru/files/000f/3e/e5/46478.js . Пример:
"Пирожки": [
{
"apng": "https://iili.io/qFNCqnj.png",
"gif": "https://iili.io/qFkzEcG.gif",
"id": "pirozhki1"
},
Пирожки - название вкладки, pirozhki1 - то что будет выводится в поле ответа. CSS можно настроить на свой вкус. Вот скрипт как есть:
<!-- Смайлики вкладками в двух форматах apng и gif. НАЧАЛО -->
<style>
#SmileDrom{
background:transparent;
box-shadow:0 7px 10px rgba(50,50,50,.75);
padding:1em;
display:none;
position:relative;
z-index:9999;
}
#KnopK_Sml{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(80px,1fr));
gap:4px;
margin-bottom:8px;
}
#KnopK_Sml div{
text-align:center;
height:28px;
line-height:28px;
cursor:pointer;
background:#eee;
font-size:12px;
}
#KnopK_Sml div.Active{
background:#837059;
color:#fff;
}
.smile_Cnt{
display:none;
overflow:auto;
max-height:430px;
}
.smile_Cnt img{
padding:3px;
max-height:65px;
max-width:67px;
cursor:pointer;
}
</style>
<script src="https://forumstatic.ru/files/000f/3e/e5/46478.js?v=1.0"></script>
<script>
(function(){
if(typeof window.SMILES_DATA === 'undefined'){
console.error('SMILES_DATA не найден');
return;
}
var SMILE_INDEX = {};
var LOAD_MODE = localStorage.getItem('smile_mode') || 'gif';
// apng | gif
/* ---------- Создание контейнера ---------- */
function createContainer(){
if($('#SmileDrom').length) return;
var html = `
<div id="SmileDrom">
<div style="margin-bottom:8px; text-align:right;">
<label style="cursor:pointer; font-size:12px;">
<input type="radio" name="smileMode" value="apng"> APNG
</label>
<label style="cursor:pointer; margin-left:10px; font-size:12px;">
<input type="radio" name="smileMode" value="gif"> GIF
</label>
</div>
<div id="KnopK_Sml"></div>
<div id="SmileTabs"></div>
</div>
`;
if($('#form-buttons').length){
$('#form-buttons').before(html);
} else if($('#post').length){
$('#post').after(html);
} else {
$('body').append(html);
}
$('input[name="smileMode"][value="'+LOAD_MODE+'"]').prop('checked', true);
}
/* ---------- Переключатель режима ---------- */
$(document).on('change','input[name="smileMode"]',function(){
LOAD_MODE = $(this).val();
localStorage.setItem('smile_mode', LOAD_MODE);
buildSmiles();
renderPosts();
});
/* ---------- Вкладки ---------- */
function buildTabs(){
var tabs = $('#KnopK_Sml');
tabs.empty();
var index = 0;
Object.keys(window.SMILES_DATA).forEach(function(name){
tabs.append('<div data-tab="'+index+'">'+name+'</div>');
index++;
});
$('#KnopK_Sml div').first().addClass('Active');
}
/* ---------- Смайлы ---------- */
function buildSmiles(){
var container = $('#SmileTabs');
container.empty();
SMILE_INDEX = {};
var tabIndex = 0;
Object.keys(window.SMILES_DATA).forEach(function(name){
var block = $('<div class="smile_Cnt"></div>');
if(tabIndex===0) block.show();
window.SMILES_DATA[name].forEach(function(smile){
SMILE_INDEX[smile.id] = smile;
var src = (LOAD_MODE === 'apng' && smile.apng)
? smile.apng
: smile.gif;
var img = $('<img>')
.attr('src', src)
.attr('alt', smile.id)
.attr('loading','lazy')
.on('error', function(){
if(this.src !== smile.gif){
this.src = smile.gif;
}
})
.on('click', function(){
insertSmile(smile.id);
});
block.append(img);
});
container.append(block);
tabIndex++;
});
}
/* ---------- Переключение вкладок ---------- */
$(document).on('click','#KnopK_Sml div',function(){
var index = $(this).data('tab');
$('#KnopK_Sml div').removeClass('Active');
$(this).addClass('Active');
$('.smile_Cnt').hide().eq(index).show();
});
/* ---------- Вставка ---------- */
function insertSmile(id){
if(typeof smile === 'function'){
smile('[smile='+id+']');
}
$('#SmileDrom').hide();
}
/* ---------- Рендер постов ---------- */
function renderPosts(){
$('.post-content').each(function(){
var html = $(this).html();
html = html.replace(/\[smile=(.*?)\]/g,function(match,id){
if(!SMILE_INDEX[id]) return match;
var s = SMILE_INDEX[id];
var src = (LOAD_MODE === 'apng' && s.apng)
? s.apng
: s.gif;
return '<img class="postimg" src="'+src+'" alt="'+id+'" onerror="this.src=\''+s.gif+'\'">';
});
$(this).html(html);
});
}
/* ---------- Кнопка ---------- */
function overrideButton(){
$('#button-smile')
.off('click')
.html('<img src="/i/blank.gif" style="cursor:pointer;">')
.on('click',function(e){
e.preventDefault();
$('#SmileDrom').toggle();
});
}
/* ---------- INIT ---------- */
$(document).ready(function(){
createContainer();
buildTabs();
buildSmiles();
renderPosts();
overrideButton();
});
})();
</script>
<!-- Смайлики вкладками в двух форматах apng и gif. КОНЕЦ -->Формат по умолчанию в скрипте:
var LOAD_MODE = localStorage.getItem('smile_mode') || 'gif';
Сейчас стоит gif, если поставить apng, то будет выводится apng, а в старых браузерах, в теории, gif, но я не проверял, могут быть накладки. Ставить скрипт в НТМЛ верх.
Вы здесь » Единый форум поддержки » Смайлики » Коллекция пирожков (все что собрано)