Информация
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>' } ]; // Должности var dutyData = [ { id: '2', color: 'red', fld: '<li class="fd-duty rus">Администратор ТО</li><li class="fd-duty eng">System support administrator</li>', }, { id: '8926', color: 'red', fld: '<li class="fd-duty rus">Админ поддержки пользователей</li><li class="fd-duty eng">User 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>' } ]; // группы с доступом к закладкам 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> <!-- 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 moderator-ann"> <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 class="rus" title="Наверх страницы" id="ToTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div class="rus" title="Вниз страницы" id="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 class="eng" title="Scroll to top" id="ToTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div class="eng" title="Scroll to bottom" id="OnBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <!--кнопки стрелки вверх вниз--> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop.rus").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom.rus").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) $("#ToTop.eng").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom.eng").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/001c/36/53/2/999708.png"> <div class="content"> <h3>☀️ WAFFLE - <b>Самый яркий форум!</b></h3> <p style="white-space: unset;color: #fff;"> Лето - это маленькая жизнь! У нас лето в дизайне, в каждом профиле, графика, летние конкурсы, всё дарит ощущения самого тёплого сезона. Мы предлагаем вам парочку свежайших вафель, перед вами самый главный выбор в вашей жизни - с черничным вареньем или кленовым сиропом? </p> <a id="store" class="rebbutton" href="https://thewaffle.ru/" target="_blank">Перейти</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://forumstatic.ru/files/0007/e3/f7/29500.jpg"> <div class="content"> <h3>💰 Мгновенные уведомления от <b>Alex_63</b> для <b>MyBB.ru</b></h3> <p> Этот скрипт оповещает пользователей о событиях на форуме в реальном времени. <br> Скрипт поддерживается уже более 5 лет и имеет много бесплатных дополнений. <br> Мы принимаем <b>все способы оплаты из любых стран</b>. </p> <a id="store" href="/viewtopic.php?id=8045">Подробности</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="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=8250" target='blank'>проголосуйте за понравившуюся работу</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><a href="https://forumd.ru/viewforum.php?id=72">Javascript, Jquery и CSS решения</a> <em>» </em><a href="https://forumd.ru/viewforum.php?id=68">Скрипты и стили для МуBB.ru</a> <em>» </em>Шаблоны на основе бб-тегов для форумов MyBB.ru</p> </div> <div id="pun-break2" class="divider"><hr /></div> <!-- banner_mini_top --> <div id="pun-main" class="main multipage"> <h1><span>Шаблоны на основе бб-тегов для форумов MyBB.ru</span></h1> <div class="linkst"> <div class="pagelink">Страница: <strong>1</strong> <a href="https://forumd.ru/viewtopic.php?id=7336&p=2">2</a>  <a class="next" href="https://forumd.ru/viewtopic.php?id=7336&p=2">»</a></div> <div class="postlink"><span><a href="https://forumd.ru/post.php?tid=7336" rel="nofollow">Ответить</a></span></div> </div> <div id="topic_t7336" class="topic pinned"> <h2><span class="item1">Сообщений</span> <span class="item2">1 страница 10 из 18</span></h2> <div id="p181362" class="post topicpost topic-starter" data-posted="1677957641" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p181362" onclick="return false;">Поделиться</a><strong>1</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7336#p181362">04.03.23 22:20</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=2" rel="nofollow">Gerda</a></li> <li class="pa-title">крашеный некротехнофил</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/2-1699202079.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Сегодня 08:02</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9982</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/55248.svg" alt="Неравнодушный" title="Неравнодушный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/39098.svg" alt="Инициатор" title="Инициатор" /> <img src="https://forumstatic.ru/files/0007/e3/f7/12318.svg" alt="Почитатель" title="Почитатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/24855.svg" alt="Ценитель" title="Ценитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/80069.svg" alt="Конкурсант" title="Конкурсант" /> <img src="https://forumstatic.ru/files/0007/e3/f7/83472.svg" alt="Ивентелист" title="Ивентелист" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56309.svg" alt="Патрон" title="Патрон" /> <img src="https://forumstatic.ru/files/0007/e3/f7/27627.svg" alt="Партнер" title="Партнер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/90490.svg" alt="Беспокойный" title="Беспокойный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/63790.svg" alt="Расследующий" title="Расследующий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31061.svg" alt="Теоретик" title="Теоретик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56703.svg" alt="Просвещенный" title="Просвещенный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/34485.svg" alt="Копирайтер" title="Копирайтер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/71932.svg" alt="Просветитель" title="Просветитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/51030.svg" alt="Тестер" title="Тестер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87153.svg" alt="Корпорат" title="Корпорат" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82606.svg" alt="Окрыленный" title="Окрыленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/40909.svg" alt="Воодушевленный" title="Воодушевленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32730.svg" alt="Собиратель" title="Собиратель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/92319.svg" alt="Охотник" title="Охотник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/14302.svg" alt="Человек в свитере" title="Человек в свитере" /> <img src="https://forumstatic.ru/files/0007/e3/f7/59727.svg" alt="Попаданец" title="Попаданец" /> <img src="https://forumstatic.ru/files/0007/e3/f7/20639.svg" alt="Друг героя, который умирает первым" title="Друг героя, который умирает первым" /> <img src="https://forumstatic.ru/files/0007/e3/f7/36059.svg" alt="Пациент" title="Пациент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/17997.svg" alt="Экстраверт" title="Экстраверт" /> <img src="https://forumstatic.ru/files/0007/e3/f7/15052.svg" alt="Труженик" title="Труженик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32252.svg" alt="Мастер" title="Мастер" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p181362-content" class="post-content"> <div class="links" id="block-181362-1"><div class="demo" id="block-181362-3"><p><a href="https://forumd.ru/viewtopic.php?id=7242">заказать индивидуальные бб-шаблоны</a></p></div></div><hr /><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">FAQ по шаблонам</div><blockquote><p><strong>Что такое бб-шаблоны?</strong><br />Это шаблоны для создания особых сообщений или элементов сообщений.<br />В отличие от HTML, они созданы на основе ББ-тегов, что позволяет проще их редактировать и открывает массу преимуществ.<br />ББ-теги - это часть функционала движка, поэтому движок будет воспринимать их как часть страницы и самостоятельно преобразовывать их в то, что вы хотите, на основе дополнительных стилей или скриптов.</p> <p><strong>Чем отличается использование ББ-шаблонов от использования HTML в постах?</strong><br />Если используете скрипт "HTML в постах" из <span style="font-style: italic">"администрирование > скрипты"</span> могут всплыть какие угодно проблемы с HTML, т.к. этот скрипт оборачивает содержимое во фрейм. Фрейм работает как "пузырь": внутреннее содержимое не может воздействовать на всё, что находится снаружи, а всё, что находится снаружи, не может полноценно воздействовать на то, что внутри.<br />От этого могут возникать самые разные проблемы. Как минимум - не каждый HTML код адекватно работает в постах, и не каждый скрипт или стиль форума адекватно работает с содержимом HTML-поста.<br />Например, (при использовании HTML) скрипты из настроек форума не могут "пробиться сквозь пузырь" и воздействовать на содержимое: если вы используете настройку размера шрифта или переключение дизайна форума - они не смогут воздействовать на HTML шаблон. При использовании ББ-тегов, таких проблем не возникает.<br />Также при использовании HTML приходится держать все стили и скрипты шаблона там же, где и сам шаблон - то есть в посте. А при использовании ББ-шаблона, вы сами решаете куда поставить стили, а куда и как добавить скрипты. В самом посте вы управляете только контентом шаблона, больше ничего настраивать не придется.</p> <p><strong>Какие преимущества у бб-шаблонов?</strong><br />В отличие от HTML:</p><ul style="list-style: disc"><li><p>Легче редактировать шаблон, возможность использования спец-постов в том числе новичками без знаний html</p></li><li><p>Удобный перенос строк через enter, без тега <br></p></li><li><p>Использование внутри шаблона спец-поста ЛЮБЫХ других бб-тегов, доступных в форме ответа (спойлеры, таблицы, цитаты - что угодно, в том числе любые ваши кастомные теги типа обтекания картинок текстом, абзатцев и т.п.)</p></li><li><p>ЛЮБЫЕ ваши скрипты, влияющие на контент поста будут работать (например, увеличение размера шрифта, увеличение картинок по клику и т.п.)</p></li><li><p>Возможность применять к спец-постам любые скрипты, переключающие стили, и настраивать несколько вариантов дизайна для них</p></li><li><p>Корректное отображение дизайна шаблона везде: в предпросмотре поста, в поиске, в последних постах при ответе в тему и т.д.</p></li><li><p>Вы сами можете выбирать, где держать настройки стилей и скриптов для шаблона, нет необходимости размещать их в самом посте.</p></li></ul> <p><strong>Как создаются бб-шаблоны?</strong><br />BB-шаблоны могут быть какими угодно, с каким угодно позиционированием, с какими угодно цветами и фонами.<br />Они работают на основе тега</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>[block=class][/block]</pre></div></div></div><p> <br />А затем прописывается стиль или скрипт, влияющий на этот тег. На примере css:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>.class {код стиля}</pre></div></div></div></blockquote></div><hr /><p style="text-align:center;"><span style="font-size: 28px"><span style="font-family: Bebas Neue">Куда ставить коды ББ-шаблона</span></span></p> <p><span style="font-size: 22px"><span style="font-family: Bebas Neue">CSS коды</span></span><br /><span style="color: #0481d9"><strong>Вариант 1. Свой стиль.</strong></span><br />Если используете <strong>Свой стиль</strong>, то тавим в любое окно на странице <strong>Свой стиль</strong><br /><span style="color: #0481d9"><strong>Вариант 2. HTML-формы.</strong></span><br />В хтмл-верх или хтмл-низ в тегах <style> </p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 7.5em"><pre><style> тут коды </style></pre></div></div></div><p><span style="color: #0481d9"><strong>Вариант 3. Отдельный файл.</strong></span><br />Создайте файл с расширением <span class="highlight-text">.css</span> с кодами стиля шаблона, а потом загрузите в <strong>администрирование > файлы</strong><br />Ссылку на файл можно поставить в хтмл-верх или хтмл-низ в таких тегах:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 7.5em"><pre><!-- название стиля --> <link rel="stylesheet" type="text/css" href="https://ссылка на файл с ксс-кодом.css" /> <!-- Конец --></pre></div></div></div><p>или в <strong>Свой стиль <span style="color: #e63737">в начало первого окна</span></strong> таким тегом:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>@import url('https://ссылка на файл с ксс-кодом.css');</pre></div></div></div><p><span style="font-size: 22px"><span style="font-family: Bebas Neue">Cкрипты</span></span><br />Чаще всего <strong>в HTML-низ</strong>, если в посте с шаблоном не указано другого.</p><hr /><table style="table-layout:fixed;width:100%"><tr><td colspan="2"><p style="text-align:center;"><span style="font-size: 28px"><span style="font-family: Bebas Neue">Навигация</span></span></p></td></tr><tr><td><ul style="list-style: disc"><li><p><a href="https://forumd.ru/viewtopic.php?id=7336&p=2#p181440">Ромбики/кружочки с всплывающим сообщением при наведении курсора</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336&p=2#p181438">Оформление поста 'Ʃkaemp'</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336#p181363">Оформление поста в виде переписки в мессенджере через бб-блоки</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336#p181368">Оформление поста 'AZA'</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336&p=2#p184470">Вкладки в постах бб-кодом</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336&p=2#p190395">Карточки отношений</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336&p=2#p192020">Оформление для новостного блока</a></p></li></ul></td><td><ul style="list-style: disc"><li><p><a href="https://forumd.ru/viewtopic.php?id=7336#p181364">Плавная смена картинок при наведении курсора</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336#p181366">Двойная смещённая рамка для фотографии</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336#p181367">Ссылки-кнопки</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336#p181378">Эффекты при наведении на текст/картинки</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336#p181379">Подложка-картинка на фоне</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336#p181380">Разноцветные блоки-линии</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336#p181381">Убрать границы у некоторых таблиц</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336&p=2#p181382">Превью картинок</a></p></li><li><p><a href="https://forumd.ru/viewtopic.php?id=7336&p=2#p183401">Литературный пост</a></p></li></ul></td></tr><td colspan="2"><p style="text-align:center;"></p><div class="superlink" id="block-181362-2"><p><a href="https://forumd.ru/viewtopic.php?id=6937">Запросы на бб-коды шаблонов</a></p></div></td></table> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+1</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> TrueZlober#1227</span></em></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7232" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7232</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=3833" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p181363" class="post altstyle topic-starter" data-posted="1677957767" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p181363" onclick="return false;">Поделиться</a><strong>2</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7336#p181363">04.03.23 22:22</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=2" rel="nofollow">Gerda</a></li> <li class="pa-title">крашеный некротехнофил</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/2-1699202079.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Сегодня 08:02</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9982</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/55248.svg" alt="Неравнодушный" title="Неравнодушный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/39098.svg" alt="Инициатор" title="Инициатор" /> <img src="https://forumstatic.ru/files/0007/e3/f7/12318.svg" alt="Почитатель" title="Почитатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/24855.svg" alt="Ценитель" title="Ценитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/80069.svg" alt="Конкурсант" title="Конкурсант" /> <img src="https://forumstatic.ru/files/0007/e3/f7/83472.svg" alt="Ивентелист" title="Ивентелист" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56309.svg" alt="Патрон" title="Патрон" /> <img src="https://forumstatic.ru/files/0007/e3/f7/27627.svg" alt="Партнер" title="Партнер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/90490.svg" alt="Беспокойный" title="Беспокойный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/63790.svg" alt="Расследующий" title="Расследующий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31061.svg" alt="Теоретик" title="Теоретик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56703.svg" alt="Просвещенный" title="Просвещенный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/34485.svg" alt="Копирайтер" title="Копирайтер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/71932.svg" alt="Просветитель" title="Просветитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/51030.svg" alt="Тестер" title="Тестер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87153.svg" alt="Корпорат" title="Корпорат" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82606.svg" alt="Окрыленный" title="Окрыленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/40909.svg" alt="Воодушевленный" title="Воодушевленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32730.svg" alt="Собиратель" title="Собиратель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/92319.svg" alt="Охотник" title="Охотник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/14302.svg" alt="Человек в свитере" title="Человек в свитере" /> <img src="https://forumstatic.ru/files/0007/e3/f7/59727.svg" alt="Попаданец" title="Попаданец" /> <img src="https://forumstatic.ru/files/0007/e3/f7/20639.svg" alt="Друг героя, который умирает первым" title="Друг героя, который умирает первым" /> <img src="https://forumstatic.ru/files/0007/e3/f7/36059.svg" alt="Пациент" title="Пациент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/17997.svg" alt="Экстраверт" title="Экстраверт" /> <img src="https://forumstatic.ru/files/0007/e3/f7/15052.svg" alt="Труженик" title="Труженик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32252.svg" alt="Мастер" title="Мастер" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p181363-content" class="post-content"> <div class="no-prof" id="block-181363-1"><p>no-prof</p></div><p><span style="font-size: 28px"><span style="font-family: Bebas Neue">Оформление поста в виде переписки в мессенджере через бб-блоки</span></span><br />Автор - @Automation Baby </p><div class="quote-box answer-box"><cite>#p181273,Automation Baby написал(а):</cite><blockquote><p>С вашей помощью сделала 2 варианта оформления, делюсь ими со всеми. Взяла код у @mursik и убрала оттуда всё лишнее. У @Gerda подсмотрела как сделать правильно расположение по правому и левому краю, для второго варианта оформление частично позаимствовала из кода с кодпена, которые принёс @Will O The Wisp</p></blockquote></div><table style="table-layout:fixed;width:100%"><tr><td><p style="text-align:center;"><span style="font-size: 28px"><span style="font-family: Bebas Neue">Вариант 1</span></span></p></td><td><p style="text-align:center;"><span style="font-size: 28px"><span style="font-family: Bebas Neue">Вариант 2</span></span></p></td></tr><tr><td><div class="prev" id="block-181363-2"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0015/1e/ae/4/926938.png" alt="https://forumupload.ru/uploads/0015/1e/ae/4/926938.png" /></p></div><p style="text-align:center;"><span style="font-size: 12px"># увеличивается по клику</span></p></td><td><div class="prev" id="block-181363-3"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/wS1rO1H.png" alt="https://i.imgur.com/wS1rO1H.png" /></p></div><p style="text-align:center;"><span style="font-size: 12px"># увеличивается по клику</span></p></td></tr><tr><td><div class="hidecode" id="block-181363-4"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></td><td><div class="hidecode" id="block-181363-5"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></td></tr><tr><td><div class="hidecode" id="block-181363-6"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></td><td><div class="hidecode" id="block-181363-7"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></td></tr></table> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+3</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> TrueZlober#1227</span></em></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7232" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7232</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=3833" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p181364" class="post topic-starter" data-posted="1677958432" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p181364" onclick="return false;">Поделиться</a><strong>3</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7336#p181364">04.03.23 22:33</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=2" rel="nofollow">Gerda</a></li> <li class="pa-title">крашеный некротехнофил</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/2-1699202079.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Сегодня 08:02</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9982</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/55248.svg" alt="Неравнодушный" title="Неравнодушный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/39098.svg" alt="Инициатор" title="Инициатор" /> <img src="https://forumstatic.ru/files/0007/e3/f7/12318.svg" alt="Почитатель" title="Почитатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/24855.svg" alt="Ценитель" title="Ценитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/80069.svg" alt="Конкурсант" title="Конкурсант" /> <img src="https://forumstatic.ru/files/0007/e3/f7/83472.svg" alt="Ивентелист" title="Ивентелист" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56309.svg" alt="Патрон" title="Патрон" /> <img src="https://forumstatic.ru/files/0007/e3/f7/27627.svg" alt="Партнер" title="Партнер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/90490.svg" alt="Беспокойный" title="Беспокойный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/63790.svg" alt="Расследующий" title="Расследующий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31061.svg" alt="Теоретик" title="Теоретик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56703.svg" alt="Просвещенный" title="Просвещенный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/34485.svg" alt="Копирайтер" title="Копирайтер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/71932.svg" alt="Просветитель" title="Просветитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/51030.svg" alt="Тестер" title="Тестер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87153.svg" alt="Корпорат" title="Корпорат" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82606.svg" alt="Окрыленный" title="Окрыленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/40909.svg" alt="Воодушевленный" title="Воодушевленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32730.svg" alt="Собиратель" title="Собиратель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/92319.svg" alt="Охотник" title="Охотник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/14302.svg" alt="Человек в свитере" title="Человек в свитере" /> <img src="https://forumstatic.ru/files/0007/e3/f7/59727.svg" alt="Попаданец" title="Попаданец" /> <img src="https://forumstatic.ru/files/0007/e3/f7/20639.svg" alt="Друг героя, который умирает первым" title="Друг героя, который умирает первым" /> <img src="https://forumstatic.ru/files/0007/e3/f7/36059.svg" alt="Пациент" title="Пациент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/17997.svg" alt="Экстраверт" title="Экстраверт" /> <img src="https://forumstatic.ru/files/0007/e3/f7/15052.svg" alt="Труженик" title="Труженик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32252.svg" alt="Мастер" title="Мастер" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p181364-content" class="post-content"> <div class="no-prof" id="block-181364-1"><p>no-prof</p></div><p><span style="font-size: 28px"><span style="font-family: Bebas Neue">Плавная смена картинок при наведении курсора</span></span><br /><strong>Демо</strong></p><div class="ImgWrap" id="block-181364-2"><div class="image UP" id="block-181364-6"><p><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/2/161021.png" alt="https://forumupload.ru/uploads/0007/e3/f7/2/161021.png" /></p></div><div class="image Down" id="block-181364-3"><p><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/2/743665.png" alt="https://forumupload.ru/uploads/0007/e3/f7/2/743665.png" /></p></div></div><p>[html]<br /><style><br />.image.UP,<br />.image.Down {<br /> border:2px solid transparent;<br /> margin:0;<br /> padding:0;<br />}<br />.image.UP{<br />opacity:1.0;<br /> display:block;<br /> position:absolute;z-index:100;<br /> transition-duration: 0.96s;<br /> -webkit-transition-duration: 0.96s;<br /> -moz-transition-duration: 0.96s;<br /> -o-transition-duration: 0.96s;<br /> -ms-transition-duration: 0.96s; /* IE9+ */<br />}<br />.image.UP:hover {<br /> opacity:0.00;<br />}</p> <p>div.ImgWrap{<br />display:inline-block;<br />padding:0;margin:0;<br />background-position:center center;<br />background-repeat:no-repeat;<br />}<br /></style><br />[/html]<br /><strong>ББ-Код</strong></p><div class="hidecode" id="block-181364-4"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div> <p><strong>Стиль</strong></p><div class="hidecode" id="block-181364-5"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+1</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> TrueZlober#1227</span></em></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7232" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7232</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=3833" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p181366" class="post altstyle topic-starter" data-posted="1677958785" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p181366" onclick="return false;">Поделиться</a><strong>4</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7336#p181366">04.03.23 22:39</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=2" rel="nofollow">Gerda</a></li> <li class="pa-title">крашеный некротехнофил</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/2-1699202079.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Сегодня 08:02</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9982</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/55248.svg" alt="Неравнодушный" title="Неравнодушный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/39098.svg" alt="Инициатор" title="Инициатор" /> <img src="https://forumstatic.ru/files/0007/e3/f7/12318.svg" alt="Почитатель" title="Почитатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/24855.svg" alt="Ценитель" title="Ценитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/80069.svg" alt="Конкурсант" title="Конкурсант" /> <img src="https://forumstatic.ru/files/0007/e3/f7/83472.svg" alt="Ивентелист" title="Ивентелист" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56309.svg" alt="Патрон" title="Патрон" /> <img src="https://forumstatic.ru/files/0007/e3/f7/27627.svg" alt="Партнер" title="Партнер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/90490.svg" alt="Беспокойный" title="Беспокойный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/63790.svg" alt="Расследующий" title="Расследующий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31061.svg" alt="Теоретик" title="Теоретик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56703.svg" alt="Просвещенный" title="Просвещенный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/34485.svg" alt="Копирайтер" title="Копирайтер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/71932.svg" alt="Просветитель" title="Просветитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/51030.svg" alt="Тестер" title="Тестер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87153.svg" alt="Корпорат" title="Корпорат" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82606.svg" alt="Окрыленный" title="Окрыленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/40909.svg" alt="Воодушевленный" title="Воодушевленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32730.svg" alt="Собиратель" title="Собиратель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/92319.svg" alt="Охотник" title="Охотник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/14302.svg" alt="Человек в свитере" title="Человек в свитере" /> <img src="https://forumstatic.ru/files/0007/e3/f7/59727.svg" alt="Попаданец" title="Попаданец" /> <img src="https://forumstatic.ru/files/0007/e3/f7/20639.svg" alt="Друг героя, который умирает первым" title="Друг героя, который умирает первым" /> <img src="https://forumstatic.ru/files/0007/e3/f7/36059.svg" alt="Пациент" title="Пациент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/17997.svg" alt="Экстраверт" title="Экстраверт" /> <img src="https://forumstatic.ru/files/0007/e3/f7/15052.svg" alt="Труженик" title="Труженик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32252.svg" alt="Мастер" title="Мастер" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p181366-content" class="post-content"> <div class="no-prof" id="block-181366-1"><p>no-prof</p></div><p><span style="font-size: 28px"><span style="font-family: Bebas Neue">Двойная смещённая рамка для фотографии</span></span></p><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/JuPabpN.png" alt="https://i.imgur.com/JuPabpN.png" /></p><div class="superlink" id="block-181366-2"><p><a href="https://html5book.ru/examples/styling-images/index3.html" rel="nofollow ugc" target="_blank">Демо</a></p></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">КОД</div><blockquote><p>CSS: </p><div class="hidecode" id="block-181366-3"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><p>В постах изображения оборачиваем тэгами:</p><div class="hidecode" id="block-181366-4"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+1</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> TrueZlober#1227</span></em></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7232" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7232</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=3833" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p181367" class="post topic-starter" data-posted="1677958932" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p181367" onclick="return false;">Поделиться</a><strong>5</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7336#p181367">04.03.23 22:42</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=2" rel="nofollow">Gerda</a></li> <li class="pa-title">крашеный некротехнофил</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/2-1699202079.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Сегодня 08:02</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9982</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/55248.svg" alt="Неравнодушный" title="Неравнодушный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/39098.svg" alt="Инициатор" title="Инициатор" /> <img src="https://forumstatic.ru/files/0007/e3/f7/12318.svg" alt="Почитатель" title="Почитатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/24855.svg" alt="Ценитель" title="Ценитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/80069.svg" alt="Конкурсант" title="Конкурсант" /> <img src="https://forumstatic.ru/files/0007/e3/f7/83472.svg" alt="Ивентелист" title="Ивентелист" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56309.svg" alt="Патрон" title="Патрон" /> <img src="https://forumstatic.ru/files/0007/e3/f7/27627.svg" alt="Партнер" title="Партнер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/90490.svg" alt="Беспокойный" title="Беспокойный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/63790.svg" alt="Расследующий" title="Расследующий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31061.svg" alt="Теоретик" title="Теоретик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56703.svg" alt="Просвещенный" title="Просвещенный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/34485.svg" alt="Копирайтер" title="Копирайтер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/71932.svg" alt="Просветитель" title="Просветитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/51030.svg" alt="Тестер" title="Тестер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87153.svg" alt="Корпорат" title="Корпорат" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82606.svg" alt="Окрыленный" title="Окрыленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/40909.svg" alt="Воодушевленный" title="Воодушевленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32730.svg" alt="Собиратель" title="Собиратель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/92319.svg" alt="Охотник" title="Охотник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/14302.svg" alt="Человек в свитере" title="Человек в свитере" /> <img src="https://forumstatic.ru/files/0007/e3/f7/59727.svg" alt="Попаданец" title="Попаданец" /> <img src="https://forumstatic.ru/files/0007/e3/f7/20639.svg" alt="Друг героя, который умирает первым" title="Друг героя, который умирает первым" /> <img src="https://forumstatic.ru/files/0007/e3/f7/36059.svg" alt="Пациент" title="Пациент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/17997.svg" alt="Экстраверт" title="Экстраверт" /> <img src="https://forumstatic.ru/files/0007/e3/f7/15052.svg" alt="Труженик" title="Труженик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32252.svg" alt="Мастер" title="Мастер" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p181367-content" class="post-content"> <div class="no-prof" id="block-181367-1"><p>no-prof</p></div><p><span style="font-size: 28px"><span style="font-family: Bebas Neue">Ссылки-кнопки</span></span></p> <p><span style="font-size: 24px"><span style="font-family: Bebas Neue">Ссылка-кнопка как на ФД</span></span><br />Css-код ссылки-кнопки, которая используется на ФД. Как это выглядит:</p><div class="superlink" id="block-181367-2"><p><a href="https://forumd.ru/">Пример ссылки-кнопки</a></p></div> <p>Просьба не убирать копирайт, иначе мы просто перестанем делиться материалом и кодами, если вы будете присваивать кодовые разработки от ФД. </p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">CSS код</div><blockquote><div class="hidecode" id="block-181367-3"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">ББ-код</div><blockquote><p>В постах можно применять через бб-коды: </p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>[block=superlink][url=https://forumd.ru/]Пример ссылки-кнопки[/url][/block]</pre></div></div></div> <p>Таким же образом можно создать сразу несколько кнопок-ссылок, различающихся по форме, цвету, размеру и так далее.</p></blockquote></div><hr /><p><span style="font-size: 24px"><span style="font-family: Bebas Neue">Двойная смещённая кнопка-ссылка</span></span></p><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.gyazo.com/2ba0e77bca5b5696a34bfad9b945ad35.gif" alt="https://i.gyazo.com/2ba0e77bca5b5696a34bfad9b945ad35.gif" /></p> <p>Эти кнопки ссылки сделаны так что они встают в линию. Но если вам нужно чтобы они стояли в столбик, тогда из кода надо удалить <span class="highlight-text">display: inline-block;</span> и заменить <span class="highlight-text">margin: 5px;</span> на <span class="highlight-text">margin: 0 auto;</span>. </p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">CSS</div><blockquote><div class="hidecode" id="block-181367-4"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">ББ-код</div><blockquote><p>В постах можно применять через бб-коды: </p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>[block=button-1][url=https://forumd.ru/]Пример ссылки-кнопки[/url][/block]</pre></div></div></div> <p>Таким же образом можно создать сразу несколько кнопок-ссылок, различающихся по форме, цвету, размеру и так далее.</p></blockquote></div> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+3</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> TrueZlober#1227</span></em></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7232" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7232</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=3833" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p181368" class="post altstyle topic-starter" data-posted="1677959043" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p181368" onclick="return false;">Поделиться</a><strong>6</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7336#p181368">04.03.23 22:44</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=2" rel="nofollow">Gerda</a></li> <li class="pa-title">крашеный некротехнофил</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/2-1699202079.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Сегодня 08:02</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9982</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/55248.svg" alt="Неравнодушный" title="Неравнодушный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/39098.svg" alt="Инициатор" title="Инициатор" /> <img src="https://forumstatic.ru/files/0007/e3/f7/12318.svg" alt="Почитатель" title="Почитатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/24855.svg" alt="Ценитель" title="Ценитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/80069.svg" alt="Конкурсант" title="Конкурсант" /> <img src="https://forumstatic.ru/files/0007/e3/f7/83472.svg" alt="Ивентелист" title="Ивентелист" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56309.svg" alt="Патрон" title="Патрон" /> <img src="https://forumstatic.ru/files/0007/e3/f7/27627.svg" alt="Партнер" title="Партнер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/90490.svg" alt="Беспокойный" title="Беспокойный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/63790.svg" alt="Расследующий" title="Расследующий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31061.svg" alt="Теоретик" title="Теоретик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56703.svg" alt="Просвещенный" title="Просвещенный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/34485.svg" alt="Копирайтер" title="Копирайтер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/71932.svg" alt="Просветитель" title="Просветитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/51030.svg" alt="Тестер" title="Тестер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87153.svg" alt="Корпорат" title="Корпорат" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82606.svg" alt="Окрыленный" title="Окрыленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/40909.svg" alt="Воодушевленный" title="Воодушевленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32730.svg" alt="Собиратель" title="Собиратель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/92319.svg" alt="Охотник" title="Охотник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/14302.svg" alt="Человек в свитере" title="Человек в свитере" /> <img src="https://forumstatic.ru/files/0007/e3/f7/59727.svg" alt="Попаданец" title="Попаданец" /> <img src="https://forumstatic.ru/files/0007/e3/f7/20639.svg" alt="Друг героя, который умирает первым" title="Друг героя, который умирает первым" /> <img src="https://forumstatic.ru/files/0007/e3/f7/36059.svg" alt="Пациент" title="Пациент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/17997.svg" alt="Экстраверт" title="Экстраверт" /> <img src="https://forumstatic.ru/files/0007/e3/f7/15052.svg" alt="Труженик" title="Труженик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32252.svg" alt="Мастер" title="Мастер" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p181368-content" class="post-content"> <div class="no-prof" id="block-181368-1"><p>no-prof</p></div><p><span style="font-size: 28px"><span style="font-family: Bebas Neue">Оформление поста 'AZA'</span></span></p> <p>Красивое оформление поста с цветочками. К сожалению, шрифт в заголовке поддерживает только латиницу, но можно заменить его на тот что поддерживает русский.</p> <p>[html]<br /><style><br />/* ШРИФТ */<br />@font-face {<br /> font-family: 'Finger Paint';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: url(//fonts.gstatic.com/s/fingerpaint/v10/0QInMXVJ-o-oRn_7dron8YW-9JzT.woff2) format('woff2');<br /> unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;<br />}</p> <p>/* НАЗВАНИЕ */<br />.AZA {<br />margin:auto; width:560px; height:568px; <br />background:url(//www.aht.li/2910691/RPAZA.png); line-height:16px;<br />}</p> <p>/* ЗАГОЛОВОК */<br />.tleAZA {<br />position:absolute; margin-top:105px; margin-left:75px; <br />width:455px; font-family:Finger Paint; font-size:24px; color:white;<br />transform:rotate(-7deg); -webkit-transform:rotate(-7deg); <br />}</p> <p>/* СООБЩЕНИЕ */<br />.msgAZA {<br />position:absolute; margin-top:185px; margin-left:120px; <br />width:380px; height:185px; padding:5px; overflow:hidden; <br />font-size:12px; text-align:justify; font-family:Arial; color:black;<br />}</p> <p>/* СООБЩЕНИЕ ПРИ НАВЕДЕНИИ */<br />.msgAZA:hover {<br />overflow:auto;<br />}</p> <p>/* ПОДПИСЬ */<br />.ftAZA {<br />position:absolute; margin-top:440px; margin-left:260px; <br />width:250px; font-family:Finger paint; font-size:14px; color:white; <br />transform:rotate(-18deg); -webkit-transform:rotate(-18deg);<br />}</p> <p>/* КОПИРАЙТ */<br />.cdtAZA {<br />position:absolute; margin-left:48px; margin-top:250px;<br />transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.55s; -webkit-transition:-webkit-transform ease-in-out 0.55s;<br />}</p> <p>/* АНИМАЦИЯ ПРИ НАВЕДЕНИИ НА КОПИРАЙТ И ЗАГОЛОВОК */<br />.AZA:hover .cdtAZA {<br />transform:scale(1); -webkit-transform:scale(1);<br />}</p> <p>/* КАРТИНКИ И ОФОРМЛЕНИЕ */<br />.AZAII {<br />margin:auto; width:560px; line-height:16px; text-align:left;<br />}<br />.topAZA {<br />position:relative; z-index:2; margin-bottom:-100px; margin-left:-10px; <br />width:570px; height:206px; background:url(<a href="https://forumupload.ru/uploads/0007/e3/f7/6822/236189.png" rel="nofollow ugc" target="_blank">https://forumupload.ru/uploads/0007/e3/ … 236189.png</a>); /* Картинка в заголовок */<br />}<br />.msgIIAZA {<br />margin:auto; width:450px; min-height:100px; padding-top:70px; padding-bottom:75px;<br />background:url(<a href="https://forumupload.ru/uploads/0007/e3/f7/6822/330498.png" rel="nofollow ugc" target="_blank">https://forumupload.ru/uploads/0007/e3/ … 330498.png</a>); /* Фон сообщения */<br />}<br />.msgIIAZA p{<br />position:relative; z-index:3;<br />margin-left:70px; width:360px; <br />font-size:12px; text-align:justify; font-family:Arial; color:black;<br />}<br />.ftIIAZA {<br />position:absolute; z-index:3; margin-top:122px; margin-left:260px; <br />width:250px; font-family:Finger paint; font-size:14px; color:white; <br />transform:rotate(-18deg); -webkit-transform:rotate(-18deg);<br />}<br />.cdtAZAII {<br />position:absolute; z-index:5; margin-left:43px; margin-top:150px;<br />transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.55s; -webkit-transition:-webkit-transform ease-in-out 0.55s;<br />}<br />.AZAII:hover .cdtAZAII {<br />transform:scale(1); -webkit-transform:scale(1);<br />}<br />.btmAZA {<br />position:relative; z-index:2; margin-top:-155px; margin-left:-5px; <br />width:555px; height:250px; background:url(<a href="https://forumupload.ru/uploads/0007/e3/f7/6822/495731.png" rel="nofollow ugc" target="_blank">https://forumupload.ru/uploads/0007/e3/ … 495731.png</a>); /* Картинка в подпись */<br />}</style>[/html]</p><div class="AZA" id="block-181368-2"><div class="tleAZA" id="block-181368-8"><p>TITLE</p></div><div class="cdtAZA" id="block-181368-3"><p><a href="http://crushcrushcrush.actifforum.com/" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://www.aht.li/2456212/PUF.png" alt="https://www.aht.li/2456212/PUF.png" /></a></p></div><div class="msgAZA" id="block-181368-4"><p>Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции требуют определения и уточнения позиций, занимаемых участниками в отношении поставленных задач. Значимость этих проблем настолько очевидна, что рамки и место обучения кадров обеспечивает широкому кругу (специалистов) участие в формировании существенных финансовых и административных условий. Идейные соображения высшего порядка, а также рамки и место обучения кадров позволяет выполнять важные задания по разработке дальнейших направлений развития.</p></div><div class="ftAZA" id="block-181368-5"><p>Signature</p></div></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">CSS</div><blockquote><div class="hidecode" id="block-181368-6"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">ББ-КОД</div><blockquote><div class="hidecode" id="block-181368-7"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+5</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> TrueZlober#1227</span></em></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7232" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7232</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=3833" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p181378" class="post" data-posted="1678011484" data-user-id="6822" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p181378" onclick="return false;">Поделиться</a><strong>7</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7336#p181378">05.03.23 13:18</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=6822" rel="nofollow">Automation Baby</a></li> <li class="pa-title">Атаманша</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/6822-1718740142.jpg" alt="Automation Baby" title="Automation Baby" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />18.07.24 10:58</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9004</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p181378-content" class="post-content"> <div class="no-prof" id="block-181378-1"><p>no-prof</p></div><p><span style="font-size: 28px"><span style="font-family: Bebas Neue">Эффекты при наведении на текст/картинки</span></span></p> <p>Простенькие эффекты при наведении на текст или картинки я давно использую на своём форуме, используя ББ-блоки. Пользы от таких эффектов немного, зато красиво!</p> <p><span style="font-size: 24px"><span style="font-family: Bebas Neue">Чёрно-белый фильтр и прозрачность на картинках</span></span></p><div class="prev" id="block-181378-2"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.gyazo.com/7c43437b12631bb44441c95ac26e2877.gif" alt="https://i.gyazo.com/7c43437b12631bb44441c95ac26e2877.gif" /></p></div><p style="text-align:center;"><span style="font-size: 12px"># увеличивается по клику</span></p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">CSS</div><blockquote><div class="hidecode" id="block-181378-3"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">ББ-код</div><blockquote><div class="hidecode" id="block-181378-4"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><hr /><p><span style="font-size: 24px"><span style="font-family: Bebas Neue">Сепия или как немного состарить картинку кодом</span></span><br />Стоит такой эффект у меня на историчке, только там у меня это применительно вообще ко всем картинкам в постах по умолчанию, так как фильтр "сепия" придаёт ощущение старины. Но можно легко сделать что "старить" только отдельные картинки.</p><div class="prev" id="block-181378-5"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.gyazo.com/cb8a75b1e47c09e8ef9fd3e260ae31db.gif" alt="https://i.gyazo.com/cb8a75b1e47c09e8ef9fd3e260ae31db.gif" /></p></div><p style="text-align:center;"><span style="font-size: 12px"># увеличивается по клику</span></p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">CSS</div><blockquote><div class="hidecode" id="block-181378-6"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">ББ-код</div><blockquote><div class="hidecode" id="block-181378-7"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><hr /><p><span style="font-size: 24px"><span style="font-family: Bebas Neue">Размыть текст или картинку</span></span></p><div class="prev" id="block-181378-8"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.gyazo.com/59f9e409f66cefcf7648d1d7d518d80b.gif" alt="https://i.gyazo.com/59f9e409f66cefcf7648d1d7d518d80b.gif" /></p></div><p style="text-align:center;"><span style="font-size: 12px"># увеличивается по клику</span></p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">CSS</div><blockquote><div class="hidecode" id="block-181378-9"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">ББ-код</div><blockquote><div class="hidecode" id="block-181378-10"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div> <p>Пример кода с текстом: </p><div class="hidecode" id="block-181378-11"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+2</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> esymeo#3573</span></em></li></li> <li class="pl-email social-telegram has-display-name"><a href="https://t.me/Esymeo" target="_blank">Telegram<span class="acchide"> @Esymeo</span></a></li></li> </ul> </div> </div> </div> <div id="p181379" class="post altstyle" data-posted="1678016056" data-user-id="6822" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p181379" onclick="return false;">Поделиться</a><strong>8</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7336#p181379">05.03.23 14:34</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=6822" rel="nofollow">Automation Baby</a></li> <li class="pa-title">Атаманша</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/6822-1718740142.jpg" alt="Automation Baby" title="Automation Baby" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />18.07.24 10:58</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9004</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p181379-content" class="post-content"> <div class="no-prof" id="block-181379-1"><p>no-prof</p></div><p><span style="font-size: 28px"><span style="font-family: Bebas Neue">Подложка-картинка на фоне</span></span></p> <p>Тут сразу скажу что делала не я, мне подсказали. Суть в том чтобы на фон таблицы или текста ставить штамп "совершенно секретно". Выглядит это так:</p><div class="prev" id="block-181379-2"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/xRrFdBf.png" alt="https://i.imgur.com/xRrFdBf.png" /></p></div><p style="text-align:center;"><span style="font-size: 12px"># увеличивается по клику</span></p> <p>Но вы, конечно же, можете поставить другую картинку вместо штампа. Из плюсов: картинка будет действительно на фоне и не будет перекрывать ссылки. </p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">CSS</div><blockquote><div class="hidecode" id="block-181379-3"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">ББ-код</div><blockquote><div class="hidecode" id="block-181379-4"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">0</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> esymeo#3573</span></em></li></li> <li class="pl-email social-telegram has-display-name"><a href="https://t.me/Esymeo" target="_blank">Telegram<span class="acchide"> @Esymeo</span></a></li></li> </ul> </div> </div> </div> <div id="p181380" class="post" data-posted="1678017476" data-user-id="6822" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p181380" onclick="return false;">Поделиться</a><strong>9</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7336#p181380">05.03.23 14:57</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=6822" rel="nofollow">Automation Baby</a></li> <li class="pa-title">Атаманша</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/6822-1718740142.jpg" alt="Automation Baby" title="Automation Baby" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />18.07.24 10:58</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9004</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p181380-content" class="post-content"> <div class="no-prof" id="block-181380-1"><p>no-prof</p></div><p><span style="font-size: 28px"><span style="font-family: Bebas Neue">Разноцветные блоки-линии</span></span></p> <p>Честно говоря, не знаю как это назвать, потому такое название. Предыстория такая: однажды мне понадобились линии разных цветов чтобы они перекрашивались автоматически при смене дизайнов. Так и родились эти блоки-линии. По сути, это просто блок, растянутый на ширину поста и залитый цветом. Их можно использовать как линии (если оставить пустыми), так и как надписи (если внутрь поместить текст, ссылку или картинку). При этом, можно создать таких блоков-линий сколько угодно, перекрасив каждый на свой вкус. </p> <p>Пример двух блоков контрастных цветов: </p><div class="prev" id="block-181380-2"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/TrqSGIx.png" alt="https://i.imgur.com/TrqSGIx.png" /></p></div><p style="text-align:center;"><span style="font-size: 12px"># увеличивается по клику</span></p> <p><span class="highlight-text">.line1</span> & <span class="highlight-text">.line2</span> - это названия блоков. Вы можете использовать как что-то одно, так насоздавать сразу много блоков, раскрасив их во все цвета радуги.</p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">CSS</div><blockquote><div class="hidecode" id="block-181380-3"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">ББ-код</div><blockquote><p>Если поставить просто блок (пустой, без наполнения), то в посте будет выглядеть тоненькой линий в один пиксель: </p><div class="hidecode" id="block-181380-4"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div> <p>Помещайте внутрь блоков картинки, текст и даже таблицы!</p> <p>Текст + ссылка. Пример:</p><div class="hidecode" id="block-181380-5"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div> <p>Картинка, таблица с картинками: </p><div class="hidecode" id="block-181380-6"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+2</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> esymeo#3573</span></em></li></li> <li class="pl-email social-telegram has-display-name"><a href="https://t.me/Esymeo" target="_blank">Telegram<span class="acchide"> @Esymeo</span></a></li></li> </ul> </div> </div> </div> <div id="p181381" class="post altstyle endpost" data-posted="1678018992" data-user-id="6822" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p181381" onclick="return false;">Поделиться</a><strong>10</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7336#p181381">05.03.23 15:23</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=6822" rel="nofollow">Automation Baby</a></li> <li class="pa-title">Атаманша</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/6822-1718740142.jpg" alt="Automation Baby" title="Automation Baby" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />18.07.24 10:58</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9004</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p181381-content" class="post-content"> <div class="no-prof" id="block-181381-1"><p>no-prof</p></div><p><span style="font-size: 28px"><span style="font-family: Bebas Neue">Убрать границы у некоторых таблиц</span></span></p> <p>Это я увидела на ЕТП, уже не помню кто советовал, но вот способ как иметь на форуме одновременно и таблицы в постах где границы ячеек видны, и не видны. </p> <p>Если у вас по умолчанию стоят границы, то нужно добавить код, делающий границы прозрачными (и наоборот). </p><div class="prev" id="block-181381-2"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/NfdQqoI.png" alt="https://i.imgur.com/NfdQqoI.png" /></p></div><p style="text-align:center;"><span style="font-size: 12px"># увеличивается по клику</span></p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">CSS</div><blockquote><div class="hidecode" id="block-181381-3"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">ББ-код</div><blockquote><p>Таблицу надо поместить внутрь блока: </p><div class="hidecode" id="block-181381-4"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div> <p>Пример таблицы: </p><div class="hidecode" id="block-181381-5"><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div></div></blockquote></div> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+2</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> esymeo#3573</span></em></li></li> <li class="pl-email social-telegram has-display-name"><a href="https://t.me/Esymeo" target="_blank">Telegram<span class="acchide"> @Esymeo</span></a></li></li> </ul> </div> </div> </div> </div> <div class="linksb"> <div class="postlink"><span><a href="https://forumd.ru/post.php?tid=7336" rel="nofollow">Ответить</a></span></div> <div class="pagelink">Страница: <strong>1</strong> <a href="https://forumd.ru/viewtopic.php?id=7336&p=2">2</a>  <a class="next" href="https://forumd.ru/viewtopic.php?id=7336&p=2">»</a></div> </div> <!-- topic_banner_bottom --> <div id="post-form" class="formal"> <h2><span>Быстрый ответ</span></h2> <form id="post" class="container" method="post" action="/post.php?tid=7336" onsubmit="this.submit.disabled=true;if(process_form(this)){return true;}else{this.submit.disabled=false;return false;}"> <fieldset> <legend><span>Напишите ваше сообщение и нажмите «Отправить»</span></legend> <div class="fs-box hashelp"> <div id="formkey"></div> <div id="formetc" style="display:none"></div> <input type="hidden" name="form_sent" value="1" /> <input type="hidden" name="form_user" value="Guest" /> <div id="form-buttons"></div> <div id="tags"> <script type="text/javascript"> html = '<table cellspacing="0" cellpadding="0"><tr>'; $.each(FORUM.get('editor'), function(key,value){ if (key != 'settings') { var icon = key; html += '<td id="button-'+key+'" title="'+value.name+'"><img onclick="FORUM.get(\'editor.'+key+'.onclick()\')" src="/i/blank.gif" /></td>'; } }); html += '</tr></table>'; $('#form-buttons').append(html); </script> <div class="container" id="font-area" style="display:none" onclick="changeVisibility('font-area')"></div> <script type="text/javascript"> html = ''; $.each(FORUM.get('editor.font.fonts'), function(key,value){ html += '<div style="font-family:'+value+'"><span>'+value+'</span><img onclick="bbcode(\'[font='+value+']\',\'[/font]\')" src="/i/blank.gif" /></div>'; }); $('#font-area').append(html); </script> <div class="container" id="size-area" style="display:none" onclick="changeVisibility('size-area')"></div> <script type="text/javascript"> html = ''; $.each(FORUM.get('editor.size.sizes'), function(key,value){ html += '<div style="font-size:'+value+FORUM.get('editor.size.unit')+'"><span>'+value+FORUM.get('editor.size.unit')+'</span><img onclick="bbcode(\'[size='+value+']\',\'[/size]\')" src="/i/blank.gif" /></div>'; }); $('#size-area').append(html); </script> <div class="container" id="color-area" style="display:none" onclick="changeVisibility('color-area')"></div> <script type="text/javascript"> html = '<table cellspacing="0" cellpadding="0"><tr>'; $.each(FORUM.get('editor.color.colors'), function(key,value){ html += '<td style="background-color:'+value+'"><img onclick="bbcode(\'[color='+value+']\',\'[/color]\')" src="/i/blank.gif" /></td>'; }); html += '</tr></table>'; $('#color-area').append(html); </script> <div class="container" id="table-area" style="display:none"></div> <script type="text/javascript"> html = '<table cellspacing="0" cellpadding="0">'; for (r=1; r<=FORUM.get('editor.table.rows'); r++){ html += '<tr>'; for (c=1; c<=FORUM.get('editor.table.cols'); c++){ html += '<td><img onclick="tag_table('+c+','+r+'); changeVisibility(\'table-area\')" src="/i/blank.gif" alt="'+c+'x'+r+'" title="'+c+'x'+r+'" /></td>'; } html += '</tr>'; } html += '</table>'; html += '<div><p><input id="table-layout" type="checkbox"'+(FORUM.get('editor.table.layout') == 'auto' ? '' : ' checked="checked"')+' onclick="FORUM.set(\'editor.table.layout\', ($(this).is(\':checked\') ? \'fixed\' : \'auto\'));" /><label for="table-layout">Ячейки одной ширины</label></p></div>'; $('#table-area').append(html); $('#table-area td').hover(function() { for (var x = 0; x <= $(this).index(); x++) { for (var y = 0; y <= $(this).parent().index(); y++) { $(this).parent().parent().children().eq(y).children().eq(x).addClass('selected'); } } }, function() { $('#table-area td').removeClass('selected'); }); </script> <div class="container" id="smilies-area" style="display:none" onclick="changeVisibility('smilies-area')"> <div id="smilies-block"></div> </div> <script type="text/javascript"> FORUM.set('editor.smile.dir', 'img/smilies/MyBB/universal'); FORUM.set('editor.smile.smilies', {":angry:":"angry.gif","o.O":"blink.gif",":blush:":"blush.gif",":canthearyou:":"canthearyou.gif",":confused:":"confused.gif",":cool:":"cool.gif",":crazyfun:":"crazyfun.gif",":crazy:":"crazy.gif",":'(":"cry.gif",":disappointed:":"disappointed.gif",":dontcare:":"dontcare.gif",":dontknow:":"dontknow.gif",":flag:":"flag.gif",":flirt:":"flirt.gif","8-)":"funny.gif",":glasses:":"glasses.gif","^^":"happy.gif",":hobo:":"hobo.gif",":huh:":"huh.gif",":idea:":"idea.gif",":insane:":"insane.gif",":jumping:":"jumping.gif",":D":"lol.gif",":love:":"love.gif",":mad:":"mad.gif",":music:":"music.gif",":mybb:":"mybb.gif",":|":"neutral.gif",":no:":"no.gif",":nope:":"nope.gif",":offtop:":"offtop.gif",":playful:":"playful.gif",":question:":"question.gif",":rain:":"rain.gif",":rofl:":"rofl.gif",":rolleyes:":"rolleyes.gif",":(":"sad.gif",":sceptic:":"sceptic.gif",":shine:":"shine.gif",":O":"shock.gif",":x":"sick.gif",":)":"smile.gif",":smoke:":"smoke.gif",":stupor:":"stupor.gif",":surprise:":"surprise.gif",":suspicious:":"suspicious.gif",":tired:":"tired.gif",":tomato:":"tomato.gif",":P":"tongue.gif",":unsure:":"unsure.gif","%-)":"wacko.gif",":whistle:":"whistle.gif",";)":"wink.gif",":writing:":"writing.gif",":yep:":"yep.gif"}); </script> <div class="container" id="image-area" style="display:none"> <div id="image-area-sels" style="display:block"> <div><strong>Выберите источник изображения</strong></div> <div id="image-source-list"> <a id="action-computer" class="turn_link">С компьютера</a> <a id="action-internet" class="turn_link">Из интернета</a> </div> </div> <div id="image-area-tcon-internet" style="display:none"> <div id="image-area-thd">Вставьте ссылки на изображения (по одной на строку)</div> <textarea id="image-area-tinp" rows="5"></textarea> </div> <div id="image-area-tcon-computer" style="display:none"> <table cellpadding="0" cellspacing="0"> <tr valign="top"> <td id="imageupload-left"> <div id="image_upload"><input id="image_upload_input" type="file" name="files[]" multiple /><input class="button" type="button" value="Выберите файлы" /></div> <div id="file"></div> <div id="image-width" style="display:none"></div> <div id="image-thumb-width" style="display:none"></div> <div id="upload-button-container" style="display:none"><input id="upload-button" class="button" type="button" value="Загрузить" /></div> <div id="image-insert-format" style="display:none"></div> </td> <td id="imageupload-right"> <div id="load-image-container" style="display:none"> <div id="imageQueue" style="display:none"></div> <div id="uploaded-images" style="display:none"></div> </div> <div id="insert-image-tip" style="display:none"><span>Нажмите на изображение, чтобы вставить в форму.</span></div> </td> </tr> </table> </div> <div id="image-area-actions" style="display:none"> <a id="action-insert-textarea" style="display:none">Вставить</a> <a id="action-insert-uploaded" style="display:none">Вставить все</a> <a id="action-clean-textarea" style="display:none">Очистить</a> <a id="action-clean-uploaded" style="display:none">Очистить</a> <a id="action-return">Другой источник</a> <a id="action-close">Закрыть</a> </div> </div> <div class="container" id="video-area" style="display:none"> <div id="video-area-hsel" style="display:block;" onclick="MYBB_vsi(this,arguments)"> <div><strong>Выберите видеохостинг</strong></div> <div id="video-host-list"></div> </div> <div id="video-area-tcon" style="display:none;"> <div id="video-area-thd">Вставьте ссылку или embed-код видеофайла</div> <textarea id="video-area-tinp" onclick="this.select();"></textarea> <div id="video-area-msg"></div> </div> <div id="video-area-actions" style="display:none"> <a href="#" onclick="MYBB_vsc.parse(); return false;">Вставить</a> <a href="#" onclick="changeVisibility('video-area'); return false;">Закрыть</a> <a href="#" onclick="MYBB_vsc.reInit(); return false;">Другой хостинг</a> </div> </div> <div class="container" id="spoiler-area" style="display:none"> <div id="spoiler-sels"> <div><strong>Выберите тип спойлера</strong></div> <div id="spoiler-type-list"> <a href="#" onclick="return tag_spoiler('media');">Спойлер для медиа</a> <a href="#" onclick="return tag_spoiler('spoiler');">Спойлер для текста</a> </div> </div> </div> <script type="text/javascript"> html = []; $.each(FORUM.get('editor.video.hosts'), function(key,value){ html.push('<a class="turn_link" href="#'+value+'">'+value+'</a>'); }); $('#video-host-list').append(html.join(', ')); </script> <div class="container" id="keyboard-area" style="display:none"> <span id="keyboard-span"></span> </div> <script type="text/javascript"> html = ''; $.each(FORUM.get('editor.keyboard.keys'), function(key,value){ html += value == '_NL_' ? '<br />' : '<input type="button" value="'+value+'" onclick="keyboard(\''+value+'\')" />'; }); $('#keyboard-span').append(html); </script> <div class="container" id="addition-area" style="display:none" onclick="changeVisibility('addition-area')"></div> <script type="text/javascript"> html = ''; $.each(FORUM.get('editor.addition.tags'), function(key,value){ html += '<div onclick="FORUM.get(\'editor.addition.tags.'+key+'.onclick()\')"><span>'+value.name+'</span></div>'; }); $('#addition-area').append(html); </script> </div> <p class="inputfield required"> <label for="fld1">Имя</label><br /> <span class="input"><input type="text" id="fld1" name="req_username" value="" size="25" maxlength="25" /></span> </p> <p class="areafield required"> <span class="input"><textarea id="main-reply" name="req_message" rows="13"></textarea></span> </p> <!-- WYSI - визуальный редактор сообщений © Alex_63, 2024 <style> /* Подсветка кнопок WYSI для новой формы ответа */ .fo-buttons span.wysi-highlight { color: #333; background-color: #aaa; } .fo-lists span.wysi-highlight { background-color: #ddd; } .fo-lists .colors span.wysi-highlight { outline: solid 3px #bbb; } </style> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/f/ru/bestbb/wysi.css" /> <script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/wysi.js"></script> <style> #wysi-reply.post-content {margin-bottom: 0;} .wysi-active #tags.wysi-disabled .fo-lists .container {opacity: .5; cursor: not-allowed !important;} .wysi-active #form-buttons.wysi-disabled .fo-buttons, .wysi-active #tags.wysi-disabled .fo-lists .container *[onclick] {pointer-events: none;} </style> <script> //Доп.атрибуты для подсветки кнопок $(function() { $('.fo-butblok>span').attr('data-action', function() { return $(this).attr('onclick') ? $(this).attr('onclick').match(/\.([^\.]+)\.onclick/)[1] : $(this).attr('class').match(/\s([^-]+)-button/)[1] }); $('.fo-lists>.container').attr('data-container', function() { return $(this).attr('class').split('s container')[0] }) .find('span[style]').each(function() { var style = $(this).attr('style'); var prop = style && style.split(':')[0]; $(this).attr('data-style', prop + ':' + $(this).css(prop)); }) .end().find('span[onclick]').not('[style]').each(function() { var action = $(this).attr('onclick').replace(/^.+?\((.+)\)/, '$1').split('.')[3]; $(this).attr('data-tag', action); }); }); </script> --> <!-- BB-цитирование © Alex_63, 2024 --> <script type="text/javascript" src="https://forumstatic.ru/f/su/1bb/bbquote.js"></script> <script type="text/javascript" src="https://forumstatic.ru/f/su/1bb/bbquote.custom_quotes.js"></script> <!-- Перенос формы ответа под отвечаемое сообщение (c) 2017 --> <script type="text/javascript"> (function() { if (!$('#pun-viewtopic').length) return; var tstPrev = false, prevElem, form, cnt, cntPrev; $(window).on('click', '.fd-name a,.pl-quote a,.pl-BBquote,.pl-reply a,.fd-ava-but a', function() { form = $('#post-form'); if (!tstPrev) prevElem = form.prev(), tstPrev = true; $('script', form).remove(); form.insertAfter($(this).parents('.post')); if (!$('.button[name=cancel]', form).length) $('.button[name=preview]', form).after(' <input type="button" class="button" id="rus" name="cancel" value="Отмена" />'); if ($.trim($('#main-reply', form).val()) != cnt) cntPrev = $.trim($('#main-reply', form).val()); setTimeout(function() { cnt = $.trim($('#main-reply', form).val()); }, 10); }).on('click', '.button[name=cancel]', function() { form.insertAfter(prevElem); $('.fs-box .container[id]:visible', form).hide(); $(this).remove(); if ($.trim($('#main-reply', form).val()) == cnt) $('#main-reply', form).val(cntPrev); }); })(); </script> <!-- Кастомная форма ответа: начало --> <div id="my-fo"> <!-- кнопки начало --><div class="fo-buttons"> <div class="fo-butblok"> <span class="material-icons font-button ank-hide mobhide" title="<gg class='rus'>Шрифт</gg><gg class='eng'>Font</gg>">font_download</span> <span class="material-icons size-button ank-hide mobhide" title="<gg class='rus'>Размер</gg><gg class='eng'>Size</gg>">format_size</span> <span class="material-icons" onclick="FORUM.get('editor.bold.onclick()')" title="<gg class='rus'>Жирный</gg><gg class='eng'>Bold</gg>">format_bold</span> <span class="material-icons" onclick="FORUM.get('editor.italic.onclick()')" title="<gg class='rus'>Курсив</gg><gg class='eng'>Italic</gg>">format_italic</span> <span class="material-icons" onclick="FORUM.get('editor.underline.onclick()')" title="<gg class='rus'>Подчеркнутый</gg><gg class='eng'>Underline</gg>">format_underlined</span> <span class="material-icons" onclick="FORUM.get('editor.strike.onclick()')" title="<gg class='rus'>Зачеркнутый</gg><gg class='eng'>Strike</gg>">strikethrough_s</span> <span class="material-icons ank-hide" onclick="FORUM.get('editor.addition.tags.mark.onclick()')" title="<gg class='rus'>Маркированный</gg><gg class='eng'>Marked</gg>">format_paint</span> <span class="material-icons color-button ank-hide" title="<gg class='rus'>Цвет</gg><gg class='eng'>Color</gg>">color_lens</span> </div> <div class="sep"></div> <div class="fo-butblok"> <span class="material-icons" onclick="FORUM.get('editor.left.onclick()')" title="<gg class='rus'>Выравнивание слева</gg><gg class='eng'>Align left</gg>">format_align_left</span> <span class="material-icons" onclick="FORUM.get('editor.center.onclick()')" title="<gg class='rus'>Выравнивание по центру</gg><gg class='eng'>Align center</gg>">format_align_center</span> <span class="material-icons" onclick="FORUM.get('editor.right.onclick()')" title="<gg class='rus'>Выравнивание справа</gg><gg class='eng'>Align right</gg>">format_align_right</span> <span class="material-icons list-button" title="<gg class='rus'>Список</gg><gg class='eng'>List</gg>">list</span> <span class="material-icons ank-hide mobhide" onclick="FORUM.get('editor.table.onclick()')" title="<gg class='rus'>Таблица</gg><gg class='eng'>Table</gg>">table_view</span> </div> <div class="sep"></div> <div class="fo-butblok"> <span class="material-icons" onclick="FORUM.get('editor.link.onclick()')" title="<gg class='rus'>Ссылка</gg><gg class='eng'>Link</gg>">link</span> <span class="material-icons image-button" onclick="FORUM.get('editor.image.onclick()')" title="<gg class='rus'>Изображение</gg><gg class='eng'>Image</gg>">add_photo_alternate</span> <span class="material-icons video-button" onclick="FORUM.get('editor.video.onclick()')" title="<gg class='rus'>Видео</gg><gg class='eng'>Video</gg>">ondemand_video</span> <span class="material-icons smile-button ank-hide" onclick="FORUM.get('editor.smile.onclick()')" title="<gg class='rus'>Смайлы</gg><gg class='eng'>Smiles</gg>">mood</span> <span class="material-icons rus" onclick="FORUM.get('editor.voice.onclick()')" title="Голосовое сообщение">mic</span> </div> <div class="sep"></div> <div class="fo-butblok"> <span class="material-icons spoiler-button" onclick="FORUM.get('editor.spoiler.onclick()')" title="<gg class='rus'>Свернутый текст</gg><gg class='eng'>Spoiler</gg>">content_cut</span> <span onclick="FORUM.get('editor.hide.onclick()')" class="material-icons" title="<gg class='rus'>Скрытый текст</gg><gg class='eng'>Hidden text</gg>">lock_open</span> <span onclick="FORUM.get('editor.quote.onclick()')" class="material-icons" title="<gg class='rus'>Цитата</gg><gg class='eng'>Quote</gg>">format_quote</span> <span class="material-icons code-button" title="<gg class='rus'>Код/Текст для копирования</gg><gg class='eng'>Code/Text to copy</gg>">code</span> </div> <div class="sep"></div> <div class="fo-butblok"> <span onclick="FORUM.get('editor.addition.tags.hr.onclick()')" class="material-icons mobhide" title="<gg class='rus'>Горизонтальная линия</gg><gg class='eng'>Horizontal line</gg>">horizontal_rule</span> <span onclick="FORUM.get('editor.addition.tags.anchor.onclick()')" class="material-icons mobhide" title="<gg class='rus'>Якорь</gg><gg class='eng'>Anchor</gg>">anchor</span> <span onclick="FORUM.get('editor.addition.tags.abbr.onclick()')" class="material-icons mobhide" title="<gg class='rus'>Поясняющий текст</gg><gg class='eng'>Tooltip text</gg>">live_help</span> <span class="material-icons symbol-button ank-hide mobhide" title="<gg class='rus'>Символы</gg><gg class='eng'>Symbols</gg>">emoji_symbols</span> <span class="material-icons aditional-button ank-hide mobhide" title="<gg class='rus'>Дополнительно</gg><gg class='eng'>Additionally</gg>">library_add</span> </div> </div><!-- кнопки конец --> </div> <!-- раскрывающиеся списки --><div class="fo-lists"> <!-- списки --> <div class="lists container"> <span onclick="bbcode('[ul=disc]','[/ul]')" class="disc"><ul><li><gg class='rus'>Точками</gg><gg class='eng'>Dots</gg></li></ul></span> <span onclick="bbcode('[ul=circle]','[/ul]')" class="circle"><ul><li><gg class='rus'>Кружочками</gg><gg class='eng'>Circles</gg></li></ul></span> <span onclick="bbcode('[ul=square]','[/ul]')" class="square"><ul><li><gg class='rus'>Квадратами</gg><gg class='eng'>Squares</gg></li></ul></span> <span onclick="bbcode('[ul=decimal]','[/ul]')" class="decimal"><ul><li><gg class='rus'>Цифрами</gg><gg class='eng'>Numbers</gg></li></ul></span> <span onclick="bbcode('[ul=upper-roman]','[/ul]')" class="roman"><ul><li><gg class='rus'>Римскими цифрами</gg><gg class='eng'>Roman Numerals</gg></li></ul></span> <span onclick="bbcode('[ul=none]','[/ul]')" class="nopadding"><ul><li><gg class='rus'>Без обозначений</gg><gg class='eng'>No Markers</gg></li></ul></span> <span onclick="bbcode('[*',']')" class="nopadding"><gg class='rus'>Многострочный пункт списка</gg><gg class='eng'>Multiline List Item</gg></span> </div> <!-- коды --> <div class="codes container"> <span onclick="bbcode('[code]','[/code]')" class="disc"><ul><li><gg class='rus'>Текст</gg><gg class='eng'>Text</gg></li></ul></span> <span onclick="bbcode('[block=code-html][code]','[/code][/block]')" class="disc"><ul><li>HTML</li></ul></span> <span onclick="bbcode('[block=code-css][code]','[/code][/block]')" class="disc"><ul><li>CSS</li></ul></span> <span onclick="bbcode('[block=code-javascript][code]','[/code][/block]')" class="disc"><ul><li>Javascript</li></ul></span> </div> <!-- шрифты --> <div class="fonts container"> <span style="font-family:Bebas Neue" onclick="bbcode('[font=Bebas Neue]','[/font]')">Bebas Neue</span> <span style="font-family:Arial" onclick="bbcode('[font=Arial]','[/font]')">Arial</span> <span style="font-family:Georgia" onclick="bbcode('[font=Georgia]','[/font]')">Georgia</span> <span style="font-family:Microsoft Sans Serif" onclick="bbcode('[font=Microsoft Sans Serif]','[/font]')">Microsoft Sans Serif</span> <span style="font-family:Tahoma" onclick="bbcode('[font=Tahoma]','[/font]')">Tahoma</span> <span style="font-family:Verdana" onclick="bbcode('[font=Verdana]','[/font]')">Verdana</span> <span style="font-family:Century Gothic" onclick="bbcode('[font=Century Gothic]','[/font]')">Century Gothic</span> <span style="font-family:Palatino Linotype" onclick="bbcode('[font=Palatino Linotype]','[/font]')">Palatino Linotype</span> <span style="font-family:Times New Roman" onclick="bbcode('[font=Times New Roman]','[/font]')">Times New Roman</span> <span style="font-family:Franklin Gothic Medium" onclick="bbcode('[font=Franklin Gothic Medium]','[/font]')">Franklin Gothic Medium</span> <span style="font-family:Impact" onclick="bbcode('[font=Impact]','[/font]')">Impact</span> <span style="font-family:Arial Black" onclick="bbcode('[font=Arial Black]','[/font]')">Arial Black</span> <span style="font-family:Courier New" onclick="bbcode('[font=Courier New]','[/font]')">Courier New</span> <span style="font-family:Lucida Console" onclick="bbcode('[font=Lucida Console]','[/font]')">Lucida Console</span> <span style="font-family:Comic Sans Ms" onclick="bbcode('[font=Comic Sans Ms]','[/font]')">Comic Sans Ms</span> </div> <!-- размеры --> <div class="sizes container"> <span style="font-size:10px" onclick="bbcode('[size=10]','[/size]')">10px</span> <span style="font-size:12px" onclick="bbcode('[size=12]','[/size]')">12px</span> <span style="font-size:14px" onclick="bbcode('[size=14]','[/size]')">14px</span> <span style="font-size:16px" onclick="bbcode('[size=16]','[/size]')">16px</span> <span style="font-size:18px" onclick="bbcode('[size=18]','[/size]')">18px</span> <span style="font-size:20px" onclick="bbcode('[size=20]','[/size]')">20px</span> <span style="font-size:22px" onclick="bbcode('[size=22]','[/size]')">22px</span> </div> <!-- цвета --> <div class="colors container"> <span style="background-color: #f98561;" onclick="bbcode('[color=#f98561]','[/color]')"></span> <span style="background-color: #b80000;" onclick="bbcode('[color=#b80000]','[/color]')"></span> <span style="background-color: #e63737;" onclick="bbcode('[color=#e63737]','[/color]')"></span> <span style="background-color: #f7941d;" onclick="bbcode('[color=#f7941d]','[/color]')"></span> <span style="background-color: #e36120;" onclick="bbcode('[color=#e36120]','[/color]')"></span> <span style="background-color: #29aecb;" onclick="bbcode('[color=#29aecb]','[/color]')"></span> <span style="background-color: #00a1e4;" onclick="bbcode('[color=#00a1e4]','[/color]')"></span> <span style="background-color: #0481d9;" onclick="bbcode('[color=#0481d9]','[/color]')"></span> <span style="background-color: #0080b7;" onclick="bbcode('[color=#0080b7]','[/color]')"></span> <span style="background-color: #1c8426;" onclick="bbcode('[color=#1c8426]','[/color]')"></span> <span style="background-color: #26af33;" onclick="bbcode('[color=#26af33]','[/color]')"></span> <span style="background-color: #71218e;" onclick="bbcode('[color=#71218e]','[/color]')"></span> <span style="background-color: #a726af;" onclick="bbcode('[color=#a726af]','[/color]')"></span> <span style="background-color: #2e3e4f;" onclick="bbcode('[color=#2e3e4f]','[/color]')"></span> <span style="background-color: #2d343a;" onclick="bbcode('[color=#2d343a]','[/color]')"></span> <span style="background-color: #666666;" onclick="bbcode('[color=#666666]','[/color]')"></span> <span style="background-color: #a5a5a5;" onclick="bbcode('[color=#a5a5a5]','[/color]')"></span> <span style="background-color: #d7d7d7;" onclick="bbcode('[color=#d7d7d7]','[/color]')"></span> <span style="background-color: #000000;" onclick="bbcode('[color=#000000]','[/color]')"></span> <span style="background-color: #ffffff;" onclick="bbcode('[color=#ffffff]','[/color]')"></span> </div> <!-- символы --> <div class="symbols container"> <span onclick="keyboard('©')">©</span> <span onclick="keyboard('®')">®</span> <span onclick="keyboard('™')">™</span> <span onclick="keyboard('«')">«</span> <span onclick="keyboard('»')">»</span> <span onclick="keyboard('❝')">❝</span> <span onclick="keyboard('❞')">❞</span> <span onclick="keyboard('¢')">¢</span> <span onclick="keyboard('€')">€</span> <span onclick="keyboard('£')">£</span> <span onclick="keyboard('₽')">₽</span> <span onclick="keyboard('₿')">₿</span> <span onclick="keyboard('✘')">✘</span> <span onclick="keyboard('✔')">✔</span> <span onclick="keyboard('☒')">☒</span> <span onclick="keyboard('☑')">☑</span> <span onclick="keyboard('☐')">☐</span> <span onclick="keyboard('●')">●</span> <span onclick="keyboard('•')">•</span> <span onclick="keyboard('◼')">◼</span> <span onclick="keyboard('◪')">◪</span> <span onclick="keyboard('◾')">◾</span> <span onclick="keyboard('◉')">◉</span> <span onclick="keyboard('◆')">◆</span> <span onclick="keyboard('◔')">◔</span> <span onclick="keyboard('♀')">♀</span> <span onclick="keyboard('♂')">♂</span> <span onclick="keyboard('❤')">❤</span> <span onclick="keyboard('♫')">♫</span> <span onclick="keyboard('ッ')">ッ</span> <span onclick="keyboard('❄')">❄</span> <span onclick="keyboard('☀')">☀</span> <span onclick="keyboard('☁')">☁</span> <span onclick="keyboard('❋')">❋</span> <span onclick="keyboard('✿')">✿</span> <span onclick="keyboard('✎')">✎</span> <span onclick="keyboard('✂')">✂</span> <span onclick="keyboard('★')">★</span> <span onclick="keyboard('☆')">☆</span> <span onclick="keyboard('‹')">‹</span> <span onclick="keyboard('›')">›</span> <span onclick="keyboard('←')">←</span> <span onclick="keyboard('↑')">↑</span> <span onclick="keyboard('→')">→</span> <span onclick="keyboard('↓')">↓</span> <span onclick="keyboard('↔')">↔</span> <span onclick="keyboard('↕')">↕</span> <span onclick="keyboard('◄')">◄</span> <span onclick="keyboard('▲')">▲</span> <span onclick="keyboard('►')">►</span> <span onclick="keyboard('▼')">▼</span> <span onclick="keyboard('◂')">◂</span> <span onclick="keyboard('▴')">▴</span> <span onclick="keyboard('▸')">▸</span> <span onclick="keyboard('▾')">▾</span> <span onclick="keyboard('⓿')">⓿</span> <span onclick="keyboard('❶')">❶</span> <span onclick="keyboard('❷')">❷</span> <span onclick="keyboard('❸')">❸</span> <span onclick="keyboard('❹')">❹</span> <span onclick="keyboard('❺')">❺</span> <span onclick="keyboard('❻')">❻</span> <span onclick="keyboard('❼')">❼</span> <span onclick="keyboard('❽')">❽</span> <span onclick="keyboard('❾')">❾</span> <span onclick="keyboard('❿')">❿</span> </div> <!-- Дополнительно --> <div class="aditionals container"> <span onclick="bbcode('[size=28][font=Bebas Neue]','[/font][/size]');"><gg class='rus'>Заголовок</gg><gg class='eng'>Title</gg></span> <span onclick="bbcode('[block=prev][align=center]','[/align][/block]');"><gg class='rus'>Автосжатие больших картинок</gg><gg class='eng'>Auto-resize large images</gg></span> <span onclick="bbcode('[block=hidecode][hide]','[/hide][/block]');"><gg class='rus'>Скрыть от гостей</gg><gg class='eng'>Hide from guests</gg></span> <span class="rus" onclick="bbcode('[block=hidelink][hide][block=superlink][url=',']СКАЧАТЬ[/url][/block][/hide][/block]');">Ссылка «скачать»</span> <span class="eng" onclick="bbcode('[block=hidelink][hide][block=superlink][url=',']DOWNLOAD[/url][/block][/hide][/block]');">Download link</span> <span onclick="FORUM.get('editor.addition.tags.you.onclick()')"><gg class='rus'>Имя читателя</gg><gg class='eng'>Reader's name</gg></span> <span onclick="FORUM.get('editor.addition.tags.add.onclick()')"><gg class='rus'>Добавлено спустя…</gg><gg class='eng'>Added after...</gg></span> <span onclick="FORUM.get('editor.addition.tags.sup.onclick()')"><gg class='rus'>Надстрочный текст</gg><gg class='eng'>Superscript text</gg></span> <span onclick="FORUM.get('editor.addition.tags.sub.onclick()')"><gg class='rus'>Подстрочный текст</gg><gg class='eng'>Subscript text</gg></span> <span onclick="bbcode('[block=class]','[/block]');" class="userhide"><gg class='rus'>Блок</gg><gg class='eng'>Block</gg></span> <span onclick="bbcode('[html]','[/html]');" class="userhide">HTML</span> </div> </div><!-- раскрывающиеся списки --> <!-- ---------------- --> <script type="text/javascript"> $('#my-fo').appendTo('#form-buttons'); $('.fo-lists').appendTo('#tags'); var buttonList = [ {button: ".code-button", list: ".codes"}, {button: ".font-button", list: ".fonts"}, {button: ".size-button", list: ".sizes"}, {button: ".color-button", list: ".colors"}, {button: ".list-button", list: ".lists"}, {button: ".symbol-button", list: ".symbols"}, {button: ".aditional-button", list: ".aditionals"} ]; buttonList.forEach(function(item) { $("#form-buttons " + item.button).click(function() { $("#tags .fo-lists " + item.list).toggleClass('show'); }); }); </script> <!-- Новая форма ответа: Конец --> <!-- Кнопка шаблона для новой формы --> <script type="text/javascript"> $(document).ready(function() { if ($('#post #addition-area div[onclick*="addition.tags.pattern"]').length) { $('#my-fo .fo-butblok').first().before('<span id="fo-shablon" class="material-icons tip" onclick="FORUM.get(\'editor.addition.tags.pattern.onclick()\')" title="Шаблон добавления материала">note_add</span><div class="sep sep-shab"></div>'); } //Скрытие кнопки шаблонов в некоторых разделах var shabforums = [5, 6, 19]; for (var i = 0; i < shabforums.length; i++) { var crumbsSelector = 'a[href="/viewforum.php?id=' + shabforums[i] + '"]'; var hideShab = document.querySelector(crumbsSelector); if (hideShab) { $("#fo-shablon").not('[onclick*="voice"]').addClass('moderator-ann2'); $(".sep-shab").addClass('moderator-ann2'); } } }); </script> <style> .fo-buttons #fo-shablon {background-color: #e63737; color: #fff;} .fo-buttons #fo-shablon:hover {background-color: #2e3e4f; color: #e63737;} </style> <!--дополнительные смайлы--> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/75411.js" defer></script> <!-- Инструментарий: Пресеты тегов для топиков портфолио --> <div id="pt-swich" class="superlink"><a class="pt-hide tip" title="убрать инструментарий спец-топиков">Скрыть инструментарий</a><a class="pt-show tip" title=" инструментарий спец-топиков">Показать инструментарий</a></div> <div id="pt-inside"> <div id="portfolio-tags"> <h4>Теги оформления специальных постов</h4> <div class="pt-row"> <div class="pt-click red tip" title="Обязательный тег для создания специального поста:<br><img src='https://i.imgur.com/sXmPgWq.jpg'>">Сделать пост специальным<span class="pttag-cont">[block="portfoliopost"]portfoliopost[/block],</span></div> <div class="pt-click tip" title="Перекрашивает специальный пост в более светлые тона">Светлый фон<span class="pttag-cont">[block="makeportfoliolight"]makeportfoliolight[/block],</span></div> <div class="pt-click tip" title="Элементы поста красного цвета:<br><img src='https://i.imgur.com/2yNshzv.jpg'>">Красный пост<span class="pttag-cont">[block="saledpost"]saledpost[/block],</span></div> <div class="pt-click tip" title="Элементы поста синего цвета:<br><img src='https://i.imgur.com/YnDb3Ar.jpg'>">Синий пост<span class="pttag-cont">[block="forsalepost"]forsalepost[/block],</span></div> <div class="pt-click tip"title="Элементы поста зеленого цвета:<br><img src='https://i.imgur.com/H4ATE6K.jpg'>">Зеленый пост<span class="pttag-cont">[block="freepost"]freepost[/block],</span></div> <br> <div class="pt-click red tip" title="Обязательный тег для создания поста в рамочке на всю ширину форума (но без профиля):<br><img src='https://i.imgur.com/7k916GZ.png'>">Пост без профиля<span class="pttag-cont">[block="no-prof"]no-prof[/block],</span></div> </div> <h4>Теги оформления картинок</h4> <p><b>Обложки: </b>Для одной картинки по центру в рамке, автоматически уменьшается до ширины 480px</p> <div class="pt-row"> <div class="pt-click tip" title="Вставить простую обложку:<br><img src='https://i.imgur.com/DpG7E19.jpg'>">Обложка<span class="pttag-cont">[block="cover"][block="picture"][img]ссылка на картинку,[/img][/block][/block]</span></div> <div class="pt-click tip" title="Обложка с иконкой замка:<br><img src='https://i.imgur.com/akk5tJr.jpg'>">Закрыто<span class="pttag-cont">[block="cover"][block="icon material-icons"]lock[/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]</span></div> <div class="pt-click tip" title="Обложка с иконкой доллара:<br><img src='https://i.imgur.com/VtsGPlx.jpg'>">Продажа<span class="pttag-cont">[block="cover"][block="icon fa-solid fa-sack-dollar"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]</span></div> <div class="pt-click tip" title="Обложка с иконкой подарка:<br><img src='https://i.imgur.com/VHGTul4.jpg'>">Подарок<span class="pttag-cont">[block="cover"][block="icon fa-solid fa-gift"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]</span></div> <br> <p><b>Превью: </b>Для любого количества картинок по центру в рамке, автоматически уменьшается до ширины или высоты 300px</p> <div class="pt-click tip" title="Вставить блок для превью картинок:<br><img src='https://i.imgur.com/00hJCG0.jpg'>">Блок для превью<span class="pttag-cont">[block="morepics"],[/block]</span></div> <br> <p><b>Разноцветные картинки-ссылки: </b>Для любого количества картинок по центру в разноцветных рамках с заголовком, автоматически уменьшается до ширины 350px, минимальная высота 230px (если высота больше, картинка "обрезается" снизу, но не сжимается)</p> <div class="pt-click tip" title="Вставляет блок для ОТОБРАЖЕНИЯ и выравнивания их по центру:<br><img src='https://i.imgur.com/tLqbv3Z.jpg'>">Блок для картинок-ссылок<span class="pttag-cont">[block="port-block"],[/block]</span></div> <div class="pt-click tip" title="Вставляет красный блок картинки-ссылки:<br><img src='https://i.imgur.com/a3D74QO.jpg'>">Красный<span class="pttag-cont">[block="p-out saled"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]</span></div> <div class="pt-click tip" title="Вставляет синий блок картинки-ссылки:<br><img src='https://i.imgur.com/m8s4vcP.jpg'>">Синий<span class="pttag-cont">[block="p-out forsale"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]</span></div> <div class="pt-click tip" title="Вставляет зеленый блок картинки-ссылки:<br><img src='https://i.imgur.com/JLSrWtL.jpg'>">Зеленый<span class="pttag-cont">[block="p-out free"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]</span></div> <div class="pt-click tip" title="Вставляет желтый блок картинки-ссылки:<br><img src='https://i.imgur.com/jOJ7EsQ.jpg'>">Желтый<span class="pttag-cont">[block="p-out yellow"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]</span></div> </div> <h4>Теги оформления контента</h4> <div class="pt-row"> <div class="pt-click tip" title="Создает блок с обведенным текстом:<br><img src='https://i.imgur.com/ouNs2Hb.jpg'>">Обведенный текст<span class="pttag-cont">[block="details"] [block="det"],[/block] [/block]</span></div> <div class="pt-click tip" title="Добавить еще один внутренний блок для текста в ряд:<br><img src='https://i.imgur.com/pTAQB0C.jpg'>">Добавить еще блок<span class="pttag-cont">[block="det"],[/block]</span></div> <br> <div class="pt-click tip" title="Добавляет блок с ссылками-кнопками:<br><img src='https://i.imgur.com/PNFlJfB.jpg'>">Блок с кнопками<span class="pttag-cont">[block="links"] [block="demo"][url=ссылка]синяя кнопка,[/url][/block] [block="store"][url=ссылка]оранжевая кнопка[/url][/block] [/block]</span></div> <div class="pt-click tip" title="Вставляет синюю кнопку:<br><img src='https://i.imgur.com/KblQToG.jpg'>">Синяя кнопка<span class="pttag-cont">[block="demo"][url=ссылка]текст,[/url][/block]</span></div> <div class="pt-click tip" title="Вставляет оранжевую кнопку:<br><img src='https://i.imgur.com/xmMJL1b.jpg'>">Оранжевая кнопка<span class="pttag-cont">[block="store"][url=ссылка]текст,[/url][/block]</span></div> </div> </div></div> <style> .pttag-cont, #portfolio-tags .pt-click.admin, #pt-inside, #pt-swich, #pt-swich.show .pt-show, #pt-swich .pt-hide {display:none;} .isadmin #portfolio-tags .pt-click.admin {display:inline-block;} .ismoderator #pt-swich, .gid6 #pt-swich, .gid16 #pt-swich, .ismoderator #pt-inside.show, .gid6 #pt-inside.show, .gid16 #pt-inside.show, .ismoderator #pt-swich.show .pt-hide, .gid6 #pt-swich.show .pt-hide, .gid16 #pt-swich.show .pt-hide {display:block;} #portfolio-tags {padding: 10px;} #portfolio-tags h4 {margin: 0 0 5px; font-family: 'Bebas Neue'; font-size: 20px; font-weight: normal;} #portfolio-tags p {margin:0;} #portfolio-tags .pt-row {padding-bottom: 10px;} #portfolio-tags .pt-click {cursor: pointer; display: inline-block; padding: 5px; border-radius: 5px; margin: 5px; font-size: 16px; text-transform: uppercase; background: #cacaca; color: #0080b7;} .dark #portfolio-tags .pt-click {background: #4f4f4f; color: #4eafc1;} #portfolio-tags .pt-click:hover, .dark #portfolio-tags .pt-click:hover {background: #2e3e4f; color: #e63737;} #portfolio-tags .pt-click.red, .dark #portfolio-tags .pt-click.red {background-color: #f98561; color: #fff;} #portfolio-tags .pt-click.red:hover, .dark #portfolio-tags .pt-click.red:hover {background-color: #e63737; color: #fff;} #portfolio-tags .pt-click.admin, .dark #portfolio-tags .pt-click.admin {background-color: #a726af; color: #fff;} #portfolio-tags .pt-click.admin:hover, .dark #portfolio-tags .pt-click.admin:hover {background-color: #71218e; color: #fff;} #pt-swich {margin: 10px 0 0;} #pt-swich.superlink a {cursor:pointer;} </style> <script type="text/javascript"> $("#portfolio-tags div").click(function(){ var L=$(this).find(".pttag-cont").html(); var P=L.split(','); bbcode(P[0],P[1]) return false; }); $(document).ready(function() { $(".pt-hide").click(function(){ $("#pt-inside").removeClass("show"); $("#pt-swich").removeClass("show"); }); $(".pt-show").click(function(){ $("#pt-inside").addClass("show"); $("#pt-swich").addClass("show"); }); }); </script> <!-- ------------------------------------------------------ админские инструментарии навигаторов ------------------------------------------------------ --> <!-- Пресеты тегов для навигатора по общему портфолио --> <div id="supertags2"><div id="meny-styles2" class="container"> <span class="addscript"><p>добавить работу <i>[block="wow bounceIn p-out,"] иконка [block="p-descr"][url=https://forumd.ru/viewtopic.php?id=]описание[/url][/block] [block="p-inner"][url=https://forumd.ru/viewtopic.php?id=][img]картинка[/img][/url][/block] [/block] </i> </p></span> <div class="icons"> <span class="menustylestext">Иконки:</span> <p><span class="icon material-icons">lock</span><i>[block="icon material-icons"]lock,[/block]</i></p> <p><span class="icon fa-solid fa-sack-dollar"></span><i>[block="icon fa-solid fa-sack-dollar"],[/block]</i></p> <p><span class="icon fa-solid fa-gift"></span><i>[block="icon fa-solid fa-gift"],[/block]</i></p> </div> <div class="sttags"> <span class="menustylestext">ТЕГИ</span> <span class="menustylestext2">(вставить в <b>p-out</b> через пробел)</span> <br> <div class="forumtags"> <span class="menustylestext3">Тип работы: </span> <span class="tag red"><p>под заказ<i> saled,</i></p></span> <span class="tag lightblue"><p>на продажу<i> forsale,</i></p></span> <span class="tag green"><p>бесплатно<i> free,</i></p></span> <br><br> <span class="menustylestext3">Основная категория: </span> <span class="tag"><p>Вебдизайн<i> dis,</i></p><em>(для всего связанного с работой на сайтах/форумах, кроме готовых скриптов и мелкой графики)</em></span> <span class="tag"><p>Графика<i> graf,</i></p><em>(для графона, НЕ включающего кодинг/скрипты)</em></span> <span class="tag"><p>Скрипты/коды<i> code,</i></p><em>(для готовых разработок и работы по верстке/кодингу)</em></span> <br> <span class="menustylestext3">Мини-фильтры дизайнов: </span> <span class="tag orange"><p>адаптивные<i> mob,</i></p></span> <span class="tag blue"><p>ролевые игры<i> frpg,</i></p></span> <span class="tag yellow"><p>компьютерные игры<i> game,</i></p></span> <span class="tag orange"><p>нейтральные<i> flat,</i></p></span> </div> <div class="forumtags"> <span class="menustylestext3">Подкатегории: </span> <span class="tag"><p>Дизайн форумов/сайтов<i> fulldis,</i></p><em>(для полных работ по дизайну)</em></span> <span class="tag"><p>Макеты<i> layout,</i></p><em>(для дизайнов, где только макет без кода, или работ по созданию макетов чего-либо)</em></span> <span class="tag"><p>Верстка<i> dis-code,</i></p><em>(для работ по верстке чужих дизайнов или отдельных штук)</em></span> <span class="tag"><p>Соц-сети/стримы<i> graf-s,</i></p><em>(графон для оформления соцсетей/стримов)</em></span> <span class="tag"><p>Ролевая графика/арт<i> art,</i></p><em>(для мелкой графики)</em></span> <span class="tag"><p>Javascript/CSS<i> js,</i></p><em>(для скриптов или выложенных цсс кодов)</em></span> </div> </div> </div></div> <style> #meny-styles3 i,#supertags2, #supertags3 {display: none;} #supertags2.show, #supertags3.show {display:block!important;} #supertags2 .container p, #supertags3 .container p { padding: 3px; border-radius: 3px; color: #fff; cursor:pointer; margin: 2px 0; font-size: 14px; display: inline-block; } #supertags2 .container p:hover, #supertags3 .container p:hover {background-color: #939393;} #supertags2 .container .addscript p, #supertags3 .container .addscript p {text-transform: uppercase;font-family: 'Bebas Neue', Impact;padding: 2px 10px 0;background: #f98561;border-bottom: 6px solid #e63737;border-radius: 0;font-size: 24px;} #supertags2 .container .addscript p:hover, #supertags3 .container .addscript p:hover {background: #e63737;} #supertags2 .addscript, #supertags3 .addscript {margin: 10px 10px 5px 0px; display: inline-block;} #supertags2 .icons {display: inline-block;vertical-align: bottom;} .menustylestext2 b {color: #e63737;} #supertags2 .icon.fa-gift {color: #26af33;} #supertags2 .icon.fa-sack-dollar {color: #00a1e4;} #supertags2 .icon.material-icons {color: #e63737;} .tag p {background: #1e1d1d;} .forumtags {margin-top: 6px;} .forumtags em {display: block;margin-bottom: 5px;font-size: 11px;} </style> <script type="text/javascript"> $("#supertags2").appendTo('#tags'); $("#meny-styles3 p").click(function(){ var L=$(this).find("i").html(); var P=L.split(','); bbcode(P[0],P[1]) return false; }); if(window.location.toString().indexOf('/viewtopic.php?id=7108')>0) {$("#supertags2").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178198')>0) {$("#supertags2").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178360')>0) {$("#supertags2").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178361')>0) {$("#supertags2").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178362')>0) {$("#supertags2").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178363')>0) {$("#supertags2").addClass('show');} </script> <!-- Пресеты тегов для навигатора по бесплатным дизам --> <div id="supertags3"><div id="meny-styles2" class="container"> <span class="addscript fd"><p>Бесплатный диз от FD <i>[block="p-out free fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block] </i> </p></span> <span class="addscript fdpay"><p>Платный диз от FD <i>[block="p-out forsale fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block] </i> </p></span> <span class="addscript norm"><p>Дизайн от юзеров <i>[block="p-out yellow"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block] </i> </p></span> <div class="sttags"> <span class="menustylestext">ТЕГИ</span> <span class="menustylestext2">(вставить в <b>p-out</b> через пробел)</span> <br> <div class="forumtags"> <span class="menustylestext3">Платформа: </span> <span class="tag blue"><p>MyBB.ru<i> mybb-ru,</i></p></span> <span class="tag red"><p>Макет (любая платформа)<i> any,</i></p></span> <br><br> <span class="menustylestext3">Параметры: </span> <span class="tag"><p>+ PSD<i> psd-in,</i></p><em>(в наличии макет помимо кодов)</em></span> <span class="tag"><p>+ адаптивка<i> mob,</i></p><em>(есть версия для мобилок)</em></span> </div> <div class="forumtags"> <span class="menustylestext3">Тематика: </span> <span class="tag orange"><p>нейтральные<i> flat,</i></p></span> <span class="tag blue"><p>ролевые игры<i> frpg,</i></p></span> <span class="tag yellow"><p>компьютерные игры<i> game,</i></p></span> <span class="tag lightblue"><p>фентези<i> fant,</i></p></span> <span class="tag red"><p>аниме<i> anime,</i></p></span> <span class="tag yellow"><p>кино/сериалы<i> kino,</i></p></span> <span class="tag green"><p>стимпанк/киберпанк<i> cyb,</i></p></span> <span class="tag yellow"><p>мультфильмы<i> kids,</i></p></span> <span class="tag orange"><p>животные<i> cats,</i></p></span> <br><br> <span class="menustylestext3">Цвета: </span> <span class="tag"><p>тёмные<i> darkst,</i></p></span> <span class="tag gray"><p>светлые<i> light,</i></p></span> <span class="tag orange"><p>яркие<i> bright,</i></p></span> </div> </div> </div></div> <style> #supertags3 .container .addscript.fd p {background: #26af33; border-bottom: 6px solid #1c8426;} #supertags3 .container .addscript.fd p:hover {background: #1c8426;} #supertags3 .container .addscript.fdpay p {background: #23afc8; border-bottom: 6px solid #0080b7;} #supertags3 .container .addscript.fdpay p:hover {background: #0080b7;} #supertags3 .container .addscript.norm p {background: #f7941d; border-bottom: 6px solid #e36120;} #supertags3 .container .addscript.norm p:hover {background: #e36120;} </style> <script type="text/javascript"> $("#supertags3").appendTo('#tags'); if(window.location.toString().indexOf('/viewtopic.php?id=7140')>0) {$("#supertags3").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178837')>0) {$("#supertags3").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178838')>0) {$("#supertags3").addClass('show');} </script> <!-- Пресеты тегов для навигатора по скриптам --> <div id="supertags"><div id="meny-styles2" class="container"> <span class="addscript"><p>добавить скрипт/код <i>[block="SCRBLOCK"] [block="stforlink"] иконка, [block="link"][url=https://forumd.ru/viewtopic.php?id=]название[/url][/block] [/block] [block="sttags"] теги [/block] [/block] </i> </p></span> <div class="icons"> <span class="menustylestext">Иконки:</span> <p><span class="icon fa-brands fa-js"></span><i>[block="icon fa-brands fa-js"],[/block]</i></p> <p><span class="icon fa-brands fa-css3-alt"></span><i>[block="icon fa-brands fa-css3-alt"],[/block]</i></p> <p><span class="icon fa-regular fa-file-lines"></span><i>[block="icon fa-regular fa-file-lines"],[/block]</i></p> <p><span class="icon fa-solid fa-file-code"></span><i>[block="icon fa-solid fa-file-code"],[/block]</i></p> <p><span class="icon fa-solid fa-file-invoice-dollar"></span><i>[block="icon fa-solid fa-file-invoice-dollar"],[/block]</i></p> </div> <div class="sttags"> <span class="menustylestext">ТЕГИ</span> <span class="menustylestext2">(*значение в скобках вставить в SCRBLOCK через пробел)</span> <div class="maintags"> <span class="menustylestext2">Тип кода: </span> <span class="tag blue"><p>скрипт (js)<i>[block="js"]скрипт, js[/block]</i></p></span> <span class="tag lightblue"><p>css код (css)<i>[block="css"]css код, css[/block]</i></p></span> <span class="tag orange"><p>HTML/CSS шаблоны (shab)<i>[block="shab"]HTML/CSS шаблоны, shab[/block]</i></p></span> <span class="tag red"><p>Модули/Расширения (global)<i>[block="global"]Модули/Расширения, global[/block]</i></p></span> <span class="menustylestext2">Платформа: </span> <span class="tag blue"><p>MyBB.ru (mybb-ru)<i>[block="mybb-ru"]MyBB.ru, mybb-ru[/block]</i></p></span> <span class="tag red"><p>Любой движок (any)<i>[block="any"]Любой движок, any[/block]</i></p></span> </div> <div class="forumtags"> <span class="menustylestext3">Тип для форума: </span> <span class="tag orange"><p>Пользователи (users)<i>[block="users"]Пользователи, users[/block]</i></p></span> <span class="tag green"><p>Профиль (userprof)<i>[block="userprof"]Профиль, userprof[/block]</i></p></span> <span class="tag lightblue"><p>Доп. поля профиля (adfield)<i>[block="adfield"]Доп. поля профиля, adfield[/block]</i></p></span> <span class="tag yellow"><p>Аватары (avatars)<i>[block="avatars"]Аватары, avatars[/block]</i></p></span> <span class="tag lightblue"><p>Репутация (repa)<i>[block="repa"]Репутация, repa[/block]</i></p></span> <br> <span class="tag orange"><p>Группы (groups)<i>[block="groups"]Группы, groups[/block]</i></p></span> <span class="tag green"><p>Гoсти (guest)<i>[block="guest"]Гoсти, guest[/block]</i></p></span> <span class="tag red"><p>Администраторы (admins)<i>[block="admins"]Администраторы, admins[/block]</i></p></span> <span class="tag blue"><p>Модераторы (moders)<i>[block="moders"]Модераторы, moders[/block]</i></p></span> <br> <span class="tag yellow"><p>Регистрация (regis)<i>[block="regis"]Регистрация, regis[/block]</i></p></span> <span class="tag lightblue"><p>Личные сообщения (ls)<i>[block="ls"]Личные сообщения, ls[/block]</i></p></span> <span class="tag yellow"><p>Вход (login)<i>[block="login"]Вход, login[/block]</i></p></span> <span class="tag lightblue"><p>Подписки (subsc)<i>[block="subsc"]Подписки, subsc[/block]</i></p></span> <br> <span class="tag yellow"><p>Поиск (search)<i>[block="search"]Поиск, search[/block]</i></p></span> <span class="tag lightblue"><p>Цитирование (quotes)<i>[block="quotes"]Цитирование, quotes[/block]</i></p></span> <span class="tag yellow"><p>Пагинация (pagin)<i>[block="pagin"]Пагинация, pagin[/block]</i></p></span> <span class="tag green"><p>Опросы (polls)<i>[block="polls"]Опросы, polls[/block]</i></p></span> <span class="tag yellow"><p>Смайлы (smiles)<i>[block="smiles"]Смайлы, smiles[/block]</i></p></span> <br> <span class="tag lightblue"><p>Фикс скриптов QuadroBoards (qbfix)<i>[block="qbfix"]Фикс скриптов QuadroBoards, qbfix[/block]</i></p></span> </div> <div class="forumtags"> <span class="menustylestext3">Страница форума: </span> <span class="tag red"><p>На всех страницах (allpages)<i>[block="allpages"]На всех страницах, allpages[/block]</i></p></span> <span class="tag orange"><p>Страницы (созд. в админке) (fpages)<i>[block="fpages"]Страницы (соз. в админке), fpages[/block]</i></p></span> <br> <span class="tag orange"><p>Главная страница (mainpage)<i>[block="mainpage"]Главная страница, mainpage[/block]</i></p></span> <span class="tag yellow"><p>Объявление (announ)<i>[block="announ"]Объявление, announ[/block]</i></p></span> <span class="tag green"><p>Категории (categ)<i>[block="categ"]Категории, categ[/block]</i></p></span> <span class="tag yellow"><p>Форумы (forums)<i>[block="forums"]Форумы, forums[/block]</i></p></span> <span class="tag lightblue"><p>Статистика (stats)<i>[block="stats"]Статистика, stats[/block]</i></p></span> <br> <span class="tag orange"><p>Список тем (topiclist)<i>[block="topiclist"]Список тем, topiclist[/block]</i></p></span> <span class="tag yellow"><p>Страница профиля (profpage)<i>[block="profpage"]Страница профиля, profpage[/block]</i></p></span> <br> <span class="tag orange"><p>Тема (topics)<i>[block="topics"]Тема, topics[/block]</i></p></span> <span class="tag green"><p>Сообщения (posts)<i>[block="posts"]Сообщения, posts[/block]</i></p></span> <span class="tag yellow"><p>Контент сообщений (p-content)<i>[block="p-content"]Контент сообщений, p-content[/block]</i></p></span> <span class="tag yellow"><p>Рейтинг постов (p-repa)<i>[block="p-repa"]Рейтинг постов, p-repa[/block]</i></p></span> <span class="tag green"><p>Профиль автора поста (p-prof)<i>[block="p-prof"]Профиль автора поста, p-prof[/block]</i></p></span> <br> <span class="tag orange"><p>Форма ответа (fo)<i>[block="fo"]Форма ответа, fo[/block]</i></p></span> <span class="tag green"><p>Модификация ФО (fomod)<i>[block="fomod"]Модификация ФО, fomod[/block]</i></p></span> <span class="tag yellow"><p>Новые BB-теги (newbb)<i>[block="newbb"]Новые BB-теги, newbb[/block]</i></p></span> <span class="tag lightblue"><p>Инструментарий спец тем/постов (spesh)<i>[block="spesh"]Инструментарий спец тем/постов, spesh[/block]</i></p></span> </div> <div class="speztags"> <span class="menustylestext3">Универсальные теги: </span> <span class="tag red"><p>Дизайн/стиль (dis)<i>[block="dis"]Дизайн/стиль, dis[/block]</i></p></span> <span class="tag blue"><p>Замена элементов/атрибутов (chan)<i>[block="chan"]Замена элементов/атрибутов, chan[/block]</i></p></span> <span class="tag green"><p>Загрузка (load)<i>[block="load"]Загрузка, load[/block]</i></p></span> <span class="tag lightblue"><p>Переадресация (redir)<i>[block="redir"]Переадресация, redir[/block]</i></p></span> <span class="tag lightblue"><p>Скроллинг (scroll)<i>[block="scroll"]Скроллинг, scroll[/block]</i></p></span> <br> <span class="tag orange"><p>Виджеты (vidjet)<i>[block="vidjet"]Виджеты, vidjet[/block]</i></p></span> <span class="tag lightblue"><p>Меню (menu)<i>[block="menu"]Меню, menu[/block]</i></p></span> <span class="tag yellow"><p>Вкладки (ttabs)<i>[block="ttabs"]Вкладки, ttabs[/block]</i></p></span> <span class="tag lightblue"><p>Галереи (gall)<i>[block="gall"]Галереи, gall[/block]</i></p></span> <span class="tag green"><p>Слайдеры (sliders)<i>[block="sliders"]Слайдеры, sliders[/block]</i></p></span> <span class="tag yellow"><p>Ротаторы (rotat)<i>[block="rotat"]Ротаторы, rotat[/block]</i></p></span> <span class="tag lightblue"><p>Таймеры/даты (timers)<i>[block="timers"]Таймеры/даты, timers[/block]</i></p></span> <span class="tag green"><p>Спойлеры (spoilers)<i>[block="spoilers"]Спойлеры, spoilers[/block]</i></p></span> <br> <span class="tag green"><p>Реклама (adv)<i>[block="adv"]Реклама, adv[/block]</i></p></span> <span class="tag yellow"><p>Изображения (pics)<i>[block="pics"]Изображения, pics[/block]</i></p></span> <span class="tag lightblue"><p>Медиа (media)<i>[block="media"]Медиа, media[/block]</i></p></span> <span class="tag blue"><p>Ролевые игры (frpg)<i>[block="frpg"]Ролевые игры, frpg[/block]</i></p></span> <br> <span class="tag green"><p>Hover-эффекты (hover)<i>[block="hover"]Hover-эффекты, hover[/block]</i></p></span> <span class="tag yellow"><p>Анимация (anim)<i>[block="anim"]Анимация, anim[/block]</i></p></span> <span class="tag lightblue"><p>Украшения (decor)<i>[block="decor"]Украшения, decor[/block]</i></p></span> <span class="tag red"><p>Праздники (seleb)<i>[block="seleb"]Праздники, seleb[/block]</i></p></span> <br> <span class="tag red"><p>Ограничения/запреты (stops)<i>[block="stops"]Ограничения/запреты, stops[/block]</i></p></span> <span class="tag yellow"><p>Антикопирование (nocopy)<i>[block="nocopy"]Антикопирование, nocopy[/block]</i></p></span> <span class="tag lightblue"><p>Уведомления (notif)<i>[block="notif"]Уведомления, notif[/block]</i></p></span> </div> </div> </div></div> <style> .speztags {border-top: 2px solid #ccc; padding-top: 10px;} #pun .punbb #tags .forumtags { display: inline-block; vertical-align: top; width: 48% !important; } #pun .punbb #tags .maintags {display: block;} .maintags { margin: 10px 0; border-width: 2px 0 2px 0px; border-style: solid; border-color: #ccc; padding: 6px 0; } #supertags .container .addscript p { text-transform: uppercase; font-family: 'Bebas Neue', Impact; padding: 2px 10px 0; background: #f98561; border-bottom: 6px solid #e63737; border-radius: 0; font-size: 24px; } #supertags .addscript {margin: 10px 10px 10px 0px; display: inline-block;} #supertags .icons {display: inline-block;vertical-align: bottom;} #supertags .container .addscript p:hover {background: #e63737;} .tag.blue p {background: #0481d9;} .tag.lightblue p {background: #29aecb;} .tag.red p {background: #e63737;} .tag.orange p {background: #f98561;} .tag.gray p {background: #bbb;} .tag.green p {background: #26af33;} .tag.yellow p {background: #f7941d;} .menustylestext, .menustylestext2 {margin: 0 5px;} .menustylestext { font-size: 26px; text-transform: uppercase; font-family: 'Bebas Neue', Impact; } .menustylestext2 {font-weight: bold;} .menustylestext3 {display: block;font-weight: bold;margin-bottom: 5px;} #meny-styles2 .icon {font-size: 30px;} #meny-styles2 .icon.fa-js {color: #0481d9;} #meny-styles2 .icon.fa-css3-alt {color: #29aecb;} #meny-styles2 .icon.fa-file-lines {color: #f98561;} #meny-styles2 .icon.fa-file-code {color: #e63737;} #meny-styles2 .icon.fa-file-invoice-dollar {color: #f7941d} #meny-styles2 i,#supertags {display: none;} #supertags.show {display:block!important;} #supertags .container p { padding: 3px; border-radius: 3px; color: #fff; cursor:pointer; margin: 2px 0; font-size: 14px; display: inline-block; } #supertags .container p:hover {background-color: #939393;} </style> <script type="text/javascript"> $("#supertags").appendTo('#tags'); $("#meny-styles2 p").click(function(){ var L=$(this).find("i").html(); var P=L.split(','); bbcode(P[0],P[1]) return false; }); if(window.location.toString().indexOf('/viewtopic.php?id=7078')>0) {$("#supertags").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=176290')>0) {$("#supertags").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=176293')>0) {$("#supertags").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=176329')>0) {$("#supertags").addClass('show');} </script> </div> </fieldset> <p class="formsubmit"><input type="submit" class="button submit submit-premod" name="submit" value="Отправить на модерацию" accesskey="s" /> <input type="submit" class="button" name="preview" value="Посмотреть" accesskey="p" /></p> </form> </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><a href="https://forumd.ru/viewforum.php?id=72">Javascript, Jquery и CSS решения</a> <em>» </em><a href="https://forumd.ru/viewforum.php?id=68">Скрипты и стили для МуBB.ru</a> <em>» </em>Шаблоны на основе бб-тегов для форумов MyBB.ru</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> $(document).ready(function() { const body = $('body'); const setDark = 'darkTheme'; const setLight = 'lightTheme'; // темная $('#sidebar .u-options').find('.dark').click(function() { body.addClass('dark').removeClass('light'); $setCookie(setDark, '1', 86400 * 365); // Устанавливаем куки темной localStorage.setItem(setDark, '1'); // Устанавливаем локал темной $setCookie(setLight, '1', -1); // Удаляем куки светлой localStorage.removeItem(setLight); // Удаляем локал светлой }); // светлая $('#sidebar .u-options').find('.light').click(function() { body.addClass('light').removeClass('dark'); $setCookie(setLight, '1', 86400 * 365); // Устанавливаем куки светлой localStorage.setItem(setLight, '1'); // Устанавливаем локал светлой $setCookie(setDark, '1', -1); // Удаляем куки темной localStorage.removeItem(setDark); // Удаляем локал темной }); // Применение сохраненной темы при загрузке страницы const userSelectedDark = localStorage.getItem(setDark) === '1' || $getCookie(setDark) === '1'; const userSelectedLight = localStorage.getItem(setLight) === '1' || $getCookie(setLight) === '1'; if (userSelectedDark) { body.addClass('dark').removeClass('light'); } else if (userSelectedLight) { body.addClass('light').removeClass('dark'); } else { // Проверка системной темы if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { // body.addClass('dark').removeClass('light'); } else { // body.addClass('light').removeClass('dark'); } } }); </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=2" 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=13" 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" async></script> <script type="text/javascript"> HTMLinPost.groups = [1,2,12]; // Группы, допущенные к вставке 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=2" 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;} #username.error {background-color: #e7b8b8 !important; border: 2px solid #e63737;} .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> <!-- Всплывающие Подсказки --> <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" defer></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> <!--Копирайт--> <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=5790' 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.gg/Vz8GGZT" 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"><!-- баннеры --> <!-- баттл графистов, до 09.08 --> <a href='https://nolf.mybb.ru/' target='blank' title="ФРПГ No One Lives Forever"><img src="https://forumstatic.ru/files/0015/1e/ae/64347.gif" border="0" width="88" height="31"></a> <!-- баттл графистов, до 10.08 --><a href="https://skreverse.rusff.me/"><img src="https://forumupload.ru/uploads/001c/05/11/2/204926.png" title="Shaman King: reverse"></a> <!-- яркий форум, до 18.08 --> <a target="_blank" href="https://lepidus.ru/" title="Любовники Смерти"><img src="https://forumupload.ru/uploads/0011/93/3d/1186/t111844.gif"></a> <!-- яркий форум, до 19.08 --> <a href="https://joannaseymour.ru" target="_blank" title="Моё настроение"><img src="https://forumstatic.ru/files/0018/22/20/25501.gif"></a> <!-- яркий форум, до 02.09 --> <a href="https://thewaffle.ru/" target="_blank" title="WAFFLE"><img src="https://forumstatic.ru/files/001c/1a/85/15156.gif"></a> <!-- форум magia --> <a href="https://magia-frpg.ru/" target="_blank" title="MAGIA"><img src="https://forumupload.ru/uploads/001a/fa/19/2/153026.gif"></a> <!-- форум Moju --> <a href="https://morsmordremortis.rusff.me" target="_blank" title="MORSMORDRE: MORTIS REQUIEM"><img src="https://forumupload.ru/uploads/001b/b9/c5/4/598723.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="http://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> <!-- ------------------------------------------------------------------------------ --> <!-- Спецпосты - скрипт и стили --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0007/e3/f7/34232.css"> <!-- стили спец постов --> <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>