Информация
JavaScript должен быть включен. С отключенным JavaScript функционал форума недоступен.
</noscript> <!-- Мгновенные уведомления © Alex_63, 2024 --> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" /> <script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script> <!-- посты из важных тем --> <script type="text/javascript"> notifications.load('common', {}); notifications.load('important', {topics: [2921,6505]}); </script> <script>notifications.load('subscriptions');</script><!-- подписки на форум/тему --> <script>notifications.load('fields', {fields: [1, 2], emptyNotify: true})</script><!-- изменения в полях профиля --> <script>notifications.load('mentions');</script><!-- упоминания --> <script>notifications.load('reports');</script><!-- Жалобы --> <script>notifications.load('new_user')</script><!-- регистрация юзеров --> <script>notifications.addons.tgbot.noInvite = true;</script> <!-- убрать подсказку про телегу --> <script>notifications.load('premod')</script><!-- премодерация --> <!-- Голосовые сообщения © Alex_63, 2024 --> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/voice.css" /> <script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/voice.js"></script> <script>voice.startOnOpen = false</script> <style> .voice-modal .container { overflow: hidden; } </style> <!-- иконки font awesome --> <script src="https://kit.fontawesome.com/f50f12bcbf.js" crossorigin="anonymous"></script> <!-- free --> <script src="https://kit.fontawesome.com/c06ba4bb64.js" crossorigin="anonymous"></script> <!-- pro --> <!-- Скрипт для создания анкет © Alex_63 --> <style> .postlink a[href*="questionary"] {background: #f98561; border-bottom: 6px solid #e63737;} .postlink a[href*="questionary"]:hover {background: #e63737;} </style> <script type="text/javascript"> var Questnr = {}; Questnr.groups = [1,2,6,12,16]; //Группы, которым разрешено создавать шаблоны для анкет Questnr.forums = [4,5,6,19,2,22,108,121,1,144,90,179,151,133,184,123]; //Форумы с допуском к анкетированию Questnr.title = 'Заказ от '; //Начало заголовка темы с анкетой (по умолчанию) Questnr.noedit = 0; //Запрет редактирования заполненной анкеты пользователем </script> <script type="text/javascript"> ['viewforum','viewtopic','post','edit','searchposts'].indexOf($('.punbb')[0].id.substr(4))!=-1&& $().pun_mainReady(function(){var s='script',l='/files/0007/e3/f7/32678.js'; var f=$('#pun-viewforum').length?$('link[rel="alternate"]'):$('.crumbs a[href*="viewforum"]:last'); f=+f[0].href.match(/id=(\d+)$/)[1];Questnr.forums.indexOf(f)!=-1&&document.write('<'+s+' src="'+l+'"></'+s+'>')}); </script> <script> //работающий у всех кроме динозавров вариант //Questnr.allowReply = [+$('link[rel="alternate"]')[0].href.match(/id=(\d+)$/)?.[1]]; //текущая тема var curReplyMatch = $('link[rel="alternate"]')[0].href.match(/id=(\d+)$/); //если нашел текущую тему - массив, иначе 0 if (curReplyMatch) { Questnr.allowReply = [+curReplyMatch[1]]; } </script> <script> // Проверенные спецы var verifiedData = [ { id: '2', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>UI/UX дизайн</b>, <b>CSS/Верстка</b>, Javascript">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7032', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7907', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7006', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>Вебдизайн</b>, <b>Графический дизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7181', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>DigitalArt</b> - цифровой рисунок, pixelart, анимация">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7130', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>CSS/Верстка</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7639', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '6797', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '6489', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '8926', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>, <b>Верстка</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '5063', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7884', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>дизайны для форумов MyBB</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' } ]; // Должности var dutyData = [ { id: '2', color: 'red', fld: '<li class="fd-duty rus">Главный администратор</li><li class="fd-duty eng">System support administrator</li>', }, { id: '7842', color: 'green', fld: '<li class="fd-duty rus">Модератор каталога графики</li><li class="fd-duty eng">Graphics Catalog Moderator</li>', }, { id: '7151', color: 'green', fld: '<li class="fd-duty rus">Модератор ролевых разделов</li><li class="fd-duty eng">Role-Playing Sections Moderator</li>', }, { id: '6995', color: 'green', fld: '<li class="fd-duty rus">Модератор стримов</li><li class="fd-duty eng">Streams Moderator</li>' }, { id: '9439', color: 'green', fld: '<li class="fd-duty rus">Модератор системы бонусов</li><li class="fd-duty eng">Bonus System Moderator</li>' }, { id: '9734', color: 'green', fld: '<li class="fd-duty rus">Ассистент англоязычной версии</li><li class="fd-duty eng">English Content Assistant</li>' }, { id: '9758', color: 'green', fld: '<li class="fd-duty rus">SMM менеджер</li><li class="fd-duty eng">SMM Manager</li>' } ]; // группы с доступом к закладкам var BookmGroups = [1,2,6,16,4,8,12]; </script> <!-- Редирект на портал --> <script> var portal = '/pages/index'; var TimeRedirect = 24*60*60; //Редирект при последнем посещении более суток var url = document.URL.split('#')[0]; if(!localStorage.LastVisit || RequestTime-localStorage.LastVisit > TimeRedirect){ if((url+'%a').split('/%')[1]=='a'&&url.indexOf('mod')==-1)location.href=portal; }localStorage.LastVisit = RequestTime; $(document).ready(function(){ var a = $('#pun-navlinks #navindex a')[0]; a.href = a.href+'=&forum' }); </script> <!-- стили спец постов --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0007/e3/f7/34232.css?v=7"> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93794845, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/93794845" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </div> <div id="pun-title" class="section"> <table id="title-logo-table" cellspacing="0"> <tbody id="title-logo-tbody"> <tr id="title-logo-tr"> <td id="title-logo-tdl" class="title-logo-tdl"> <h1 class="title-logo"><span>ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</span></h1> </td> <td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td> </tr> </tbody> </table> </div> <div id="pun-navlinks" class="section"> <h2><span>Меню навигации</span></h2> <ul class="container"> <li id="navindex"><a href="https://forumd.ru/"><span>Форум</span></a></li> <li id="navuserlist"><a href="https://forumd.ru/userlist.php" rel="nofollow"><span>Участники</span></a></li> <li id="navrules"><a href="https://forumd.ru/misc.php?action=rules" rel="nofollow"><span>Правила</span></a></li> <li id="navsearch"><a href="https://forumd.ru/search.php" rel="nofollow"><span>Поиск</span></a></li> <li id="navregister"><a href="https://forumd.ru/register.php" rel="nofollow"><span>Регистрация</span></a></li> <li id="navlogin"><a href="https://forumd.ru/login.php" rel="nofollow"><span>Войти</span></a></li> </ul> </div> <div id="pun-ulinks" class="section" onclick="void(0)"> <h2><span>Пользовательские ссылки</span></h2> <ul class="container"> <li class="item1"><a href="https://forumd.ru/search.php?action=show_recent">Активные темы</a></li> </ul> </div> <!--noindex--> <div id="pun-announcement" class="section"> <h2><span>Объявление</span></h2> <div class="container"> <div class="html-box"> <!-- Юзер-меню --> <div id="user-menu" class="side-menu"> <div class="close"><i class="material-symbols-outlined">cancel</i></div> <div class="u-ava"></div> <div class="fd-guest g-inf rus"> <b>РЕГИСТРАЦИЯ</b> на форуме позволит: <li>скачивать <i>дизайны</i> и видеть <i>коды скриптов</i></li> <li>оставлять <i>ссылки</i> на сайты/картинки</li> <li><i>оформлять</i> заказы</li> <li>отправлять <i>личные</i> сообщения</li> <li><i>рекламировать</i> свои форумы/сайты или услуги</span> </div> <div class="fd-guest g-inf eng"> <b>REGISTRATION</b> on the forum allows you to: <li>download <i>designs</i> and view <i>script codes</i></li> <li>leave <i>links</i> to websites/images</li> <li><i>place</i> orders</li> <li>send <i>private</i> messages</li> <li><i>advertise</i> your forums/websites or services</li> </div> <ul class="u-menu"> <li class="fd-guest rus"><a href='/register.php'><span class='material-icons'>person</span> Регистрация</a></li> <li class="fd-guest rus"><a href='/login.php'><span class='material-icons'>login</span> Вход</a></li> <li class="fd-guest rus"><a href='/viewtopic.php?id=4506'><span class='material-icons'>message</span> Обратная связь</a></li> <li class="fd-guest eng"><a href='/register.php'><span class='material-icons'>person</span> Register</a></li> <li class="fd-guest eng"><a href='/login.php'><span class='material-icons'>login</span> Login</a></li> <li class="fd-guest eng"><a href='/viewtopic.php?id=7165'><span class='material-icons'>message</span> Feedback</a></li> </ul> </div> <!-- Сайдбар --> <div id="sidebar" class="rus"> <div class="u-ava" title="Меню профиля"></div> <div class="u-notif fd-user icon remake" title="Уведомления" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Личные сообщения"></div> <div class="u-options icon"> <i class="material-symbols-outlined dark" title="Включить темную тему">dark_mode</i> <i class="material-symbols-outlined light" title="Включить светлую тему">light_mode</i> </div> <div class="u-arrow icon"> <div title="Наверх страницы" class="toTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div title="Вниз страницы" class="onBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <div id="sidebar" class="eng"> <div class="u-ava" title="Profile menu"></div> <div class="u-notif fd-user icon remake" title="Notifications" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Private messages"></div> <div class="u-arrow icon"> <div title="Scroll to top" class="toTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div title="Scroll to bottom" class="onBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <!--кнопки стрелки вверх вниз--> <script type="text/javascript"> $(function(){ $(window).scroll(function(){ if ($(window).scrollTop() > 250) { $(".toTop").fadeIn("slow"); } else { $(".toTop").fadeOut("slow"); } if ($(window).scrollTop() < $(document).height() - 999) { $(".onBottom").fadeIn("slow"); } else { $(".onBottom").fadeOut("slow"); } }); $(".toTop").click(function(){ $("html, body").animate({scrollTop: 0}, "slow"); }); $(".onBottom").click(function(){ $("html, body").animate({scrollTop: $(document).height()}, "slow"); }); }); </script> <!-- Меню --> <div id="nav"><ul class="inner"> <li id="logo"></li> <li id="navindex"><a href="/pages/index"><i class="material-symbols-outlined">home</i><span class="rus">Главная</span><span class="eng">Home</span></a></li> <li id="navforum"><a href="/=&forum"><i class="material-symbols-outlined">forum</i><span class="rus">Форум</span><span class="eng">Forum</span></a></li> <li id="navactive"><a href="/search.php?action=show_recent"><i class="material-symbols-outlined">chat</i><span class="rus">Активные темы</span><span class="eng">Active topics</span></a></li> <li id="navmembers"><a href="/userlist.php"><i class="material-symbols-outlined">group</i><span class="rus">Участники</span><span class="eng">Members</span></a></li> <li id="navsearch"><a href="/search.php"><i class="material-symbols-outlined">search</i><span class="rus">Поиск</span><span class="eng">Search</span></a></li> <li id="navadmin"><a href="/admin_index.php"><i class="material-symbols-outlined">shield_person</i><span class="rus">Админка</span><span class="eng">Admin</span></a></li> <li id="navguest"><a href="/register.php"><i class="material-symbols-outlined">passkey</i><span class="rus">Регистрация</span><span class="eng">Register</span></a></li> <li id="navguest"><a href="/login.php"><i class="material-symbols-outlined">login</i><span class="rus">Вход</span><span class="eng">Login</span></a></li> </ul></div> <!-- Смена языка --> <div id="langChange"><a class="material-icons">language</a><span class="eng"><b>Eng</b>/<a>Ru</a></span><span class="rus"><a>Eng</a>/<b>Ru</b></span></div> <!-- СЛАЙДЕР --> <div class="fd-slider"><!-- НАЧАЛО --> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/236383.jpg"> <div class="content"> <h3>🎧 Подкаст «НЕ<b>ТЕ</b>РОЛЕВЫЕ»</h3> <p> Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ). </p> <a id="store" target="_blank" href="https://t.me/neterolevye">Telegram</a> <a id="store" href="/viewtopic.php?id=8954">Обсудить</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/808399.jpg"> <div class="content"> <h3>🍁 Что такое осень? <b>Конкурс</b> осенних дизайнов!</h3> <p> Как вы выражаете осень на своём форуме/сайте? Что осень для вас? <br> Вас ждут вкусные призы за участие, призовой фонд растет вместе с числом участников! <br> Все участники гарантировано получают <b>рекламные места</b>. </p> <a id="store" href="/viewtopic.php?id=8918#p207189">Участвовать</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/965290.jpg"> <div class="content"> <h3>🔥 Акция! Осенние <b>скидки</b> на Мгновенные уведомления</h3> <p> Оплачивая уведомления <b>до 1 ноября 2024</b>, вы можете получить скидки в 10% или 20% за наградные баллы! <br> <a href="/viewtopic.php?id=8045">Скрипт уведомлений</a> поддерживается уже более 5 лет и имеет много бесплатных дополнений. <br> Мы принимаем <b>все способы оплаты из любых стран</b>. </p> <a id="store" href="/viewtopic.php?id=8924#p207222">Подробности</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/993126.jpg"> <div class="content"> <h3>❤️ Поддержи проект! Стань модератором!</h3> <p> Разыскиваются модераторы на должности: <br> Модератор вебмастерских разделов, Ассистент англоязычной версии, Видеомонтажер и другие<br> <a href="/viewtopic.php?id=5787#p134326">Посмотреть вакансии и условия.</a> </p> <a id="store" href="/viewtopic.php?id=5787#p134326">Подать заявку</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/435761.jpg"> <div class="content"> <h3>💌 <b>Акция!</b> Подписка, лайк, коммент, репост!</h3> <p> В рамках акции вы можете помочь нам в продвижении и заработать НАГРАДНЫЕ БАЛЛЫ.<br> НБ можно обменивать на платные скрипты, скидки на заказы, рекламу на нашем форуме и т.д. <br> Подробнее о том, где еще можно потратить баллы, можно <a href="https://forumd.ru/viewtopic.php?id=8324#p206561">в теме акции</a>. </p> <a id="store" href="https://forumd.ru/viewtopic.php?id=8324#p206561">Участвовать</a> </div> </div> <div class="slide eng" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/209339.jpg"> <div class="content"> <h3>🌟 SPECIAL OFFER: We distribute designs for free</h3> <p> Finalizing the layout for your project;<br> Developing a style code; <br> Mobile version included if you wish.<br> </p> <a id="store" href="/viewtopic.php?id=7243">Details</a> </div> </div> <div class="slide eng" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/209339.jpg"> <div class="content"> <h3>❤️ Support the project</h3> <p> If you want to help us:<br> <a href=/viewtopic.php?id=5787>Become a moderator</a><br> <a href="/viewtopic.php?id=7167">Suggestions</a> • <a href="/viewtopic.php?id=7168">Reviews</a> </p> <a id="store" href="/viewtopic.php?id=6616">Details</a> </div> </div> <!-- КОНЕЦ --><div class="fd-slider-dots"></div></div> <div class="bot-hr"></div> <!-- мини объявы --> <!-- --> <div id="ann" class="rus"> 💌 Акция! <a href="/viewtopic.php?id=8324#p206561" target='blank'>Подписка, лайк, коммент, репост!</a> Поделись нашими YouTube видео и получи наградные баллы.</div> <!-- <div id="ann" class="rus">Требуются модераторы! <a href="https://forumd.ru/viewtopic.php?id=5787#p134326" target='blank'>Посмотреть вакансии и подать заявку.</a> Денежную оплату и "плюшки" гарантируем 💲 </div> --> <!-- <div id="ann" class="rus"> ❗ ❗ ❗ На форуме временные проблемы с регистрацией пользователей! ❗ ❗ ❗ <br> Если вам не пришел пароль от аккаунта на почту пишите сюда свой никнейм и e-mail: <a href="/viewtopic.php?id=4506" target='blank'>Диалог с администрацией</a> <br>Администраторы зарегистрируют и активируют аккаунт вручную. </div> --> <!-- <div id="ann" class="rus"> 🎄 <a href="/viewtopic.php?id=2921&p=21#p191508" target='blank'>Подборка новогодних украшений вашего проекта</a></div> --> <!-- --><div id="ann" class="eng"> ❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, <a href="https://i.imgur.com/mg0OGtT.png" target='blank'>switch to the russian language.</a> This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience. </div> <!-- <div id="ann" class="rus moderator-ann">Пожалуйста <a href="/viewtopic.php?id=7206" target='blank'>заполните анкету</a> и расскажите о вашей готовности к англоязычным пользователям. </div> --> <!-- Скрипт слайдера --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/14086.js?v=2" async></script> </div> </div> </div> <!--/noindex--> <div id="pun-status" class="section"> <h2><span>Информация о пользователе</span></h2> <p class="container"> <span class="item1">Привет, Гость!</span> <span class="item2"><a href="/login.php" rel="nofollow">Войдите</a> или <a href="/register.php" rel="nofollow">зарегистрируйтесь</a>.</span> </p> </div> <div id="pun-break1" class="divider"><hr /></div> <div id="pun-crumbs1" class="section"> <p class="container crumbs"><strong>Вы здесь</strong> <em>» </em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>» </em>Навигатор по скриптам и css-решениям</p> </div> <div id="pun-break2" class="divider"><hr /></div> <!-- banner_mini_top --> <style type="text/css"> .pages div.container {overflow:hidden} </style> <div id="pun-main" class="main pages"> <div class="section"> <h1><span>Навигатор по скриптам и css-решениям</span></h1> <div class="container"> <style> #pun-announcement .bot-hr, #pun-announcement #ann, #pun-crumbs1, #pun-crumbs2, #pun-main h1, #pun-announcement #da-slider {display: none;} #pun-main, #pun-main .section {max-width: 100%; position: relative; padding: 0;} .hideonsite {display:none;} #formoder {display:none; padding: 5px; background: #ccc;} .ismoderator #formoder {display:block;} #pun-pages #title { border-bottom: 1px solid #73797f; background-color: #2e3e4f; padding: 20px 10px 30px; text-align: center; } #title h2 { margin: 0; color: #cccece; font-size: 60px; } #listtext {padding: 20px 0 0; text-align:center;} #port-filter {padding: 0 0 30px;} #port-filter .inner {padding: 0 0 10px;} #port-filter .inner .filter { display: grid; gap: 16px 4%; grid-template-columns: repeat(2, 1fr); } #port-filter .inner .filter.uni {display: block;} h3.tit, h4.tit { font-family: 'Bebas Neue'; font-size: 24px; text-transform: uppercase; padding-top: 10px; margin: 0 0 5px; } /*поиск по названиям*/ .navigator-search-container { margin: 20px auto 0; text-align: center; } .navigator-search-container label { font-family: 'Bebas Neue', 'Book Antiqua'; font-size: 24px; text-transform: uppercase; vertical-align: middle; padding-right: 10px; } /*для скрытия фильтров, которые актуальны только без фильтра по платформе mybb*/ :root { --mybb-display: inline-block; } .filter span.nomybb { display: var(--mybb-display); } /*для скрытия отфильтрованного*/ .hidden {display: none !important;} /*для скрытия чекбоксов*/ .filter .toggle input { display: none; } /*отображение задизейбленных фильтров*/ .filter span.disabled { opacity: 0.5; } /*отображение фильтров в плашке активных*/ .rowact.filter span, .rowban.filter span { display: none; } .rowact.filter span.active, .rowban span.active { display: inline-block; } /*отображение подписей в плашке активных*/ #activefilter .filter b { display: none; } #activefilter .filter b.active { display: inline; } .filter span { display: inline-block; background: #f4f4f4; color: #0080b7; transition: all 0.3s; -webkit-transition: all 0.3s; } .dark .filter span {background: #2f2f2f; color: #4eafc1;} .filter span { padding: 5px; border-radius: 5px; margin: 5px; font-size: 16px; text-transform: uppercase; font-weight: normal; } .filter span label { cursor: pointer; } .filter span.active:hover, .filter span:hover {background: #2e3e4f; color: #e63737;} .dark .filter span.active:hover, .dark .filter span:hover {background: #151515;} .filter span.active{background: #f98561; color:#fff;} .rowban.filter span.active{background: #e63737; color:#fff;} .dark .rowban.filter span {color:#fff;} .rowact.filter span label:hover:before, .rowban span label:hover:before {content: 'удалить: ';} /*плашка активных фильтров*/ #activefilter { position: fixed; bottom: 0; width: 100%; padding: 10px 0; background: #fff; z-index: 999; display: none; border-top: 1px solid #ccc; } #activefilter.active { display: block; } .dark #activefilter { background: #282828; border-top: 1px solid #1c1c1c; } #rowcansel {margin: 10px auto; font-size: 16px;} #rowcansel a {cursor: pointer;} .sttags div p {cursor: pointer;} .sttags div p:hover:before {content: 'скрыть тег: ';} #formoder {display:none; padding: 5px; background: #ccc;} .dark #formoder {background: #404040;} .ismoderator #formoder {display:block;} #pun .filter.forum { margin: 0 !important; width: auto !important; } .SCRBLOCK { border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; margin-top: 10px; } .dark .SCRBLOCK {border-bottom:1px solid #464646} .post-content .SCRBLOCK p {padding: 0;} .stforlink {display: block; position: relative; width: 100%;} .stforlink div {display: inline-block;} .SCRBLOCK .icon {font-size: 32px; position: absolute; top: -2px; left: 2px;} .SCRBLOCK .link { font-family: 'Bebas Neue', Impact !important; font-size: 28px; line-height: 28px; padding-bottom: 5px; } .SCRBLOCK .link p {margin: 0;} .SCRBLOCK .link a {font-weight: normal !important; padding: 0 10px 0 36px; background: rgba(54, 154, 224, 0.2);} .SCRBLOCK .link a:hover {background: #2e3e4f; color: #fff;} .sttags div {display: inline-block; margin: 5px 5px 0; font-size: 12px;} .post-content .sttags p, .sttags p { padding: 3px; border-radius: 3px; color: #fff; margin: 0; } .fa-js {color: #0481d9;} .fa-css3-alt {color: #29aecb;} .fa-file-lines {color: #f98561;} .fa-file-code {color: #e63737;} .fa-file-invoice-dollar {color: #f7941d} .sttags {opacity: 0.85} /*меня очень дизморалило то полотно селекторов. Пожалуй...*/ .darkblue {background: #0481d9;} .lightblue {background: #29aecb;} .red {background: #e63737;} .orange {background: #f98561;} .green {background: #26af33;} .yellow {background: #f7941d;} @media screen and (max-width: 1300px) { #list {padding: 0 10px;} } @media screen and (max-width: 860px) { .main #port-filter .inner .filter {display: block;} .main #title h2 {font-size: 40px;} } @media screen and (max-width: 660px) { #list .SCRBLOCK .link {font-size: 22px;} #list .SCRBLOCK .link a {padding: 0 5px;} .SCRBLOCK .icon {display: none;} } </style> <div id="title" class="vidtit"> <h2>Навигатор по скриптам и css-решениям</h2> </div> <div id="listtext"> <div class="inner"> <div class="links"> <div class="demo"><a href="/viewtopic.php?id=6937">Ищу скрипт/код</a></div> <div class="demo"><a href="/viewtopic.php?id=6279">Добавить скрипт/код</a></div> <div class="demo"><a href="/viewtopic.php?id=6740">Предложения по навигации</a></div> </div> </div> </div> <div id="port-filter"> <div class="linksb"> <div class="inner"> <!-- Фильтры --> <div class="filter plattype"> <div id="dir-block" class="platform"> <h3 class="tit">Платформа</h3> </div> <div id="dir-block" class="codetype"> <h3 class="tit">Тип кода</h3> </div> </div> <div class="filter forum"> <div id="dir-block" class="module"> <h4 class="tit">Тип для форума (что меняем?):</h3> </div> <div id="dir-block" class="page"> <h4 class="tit">Страница форума (где меняем?):</h3> </div> </div> <div class="filter uni"> <h3 class="tit">Универсальные теги</h3> </div> <div class="navigator-search-container"> <!-- блок для поиска по названию --> </div> <!-- Фильтры конец --> </div> </div> </div> <!-- Активные фильтры --> <div id="activefilter"> <div class="inner"> <div class="rowact filter"> <b>Активные фильтры:</b> </div> <div class="rowban filter"> <b>Фильтры скрытия:</b> </div> <div id="rowcansel"><a>Убрать все фильтры</a></div> </div> </div> <!-- Активные фильтры конец --> <div id="list"> <div class="inner"> <div class="post1" style="display: none" id="scripts-list"></div> <div class="post-loader">Загрузка...</div> </div> </div> <script> //кусок бойлерплейта чтобы не копировать добавление класса для оберток фильтров, скрываемых при активации фильтра по платформе mybb const filterCreateWrapper = () => { const el = document.createElement('span'); el.classList.add('nomybb'); return el; }; //я хз зачем там бры, но пусть будут)0) const beautifyAfterWrapperFilled = (wrapper) => { wrapper.insertAdjacentHTML('afterend', '<br>') }; //js НЕ ГАРАНТИРУЕТ сортировку полей объекта, так что пусть гарантируется - с учетом переносов строк лишним не будет let sortOrder = 0; const originalFilters = { "any": {name: "Любой движок", type: "toggle", filterContainerSelector: '.plattype .platform', sortOrder: sortOrder++}, "mybb-ru": {name: "Только MyBB.ru", type: "toggle", filterContainerSelector: '.plattype .platform', sortOrder: sortOrder++}, "css": {name: "CSS код", type: "toggle", filterContainerSelector: '.plattype .codetype', sortOrder: sortOrder++}, "js": {name: "Скрипт", type: "toggle", filterContainerSelector: '.plattype .codetype', sortOrder: sortOrder++}, "shab": {name: "HTML/CSS шаблоны", type: "toggle", filterContainerSelector: '.plattype .codetype', sortOrder: sortOrder++}, "global": {name: "Модули/Расширения", type: "toggle", filterContainerSelector: '.plattype .codetype', sortOrder: sortOrder++}, "userprof": {name: "Профиль", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "adfield": {name: "Доп. поля профиля", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "avatars": {name: "Аватары", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "repa": {name: "Репутация", type: "toggle", filterContainerSelector: '.forum .module', beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "groups": {name: "Группы", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "guest": {name: "Гoсти", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "admins": {name: "Администраторы", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "moders": {name: "Модераторы", type: "toggle", filterContainerSelector: '.forum .module', beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "regis": {name: "Регистрация", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "login": {name: "Вход", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "ls": {name: "Личные сообщения", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "subsc": {name: "Подписки", type: "toggle", filterContainerSelector: '.forum .module', beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "search": {name: "Поиск", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "pagin": {name: "Пагинация", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "polls": {name: "Опросы", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "quotes": {name: "Цитирование", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "smiles": {name: "Смайлы", type: "toggle", filterContainerSelector: '.forum .module', beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "qbfix": {name: "Фикс скриптов QuadroBoards", type: "toggle", filterContainerSelector: '.forum .module', sortOrder: sortOrder++}, "allpages": {name: "На всех страницах", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "fpages": {name: "Страницы (соз. в админке)", type: "toggle", filterContainerSelector: '.forum .page', beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "mainpage": {name: "Главная страница", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "announ": {name: "Объявление", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "categ": {name: "Категории", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "forums": {name: "Форумы", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "stats": {name: "Статистика", type: "toggle", filterContainerSelector: '.forum .page', beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "topiclist": {name: "Список тем", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "profpage": {name: "Страница профиля", type: "toggle", filterContainerSelector: '.forum .page', beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "topics": {name: "Тема", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "posts": {name: "Сообщения", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "p-content": {name: "Контент сообщений", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "p-repa": {name: "Рейтинг постов", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "p-prof": {name: "Профиль автора поста", type: "toggle", filterContainerSelector: '.forum .page', beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "fo": {name: "Форма ответа", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "fomod": {name: "Модификация ФО", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "newbb": {name: "Новые BB-теги", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "spesh": {name: "Инструментарий спец тем/постов", type: "toggle", filterContainerSelector: '.forum .page', sortOrder: sortOrder++}, "dis": {name: "Дизайн/стиль", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "chan": {name: "Замена элементов/атрибутов", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "load": {name: "Загрузка", type: "toggle", filterContainerSelector: '.uni', filterCreateWrapper, sortOrder: sortOrder++}, "redir": {name: "Переадресация", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "scroll": {name: "Скроллинг", type: "toggle", filterContainerSelector: '.uni', filterCreateWrapper, beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "vidjet": {name: "Виджеты", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "menu": {name: "Меню", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "ttabs": {name: "Вкладки", type: "toggle", filterContainerSelector: '.uni', filterCreateWrapper, sortOrder: sortOrder++}, "gall": {name: "Галереи", type: "toggle", filterContainerSelector: '.uni', filterCreateWrapper, sortOrder: sortOrder++}, "sliders": {name: "Слайдеры", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "rotat": {name: "Ротаторы", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "timers": {name: "Таймеры/даты", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "spoilers": {name: "Спойлеры", type: "toggle", filterContainerSelector: '.uni', beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "adv": {name: "Реклама", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "pics": {name: "Изображения", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "media": {name: "Медиа", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "frpg": {name: "Ролевые игры", type: "toggle", filterContainerSelector: '.uni', beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "hover": {name: "Hover-эффекты", type: "toggle", filterContainerSelector: '.uni', filterCreateWrapper, sortOrder: sortOrder++}, "anim": {name: "Анимация", type: "toggle", filterContainerSelector: '.uni', filterCreateWrapper, sortOrder: sortOrder++}, "decor": {name: "Украшения", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "seleb": {name: "Праздники", type: "toggle", filterContainerSelector: '.uni', beautifyAfterWrapperFilled, sortOrder: sortOrder++}, "users": {name: "Пользователи", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "stops": {name: "Ограничения/запреты", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "nocopy": {name: "Антикопирование", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "notif": {name: "Уведомления", type: "toggle", filterContainerSelector: '.uni', sortOrder: sortOrder++}, "search": { name: "Поиск по названию", type: "search", filterContainerSelector: '.navigator-search-container', sortOrder: sortOrder++, filterCreateWrapper: () => document.createElement('div'), beautifyAfterWrapperFilled: (wrapper) => { const input = wrapper.querySelector('input'); input.placeholder = 'Введите название'; input.autocomplete = 'off'; } } }; //если в итеме есть потомок с классом фильтра, то это значение, удовлетворяющее фильтру const valuesGetter = (item, field) => { if (originalFilters[field].type === 'toggle') return !!item.querySelector(`.${field}`); if (originalFilters[field].type === 'search') return item.querySelector('a').innerText.toLocaleLowerCase(); } //фильтры скрытия const oppositeFilters = Object.entries(originalFilters).reduce((acc, [field, filterConfig]) => { if(filterConfig.type !== 'toggle') return acc; const {name, type} = filterConfig; acc[`not__${field}`] = { name, type, filterContainerSelector: '.rowban', sortOrder: sortOrder++, isOpposite: true, //если в итеме есть потомок с классом фильтра, то это значение, НЕ удовлетворяющее фильтру скрытия filterValueGetter: (item) => !valuesGetter(item, field) }; return acc; }, {}); const filterFieldToFilter = {...originalFilters, ...oppositeFilters}; const activeFiltersElement = document.querySelector('#activefilter'); const actualizeActiveFiltersClassnames = () => { const hasActiveFilters = activeFiltersElement.querySelector('input:checked'); activeFiltersElement.classList[hasActiveFilters ? 'add' : 'remove']('active'); const filtersCaption = activeFiltersElement.querySelector('.rowact b'); const hasActiveActFilters = activeFiltersElement.querySelector('.rowact input:checked'); filtersCaption.classList[hasActiveActFilters ? 'add' : 'remove']('active'); const filtersBanCaption = activeFiltersElement.querySelector('.rowban b'); const hasActiveBanFilters = activeFiltersElement.querySelector('.rowban input:checked'); filtersBanCaption.classList[hasActiveBanFilters ? 'add' : 'remove']('active'); } const config = { idPrefix: "scripts-list", emptyResultClass: "not-found", itemClassname: "SCRBLOCK", filtersContainerClassname: "inner", //пишет активные фильтры в url, позволяет шарить ссылки с уже включенными фильтрами useUrlSearchParams: true, //можно глобально определить как мы получаем значение у всех фильтров valuesGetter, //можно делать нестандартные обертки над итемами, например, спаны, если у нас только тогглы createWrapper: () => document.createElement('span'), //вызывается в конце обработчика change afterFilterChange: (filterField, filterValue, filterElement) => { //по сути заюзано ради доп логики при активации платформенных фильтров switch (filterField) { case 'mybb-ru': if (filterValue) { document.documentElement.style.setProperty('--mybb-display', 'none'); } else { document.documentElement.style.setProperty('--mybb-display', 'inline-block'); } case 'any': const oppositePlatformFilterField = filterField === 'any' ? 'mybb-ru' : 'any'; const oppositePlatformFilter = document.querySelector(`#${config.idPrefix}-filter-${oppositePlatformFilterField}`); oppositePlatformFilter.disabled = !oppositePlatformFilter.disabled; oppositePlatformFilter.parentElement.classList[oppositePlatformFilter.disabled ? 'add' : 'remove']('disabled'); break; } }, //вызывается когда фильтр засунут в обертку, а обертка засунута на свое место afterFilterRender: (filterField, filterElement) => { if (filterField === 'search') return; const wrapper = filterElement.parentElement; filterElement.addEventListener('change', (e) => { wrapper.classList[filterElement.checked ? 'add' : 'remove']('active'); actualizeActiveFiltersClassnames(); });/* */ if (filterFieldToFilter[filterField].isOpposite) return; const wrapperClone = wrapper.cloneNode(true); wrapperClone.id += '__clone'; wrapperClone.childNodes.forEach(el => { if(el.id) el.id += '__clone'; if(el.htmlFor) el.htmlFor += '__clone'; }) document.querySelector('.rowact.filter').append(wrapperClone); const filterClone = wrapperClone.querySelector('input'); filterElement.addEventListener('change', (e) => { filterClone.checked = filterElement.checked; wrapperClone.classList[filterElement.checked ? 'add' : 'remove']('active'); actualizeActiveFiltersClassnames(); }); filterClone.addEventListener('change', (e) => { filterElement.checked = filterClone.checked; const event = new Event('change'); filterElement.dispatchEvent(event); }) } }; //у меня вытекли глаза при чтении того полотна ни о чем не говорящих классов, так что давайте просто красить по словарю const colorsToClassnames = { "darkblue": ["js", "moders", "mybb-ru", "frpg", "chan"], "lightblue": ["css", "qbfix", "ls", "subs", "quotes", "stats", "repa", "adfield", "scroll", "notif", "media", "menu", "decor", "spesh", "redir", "gall", "timers", "subs"], "red": ["any", "admins", "dis", "global", "stops", "seleb", "allpages"], "orange": ["shab", "groups", "fo", "vidjet", "mainpage", "topiclist", "topics", "users", "fpages"], "green": ["guest", "fomod", "load", "adv", "spoilers", "sliders", "hover", "categ", "userprof", "polls", "p-prof", "posts"], "yellow": ["regis", "forums", "login", "nocopy", "avatars", "profpage", "pics", "anim", "ttabs", "rotat", "newbb", "smiles", "p-repa", "search", "p-content", "announ", "pagin"] } const classnameToColor = new Map(); Object.entries(colorsToClassnames).forEach(([color, classnames]) => { classnames.forEach((classname) => { classnameToColor.set(classname, color) }) }); const addTagsEventListeners = () => { document.querySelectorAll('.SCRBLOCK .sttags div').forEach((el) => { el.classList.forEach((className) => { const colorClassnameByClass = classnameToColor.get(className); if(colorClassnameByClass) { el.querySelector('p').classList.add(colorClassnameByClass); } }) el.addEventListener('click', (e) => { el.classList.forEach((className) => { const filter = document.querySelector(`#${config.idPrefix}-filter-not__${className}`); filter.checked = true; const event = new Event('change'); filter.dispatchEvent(event); }) }); }); }; //Убрать все фильтры document.querySelector('#rowcansel').addEventListener('click', (e) => { e.preventDefault(); const item = e.currentTarget; const container = item.parentElement; container.querySelectorAll('input:checked').forEach((el) => { el.checked = false; const ev = new Event('change'); el.dispatchEvent(ev); }); }); //Код в который лучше без особых причин не лезть XD const makeFiltersGreat = () => { const { idPrefix, emptyResultClass, itemsContainerClassname, itemClassname, filtersContainerClassname, useUrlSearchParams, valuesGetter, createWrapper, afterFilterChange, afterFilterRender } = config; const filtersContainer = document.querySelector(`#${idPrefix} .${filtersContainerClassname}`); const items = document.querySelectorAll(`#${idPrefix}${itemsContainerClassname ? (' .' + itemsContainerClassname) : ''} .${itemClassname}`); const itemsForHideReasons = new Map(); items.forEach(item => itemsForHideReasons.set(item, new Set())); const filtersConfigs = Object.entries(filterFieldToFilter); const isSorted = filtersConfigs.reduce((acc, [field, {sortOrder}]) => { if (sortOrder === undefined) return false; return acc; }, true); if (isSorted) { filtersConfigs.sort(([field1, {sortOrder: sortOrder1}], [field2, {sortOrder: sortOrder2}]) => sortOrder1 - sortOrder2); } filtersConfigs.forEach(([field, { name, type, valueSeparator, filterContainerSelector, filterValueGetter, filterCreateWrapper, beautifyAfterWrapperFilled }]) => { const filterId = `${idPrefix}-filter-${field}`; let filter; //функция, которая принимает значение фильтра, значение итема и определяет, должен ли итем показываться let valueComparator = (filterValue, value) => true; const wrapper = filterCreateWrapper ? filterCreateWrapper() : createWrapper(); wrapper.id = `${filterId}-wrapper`; wrapper.classList.add('wrapper'); if (type) wrapper.classList.add(type); const label = document.createElement('label'); label.innerText = name; label.htmlFor = filterId; wrapper.append(label); if (filterContainerSelector) { document.querySelector(filterContainerSelector).append(wrapper) } else filtersContainer.append(wrapper); switch (type) { case "search": filter = document.createElement('input'); filter.type = 'text'; filter.addEventListener('input', (e) => { const event = new Event('change') e.target.dispatchEvent(event); }); valueComparator = (filterValue, value) =>{ return value.includes(filterValue); } break; case "toggle": filter = document.createElement('input'); filter.type = 'checkbox'; valueComparator = (filterValue, value) => { const isFalseValue = !value && value !== '' || value === "false"; const isFalseFilterValue = filterValue === "false"; if (!filterValue || isFalseValue === isFalseFilterValue) return true return false } break; case "boolean": filter = document.createElement('select'); filter.insertAdjacentHTML('afterbegin', ` <option label="Все"></option> <option label="Да" value="true">Да</option> <option label="Нет" value="false">Нет</option> `); valueComparator = (filterValue, value) => { const isFalseValue = !value && value !== '' || value === "false"; const isFalseFilterValue = filterValue === "false"; if (!filterValue || isFalseValue === isFalseFilterValue) return true return false } break; default: const values = new Set(); items.forEach(el => { const vals = valueSeparator ? el.dataset[field].split(valueSeparator) : [el.dataset[field]]; vals.forEach(val => values.add(val)); }); filter = document.createElement('select'); filter.insertAdjacentHTML('afterbegin', '<option label="Все"></option>'); valueComparator = (filterValue, value) => { if (!filterValue || filterValue === value){ return true; } return false; } const valuesArray = Array.from(values); valuesArray.sort(); for (const value of valuesArray) { filter.insertAdjacentHTML('beforeend', `<option label="${value}" value="${value}">${value}</option>`); } } wrapper.append(filter); if (beautifyAfterWrapperFilled) beautifyAfterWrapperFilled(wrapper) filter.id = filterId; filter.addEventListener('change', (e) => { const filterValue = e.target.type !== 'checkbox' ? e.target.value : e.target.checked; if (useUrlSearchParams) { const curentSearchParams = new URLSearchParams(location.search); if (!filterValue) { curentSearchParams.delete(field); } else { curentSearchParams.set(field, filterValue); } if (history.pushState) { const newurl = location.origin + location.pathname + '?' + curentSearchParams.toString(); history.pushState({path:newurl},'',newurl); } } let shownElementsCount = 0; items.forEach(item => { const rawValue = filterValueGetter ? filterValueGetter(item) : valuesGetter(item, field); const values = valueSeparator ? rawValue?.split(valueSeparator) ?? [] : [rawValue]; const hideReasons = itemsForHideReasons.get(item); const shouldBeShown = values.reduce((acc, cur) => { return acc || valueComparator(filterValue, cur) }, false); if (shouldBeShown) { hideReasons.delete(field); if (!hideReasons.size){ item.classList.remove("hidden"); shownElementsCount++; } } else { hideReasons.add(field); item.classList.add("hidden"); } }); if (!shownElementsCount) { document.querySelector(`#${idPrefix}`).classList.add(emptyResultClass); } afterFilterChange(field, filterValue, filter); }); afterFilterRender(field, filter); if (useUrlSearchParams) { const searchParamValue = new URLSearchParams(location.search).get(field); if (searchParamValue) { const ev = new Event('change'); switch (type) { case "toggle": if (searchParamValue === 'true') { filter.checked = true; } break; case "search": filter.value = searchParamValue; } filter.dispatchEvent(ev); } } }) } //Подгрузка данных var posts = [176290, 176293, 176329] $.getJSON('/api.php?method=post.get&post_id='+posts.join(','), function(jsondata) { if (jsondata.response && (jsondata.response.length > 0)) { $('.post1').html(jsondata.response.map((el, index) => ` <div id="formoder"> <b>postId:</b> <a href="/viewtopic.php?id=${jsondata.response[index].topic_id}#p${posts[index]}">${posts[index]}</a> </div> ` + el.message).join('')).show(); makeFiltersGreat(); addTagsEventListeners(); $('.post-loader').hide(); } else { $('.post-loader').html('Ошибка загрузки'); } }); </script> </div> </div> </div> <script type="text/javascript">$(document).trigger("pun_main_ready");</script> <!-- pun_stats --> <!-- banner_mini_bottom --> <!-- banner_bottom --> <div id="pun-break3" class="divider"><hr /></div> <div id="pun-crumbs2" class="section"> <p class="container crumbs"><strong>Вы здесь</strong> <em>» </em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>» </em>Навигатор по скриптам и css-решениям</p> </div> <div id="pun-break4" class="divider"><hr /></div> <div id="pun-about" class="section"> <p class="container"> </p> </div> <script type="text/javascript">$(document).trigger("pun_about_ready"); if (typeof ym == 'object') {ym(201230, 'userParams', {UserId:1, is_user:0}); ym(201230, 'params', {forum_id: 517111});}</script> <div id="html-footer" class="section"> <div class="container"><script> </script> <!-- переключение языка --> <script> if ((!window['UserID'] || 1 == UserID) && !['ru', 'ru-RU'].includes(navigator.language) && !~document.cookie.indexOf('lang=')) {document.cookie = "lang=en"; location.reload()} var i,smbCodeArr=[];var arr0=[1026,1027,8218,1107,8222,8230,8224,8225,8364,8240,1033,8249,1034,1036,1035,1039,1106,8216,8217,8220,8221,8226,8211,8212,"0",8482,1113,8250,1114,1116,1115,1119,160,1038,1118,1032,164,1168,166,167,1025,169,1028,171,172,173,174,1031,176,177,1030,1110,1169,181,182,183,1105,8470,1108,187,1112,1029,1109,1111];for(i=0;i<arr0.length;i++)smbCodeArr[arr0[i]]=i+128;for(i=1040;i<=1103;i++)smbCodeArr[i]=i-848; var encodeURIwin1251=function(str){for(var arr=str.split(""),n,i=0;i<arr.length;i++){n=arr[i].charCodeAt();if(n>187&&n<1025||n>1105)arr[i]="&#"+n+";";if(typeof smbCodeArr[n]!="undefined")arr[i]=String.fromCharCode(smbCodeArr[n])}return escape(arr.join("")).replace(/\+/mg,"%2B")};$.fn.extend({serialize:function(){var i=0,s="",obj=this.serializeArray(),Lng=obj.length;for(;i<Lng;i++)s+=(i?"&":"")+encodeURIwin1251(obj[i].name)+"="+encodeURIwin1251(obj[i].value);return s}}); function changeLang(){if(window["UserID"]&&1!=UserID){var url=location.origin+"/profile.php?section=essentials&id="+UserID;$.ajax({url:url,async:false,success:function(res){var f=$(res).find("#profile1");"en"!=f.find('select[name="req_lang"]').val()?f.find('select[name="req_lang"]').val("en"):f.find('select[name="req_lang"]').val("ru");data=f.serialize();var curl=document.URL;history.replaceState(null,"",url);$.ajax({url:url,async:false,data:data,type:"POST",success:function(res){history.replaceState(null, "",curl);location.reload()}})}})}else{$("#pun.en").length?document.cookie="lang=ru":document.cookie="lang=en";location.reload()}}$("#langChange").on("click",changeLang); </script> <!-- изменение кода страниц --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/43819.js?v=5" defer></script> <!-- сайдбар --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/67067.js?v=2" defer></script> <!-- главная форума --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/25287.js?v=5" defer></script> <!-- топиклист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/13065.js?v=2" defer></script> <!-- подписки в топиклисте --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/26591.js?v=19" defer></script> <!-- топики --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/49006.js?v=5" defer></script><!-- юзерлист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/18416.js?v=4" defer></script><!-- ЛС --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/20727.js?v=17" defer></script><!-- Профиль --> <!--Добавляем ссылку на форум в crumbs --> <script> if(!$("#pun-index").length&&document.URL.indexOf("/pages/index")==-1){ var s=' » <a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; if ($('#pun').hasClass('en')) { $(".crumbs").find("a:first").text('Home page').after(s) } else { $(".crumbs").find("a:first").text('Главная страница').after(s) } }; if($(".punbb").attr("id")=="pun-index"){ var s=' » <a href="/pages/index" class="rus">Главная страница</a><a href="/pages/index-eng" class="eng">Home page</a> » \ <a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; $(".crumbs").html(s); }; </script> <!-- Аватар и ссылка в цитате © Alex_63 / Мод: Gerda, ForumD.ru --> <script>var FdQuoteAva = '<i class="fa-solid fa-user"></i>';</script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/79040.js"></script> <script type="text/javascript">setLinkAndAva()</script> <!-- HTML в постах с допуском по группам © Alex_63 --> <script type="text/javascript" src="/files/0015/c4/3f/52361.js"></script> <script type="text/javascript"> HTMLinPost.groups = [1,2]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = ['Дух осени','Maquis','Romych','Duka']; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script> <!-- Выделение и разворот кода © ForumD.ru, Gerda --> <script type="text/javascript"> $(document).ready(function() { $('.code-box').each(function() { var $codeBox = $(this); $codeBox.parents('.code-css').find('pre').wrapInner('<code class="language-css line-numbers"></code>'); $codeBox.parents('.code-javascript').find('pre').wrapInner('<code class="language-javascript line-numbers"></code>'); $codeBox.parents('.code-html').find('pre').wrapInner('<code class="language-html line-numbers"></code>'); $codeBox.find('.legend').html('<span class="copy-code" href="javascript:void(0);"><i><gg class="rus">Скопировать код</gg><gg class="eng">Copy code</gg></i><b><gg class="rus">Скопировано</gg><gg class="eng">Copied</gg></b></span>'); $codeBox.find('.legend').append('<span class="expand-code"><i><gg class="rus">Развернуть</gg><gg class="eng">Expand</gg></i><b><gg class="rus">Свернуть</gg><gg class="eng">Collapse</gg></b></span>'); $codeBox.find('.copy-code').on('click', function () { $codeBox.addClass('copied'); var textarea = document.createElement('textarea'); textarea.value = $codeBox.find('.scrollbox pre').text(); document.body.appendChild(textarea); textarea.select(); try { document.execCommand('copy'); console.log('Код скопирован успешно:', textarea.value); } catch (err) { console.error('Ошибка копирования кода:', err); } finally { document.body.removeChild(textarea); } }); $codeBox.find('.expand-code').on('click', function () { $codeBox.toggleClass('expanded'); }); }); }); </script> <!-- подсветка кода --> <link href="https://forumstatic.ru/files/0007/e3/f7/65930.css" rel="stylesheet"> <script src="https://forumstatic.ru/files/0007/e3/f7/20627.js" async></script> <!-- Полноэкранный просмотр изображений v.3 © ForumD, satsana & Gerda --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/97612.js?v=3" async></script> <!-- Автоматическая подписка на темы --> <script>(function(){var forumLnk=$('#pun-crumbs1 a[href*="viewforum.php"]:last');if(!forumLnk.length)return;if(~[5,6,19].indexOf(+forumLnk.attr('href').match(/id=(\d+)/)[1]))$('#fld6').parent('.checkfield').remove(),$('#pun-viewtopic,#pun-post').find('#post .areafield').append('<input type="checkbox" checked style="display:none" id="fld6" name="subscribe"/>');})()</script> <!-- цветовыделение должностей и мастеров --> <script> $(document).ready(function() { function addDutyClass(element, userId) { var userDuty = dutyData.find(item => String(item.id) === String(userId)); if (userDuty) { $(element).addClass(userDuty.color); } } function addVerifiedClass(element, userId) { var verifiedUser = verifiedData.find(item => String(item.id) === String(userId)); if (verifiedUser) { $(element).addClass(verifiedUser.color); } } $('.post-content a, a.post-mention, #onlinelist a, .modmenu a, .tcl.username a, .tcl.tc-username a, .tc2.pmtc22 a').each(function () { var href = $(this).attr('href'); var userIdMatch = href.match(/\/profile\.php\?id=(\d+)$/); if (userIdMatch) { var userId = userIdMatch[1]; addDutyClass(this, userId); addVerifiedClass(this, userId); } }); }); </script> <!-- Проверка имени при регистрации © Alex_63 --> <style> #username.normal {background-color: #abd4af !important; border: 2px solid #26af33; color: #2f5325;} #username.error {background-color: #e7b8b8 !important; border: 2px solid #e63737; color: #6c1313;} .stclr {margin-left: 10px;} .stclr.normal{color: #26af33; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} .stclr.error {color: #e63737; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} img.preloader{width:12px;height:12px;margin-left:3px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/28064.js" defer></script> <!-- Чекбокс "Выбрать все" при модерировании темы и форума © Alex_63 --> <script type="text/javascript">if($('#pun-modviewforum').length){$('th.tcmod').html('Выбрать все: <input type="checkbox" id="CheckAll" title="Выбрать все">');$('#CheckAll').click(function(){if($('#CheckAll').attr('checked')){$(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked',true);}else{$(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked',false);}});}else if(GroupID<=2 && $('.punbb[id^="pun-multi"]').length){$('.modmenu .button').before('<span>Выбрать все</span><input type="checkbox" id="CheckAll" title="Выбрать все">');$('#CheckAll').click(function(){if($('#CheckAll').attr('checked')){$(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked',true);}else{$(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked',false);}});}</script> <!-- Всплывающие Подсказки --> <style> #tooltip { display: none; position: absolute; z-index: 9999999999999999; background: rgba(0,0,0,0.8); color: #fff; padding: 5px 8px; border-radius: 4px; max-width: 250px; } </style> <script type="text/javascript"> jQuery.fn.quicktip = function(options){ var defaults = { speed: 500, xOffset: 26, yOffset: -5 }; var options = $.extend(defaults, options); return this.each(function(){ var $this = jQuery(this); var tipTitle = $this.attr('title'); if (tipTitle) { $this.removeAttr('title'); $this.on('mouseover', function(e) { $(this).css('cursor', 'pointer'); $("body").append("<div id='tooltip'>" + tipTitle + "</div>"); $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px") .fadeIn(options.speed); }).on('mouseout', function(e) { $("#tooltip").remove(); }); $this.mousemove(function(e) { $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px"); }); } }); }; // Добавление подсказок $('.post abbr').attr('data-title', function() { return $(this).attr('title') }); $(function() {$(window).on('load', function() { $('.post abbr').attr('title', function() { return $(this).attr('data-title') }); $('*[title]').quicktip({ speed: 700 }); });}); </script> <!-- костыли английской версии --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/52360.js?v=2"></script> <!-- кастомные селекты --> <script> var fdSelects = '#punbbsearch select, #userlist select, #birthday select, #form-area select, .questionary-post select'; </script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/66411.js" defer></script> <!-- Форма постинга рекламы --> <script> const piarTopicsPrefix = '[Реклама]'; //начало названия топиков, в которых будет форма const piarForumId = '186'; //id форума, в котором лежат топики, в которых будет форма const isPiarTopic = FORUM.topic?.subject.startsWith(piarTopicsPrefix) && FORUM.topic?.forum_id === piarForumId; if (location.pathname === '/viewtopic.php' && isPiarTopic) { const saveToLS = (data) => localStorage.setItem('pr_values', JSON.stringify(data)); const getFromLS = () => JSON.parse(localStorage.getItem('pr_values') || "false"); const removeFromLS = () => localStorage.removeItem('pr_values'); if (GroupID === 3){ const defaultReply = document.querySelector('#post-form'); if (defaultReply) defaultReply.remove(); const piarLogin = 'Ролевой Курьер'; //логин пиар-аккаунта const piarPassword = '1234'; //пароль пиар-аккаунта let linkError = ''; let codeError = ''; const validateFields = (fields) => true; const markup = ` <div id='piar_reply_emulator' class='container'> <form> <fieldset> <legend>Разместить рекламу</legend> <p style="display: grid; grid-template-columns: 1fr;"${linkError ? " class=has-error" : ""}> <label for="our_piar_link">Ссылка на ответную рекламу</label> ${linkError} <input type="text" id="our_piar_link" name="our_piar_link"> </p> <p${codeError ? " class=has-error" : ""}> <label for="your_piar_code">Код вашей рекламы</label><br> ${codeError} <textarea id="your_piar_code" name="your_piar_code" rows="13"></textarea> </p> </fieldset> <p><input type="submit"></p> </form> </div>`; const bottomPagination = document.querySelector('.linksb'); bottomPagination.insertAdjacentHTML('afterend', markup); const piarReplyEmulatorForm = bottomPagination.nextElementSibling.querySelector('form'); piarReplyEmulatorForm.addEventListener('submit', async (ev) => { ev.preventDefault(); const values = {}; for(let elem of piarReplyEmulatorForm){ if(['text', 'textarea'].includes(elem.type)) values[elem.name] = elem.value || '' } if (!validateFields(values)) return false; saveToLS(values); const loginFormMarkup = ` <form id="login" class="container" method="post" action="${location.origin}/login.php?action=in" onsubmit="return true"> <input type="hidden" name="form_sent" value="1"> <input type="hidden" name="redirect_url" value="${location.href}"> <input type="text" id="fld1" name="req_username" size="25" maxlength="25" value="${piarLogin}"> <input type="password" id="fld2" name="req_password" size="16" maxlength="16" value="${piarPassword}"> </form>`; const container = document.createElement('div'); container.innerHTML = loginFormMarkup; document.querySelector('body').append(container); const event = new Event("submit"); container.querySelector('form').submit(); }) } else { const pr_data = getFromLS(); if(pr_data) { document.querySelector('#main-reply').value = ` ${pr_data.your_piar_code} [b]Ваша:[/b] ${pr_data.our_piar_link}`.trim(); removeFromLS(); document.querySelector('#post-form #post').submit?.click() const logoutUrl = `${location.origin}/login.php?action=out&id=${window.UserID}` fetch(logoutUrl); } } } </script> <!-- Баннеры конкурса --> <div class="comp-banner" style="display: none;"> </div> <script> $(document).ready(function() { var $compBanner = $('.comp-banner'); var $banners = $compBanner.children(); for (var i = $banners.length - 1; i >= 0; i--) { $compBanner.append($banners.eq(Math.floor(Math.random() * (i + 1)))); } var $clonedBanner = $compBanner.clone().css('display', 'flex'); var forumSelectors = ['#forum_f192', '#forum_f193', '#forum_f194', '#forum_f195']; $.each(forumSelectors, function(index, selector) { var $forum = $(selector); if ($forum.length) { var $descBanner = $forum.find('.desc-banner').after($clonedBanner); } }); }); </script> <!--Копирайт--> <div id="bottom"><div class="inner"> <div id="fdcop1" class="fdcop rus"><a href="/viewtopic.php?id=4505" target='blank'>Отзывы</a> | <a href='/viewtopic.php?id=8309' target='blank'>Сообщить об ошибке</a> | <a href='/viewtopic.php?id=6616' target='blank'>Помочь нам</a> | <a href='/misc.php?action=rules' target='blank'>Правила проекта</a></div> <div id="fdcop2" class="fdcop icons rus"> <a href="https://discord.com/invite/rNWtvk7" target="_blank" title="Наш сервер на дискорде для заказов"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" title="Диалог с администрацией"><i class="fa-regular fa-comment"></i></a> <a href="/viewtopic.php?id=6616" title="Поддержать проект"><i class="fa-solid fa-hand-holding-heart"></i></a> <a href="https://vk.com/forumd" target="_blank" title="Мы в ВК"><i class="fa-brands fa-vk"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" class="tip" title="Канал на Ютубе"><i class="fa-brands fa-youtube"></i></a> <a href="https://boosty.to/forumd.ru" target="_blank" title="Подписки/донаты на Boosty"><i class="fa-solid fa-money-check-dollar"></i></a> <a href="https://www.donationalerts.com/r/forumdru" target="_blank" title="Донаты на DonationAlerts"><i class="fa-solid fa-coins"></i></a> </div> <div id="fdcop2" class="fdcop icons eng"> <a href="https://discord.gg/Vz8GGZT" target="_blank" title="Our Discord server"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" target="_blank" title="Dialogue with the administration"><i class="fa-regular fa-comment"></i></a> <a href="https://vk.com/forumd" target="_blank" title="Our VK page"><i class="fa-brands fa-vk"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" title="Our Youtube channel"><i class="fa-brands fa-youtube"></i></a> <a href="https://boosty.to/forumd.ru" target="_blank" title="Subscribe/Donate on Boosty"><i class="fa-solid fa-money-check-dollar"></i></a> <a href="https://www.donationalerts.com/r/forumdru" target="_blank" title="Donate on DonationAlerts"><i class="fa-solid fa-coins"></i></a> </div> <div class="fdcop rus">© ForumD.ru, 2009-2024<br> <a href="https://forumd.ru/viewtopic.php?id=5751#rule" target="_blank">Условия использования бесплатного контента</a></div> <div class="fdcop eng">© ForumD.ru, 2009-2024<br> When publishing our content, please leave a link to the source.</div> <div id="fdbotBANNER" class="fdcop rus"><!-- баннеры --> <!-- форум magia --> <a href="https://magia-frpg.ru/" target="_blank" title="MAGIA"><img src="https://forumupload.ru/uploads/001a/fa/19/2/153026.gif"></a> <!-- ЛИЛ, взаимный референс --><a href="https://urchoice.su" class="tip" title="Каталог форумов" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/61730.png"></a> <!-- референс к подкастерам, Герда --> <a href="https://urchoice.su/viewtopic.php?id=58390#p2160217" class="tip" title="Подкаст «НеТЕролевые» - Рассказываем и обсуждаем ФРПГ" target=_blank><img src="https://forumupload.ru/uploads/0014/80/a5/2/729997.png"></a> <!-- рпг-хит - референс --> <a href="https://rpg-hit.ru/vote/forumcard/id/38" title="каталог ролевых: RPG-HIT" target="_blank" class="tip"><img src="https://forumstatic.ru/files/001b/c3/c4/23464.gif"></a> <!-- Top.Roleplay.Ru --> <script type="text/javascript" language="javascript"> var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353&rnd=" + Math.random(); topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+ "<img src='//img.rpgtop.su/88x31x11x8.gif' class='tip' title='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> "; document.write(topRPGc); </script> <noscript> <img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' class="tip" title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'><img src='//img.rpgtop.su/88x31x11x8.gif' border='0' width='88' height='31'></a> </noscript> <!-- /Top.Roleplay.Ru --> <!-- Yandex.Metrika informer --> <a href="https://metrika.yandex.ru/stat/?id=93794845&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/93794845/3_1_EFEFEFFF_EFEFEFFF_0_uniques" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="93794845" data-lang="ru" /></a> <!-- /Yandex.Metrika informer --> </div> <div id="fdbotMENU" class="rus"> <div class="bmenu"><span>Заказать</span> <ul> <li><a href="/viewtopic.php?id=5760" target='blank'>Дизайн для форумов/сайтов</a></li> <li><a href="/viewtopic.php?id=5768" target='blank'>Графика и арт</a></li> <li><a href="/viewtopic.php?id=6322" target='blank'>Аватары и подписи</a></li> <li><a href="/viewtopic.php?id=5769" target='blank'>Стримы и соцсети</a></li> <li><a href="/viewtopic.php?id=5771" target='blank'>Скрипты и техоснащение</a></li> </ul> </div> <div class="bmenu"><span>Полезное</span> <ul> <li><a href="/viewtopic.php?id=2791" target='blank'>Бесплатные MyBB-дизайны</a></li> <li><a href="/viewtopic.php?id=7051" target='blank'>Бесплатные макеты</a></li> <li><a href="/pages/allscripts" target='blank'>Бесплатные скрипты и коды</a></li> <li><a href="/viewforum.php?id=7" target='blank'>Гайды по вебдизайну</a></li> <li><a href="/viewforum.php?id=96" target='blank'>Поиск специалистов</a></li> </ul> </div> <div class="bmenu"><span>Заказчикам</span> <ul> <li><a href="/viewforum.php?id=75" target='blank'>Техническая поддержка</a></li> <li><a href="/viewforum.php?id=1" target='blank'>Размещение рекламы форума/сайта</a></li> <li><a href="/viewtopic.php?id=5762" target='blank'>Условия работы ForumD.ru</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила оформления заказов</a></li> </ul> </div> <div class="bmenu"><span>Специалистам</span> <ul> <li><a href="/viewforum.php?id=90" target='blank'>Размещение портфолио</a></li> <li><a href="/viewtopic.php?id=5788" target='blank'>Присоединиться к команде ForumD.ru</a></li> <li><a href="/viewtopic.php?id=6036" target='blank'>Бонусы и привилегии</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила выполнения заказов</a></li> </ul> </div> </div> <div class="stat-place"></div> </div></div> <!-- ------------------------------------------------------------------------------ --> <!-- Спецпосты - скрипт --> <script type="text/javascript"> ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'portfoliopost', 'portfoliotopic'); ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'anketa-hide', 't-anketa'); $('#pun-edit .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#pun-post .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#post-preview .post-box').appendTo('#portprew .post-body'); $('.no-prof:contains("no-prof")').parents('.post').addClass('no-prof'); $('.portfoliopost:contains("portfoliopost")').parents('.post').addClass('portfolio'); $('.forsalepost:contains("forsalepost")').parents('.post').addClass('forsale'); $('.saledpost:contains("saledpost")').parents('.post').addClass('saled'); $('.freepost:contains("freepost")').parents('.post').addClass('free'); $('.makeportfoliolight:contains("makeportfoliolight")').parents('.post').addClass('portfolio-light'); $('#pun-searchposts .post:contains("***QUESTIONARY***")').addClass('anketa'); $('.questionary-post').parents('#pun-main').addClass('questionary'); </script></div> </div> </div> </div> </div> </body> </html>