Информация

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,8996]}); </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><!-- премодерация --> <!-- Правка для уведомлений по клику на ник, в связи с измененной версткой профиля --> <script type="text/javascript"> $('#pun-viewtopic').on('click', '.fd-name a', function(e) {$(this).parents('.post').find('.pa-author a').trigger('click');}); </script> <!-- Голосовые сообщения © Alex_63, 2024 --> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/voice.css" /> <script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/voice.js"></script> <script>voice.startOnOpen = false</script> <style> .voice-modal .container { overflow: hidden; } </style> <!-- иконки font awesome --> <script src="https://kit.fontawesome.com/f50f12bcbf.js" crossorigin="anonymous"></script> <!-- free --> <script src="https://kit.fontawesome.com/c06ba4bb64.js" crossorigin="anonymous"></script> <!-- pro --> <!-- Скрипт для создания анкет © Alex_63 --> <style> .postlink a[href*="questionary"] {background: #f98561; border-bottom: 6px solid #e63737;} .postlink a[href*="questionary"]:hover {background: #e63737;} </style> <script type="text/javascript"> var Questnr = {}; Questnr.groups = [1,2,6,12,16]; //Группы, которым разрешено создавать шаблоны для анкет Questnr.forums = [4,5,6,19,2,22,108,121,1,144,90,179,151,133,184,123]; //Форумы с допуском к анкетированию Questnr.title = 'Заказ от '; //Начало заголовка темы с анкетой (по умолчанию) Questnr.noedit = 0; //Запрет редактирования заполненной анкеты пользователем </script> <script type="text/javascript"> ['viewforum','viewtopic','post','edit','searchposts'].indexOf($('.punbb')[0].id.substr(4))!=-1&& $().pun_mainReady(function(){var s='script',l='/files/0007/e3/f7/32678.js'; var f=$('#pun-viewforum').length?$('link[rel="alternate"]'):$('.crumbs a[href*="viewforum"]:last'); f=+f[0].href.match(/id=(\d+)$/)[1];Questnr.forums.indexOf(f)!=-1&&document.write('<'+s+' src="'+l+'"></'+s+'>')}); </script> <script> //работающий у всех кроме динозавров вариант //Questnr.allowReply = [+$('link[rel="alternate"]')[0].href.match(/id=(\d+)$/)?.[1]]; //текущая тема var curReplyMatch = $('link[rel="alternate"]')[0].href.match(/id=(\d+)$/); //если нашел текущую тему - массив, иначе 0 if (curReplyMatch) { Questnr.allowReply = [+curReplyMatch[1]]; } </script> <script> // Проверенные спецы var verifiedData = [ { id: '2', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>UI/UX дизайн</b>, <b>CSS/Верстка</b>, Javascript">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7032', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7907', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7006', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>Вебдизайн</b>, <b>Графический дизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7181', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>DigitalArt</b> - цифровой рисунок, pixelart, анимация">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7130', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>CSS/Верстка</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7639', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '6797', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '6489', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '8926', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>, <b>Верстка</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '5063', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7884', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>дизайны для форумов MyBB</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' } ]; // Должности var dutyData = [ { id: '2', color: 'red', fld: '<li class="fd-duty rus">Главный администратор</li><li class="fd-duty eng">System support administrator</li>', }, { id: '7842', color: 'green', fld: '<li class="fd-duty rus">Модератор каталога графики</li><li class="fd-duty eng">Graphics Catalog Moderator</li>', }, { id: '7151', color: 'green', fld: '<li class="fd-duty rus">Модератор ролевых разделов</li><li class="fd-duty eng">Role-Playing Sections Moderator</li>', }, { id: '6995', color: 'green', fld: '<li class="fd-duty rus">Модератор стримов</li><li class="fd-duty eng">Streams Moderator</li>' }, { id: '9439', color: 'green', fld: '<li class="fd-duty rus">Модератор системы бонусов</li><li class="fd-duty eng">Bonus System Moderator</li>' }, { id: '9734', color: 'green', fld: '<li class="fd-duty rus">Ассистент англоязычной версии</li><li class="fd-duty eng">English Content Assistant</li>' }, { id: '9758', color: 'green', fld: '<li class="fd-duty rus">SMM менеджер</li><li class="fd-duty eng">SMM Manager</li>' } ]; // группы с доступом к закладкам var BookmGroups = [1,2,6,16,4,8,12]; </script> <!-- Редирект на портал <script> var portal = '/pages/index'; var TimeRedirect = 24*60*60; //Редирект при последнем посещении более суток var url = document.URL.split('#')[0]; if(!localStorage.LastVisit || RequestTime-localStorage.LastVisit > TimeRedirect){ if((url+'%a').split('/%')[1]=='a'&&url.indexOf('mod')==-1)location.href=portal; }localStorage.LastVisit = RequestTime; $(document).ready(function(){ var a = $('#pun-navlinks #navindex a')[0]; a.href = a.href+'=&forum' }); </script> --> <!-- стили спец постов --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0007/e3/f7/34232.css?v=7"> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93794845, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/93794845" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </div> <div id="pun-title" class="section"> <table id="title-logo-table" cellspacing="0"> <tbody id="title-logo-tbody"> <tr id="title-logo-tr"> <td id="title-logo-tdl" class="title-logo-tdl"> <h1 class="title-logo"><span>ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</span></h1> </td> <td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td> </tr> </tbody> </table> </div> <div id="pun-navlinks" class="section"> <h2><span>Меню навигации</span></h2> <ul class="container"> <li id="navindex"><a href="https://forumd.ru/"><span>Форум</span></a></li> <li id="navuserlist"><a href="https://forumd.ru/userlist.php" rel="nofollow"><span>Участники</span></a></li> <li id="navrules"><a href="https://forumd.ru/misc.php?action=rules" rel="nofollow"><span>Правила</span></a></li> <li id="navsearch"><a href="https://forumd.ru/search.php" rel="nofollow"><span>Поиск</span></a></li> <li id="navregister"><a href="https://forumd.ru/register.php" rel="nofollow"><span>Регистрация</span></a></li> <li id="navlogin"><a href="https://forumd.ru/login.php" rel="nofollow"><span>Войти</span></a></li> </ul> </div> <div id="pun-ulinks" class="section" onclick="void(0)"> <h2><span>Пользовательские ссылки</span></h2> <ul class="container"> <li class="item1"><a href="https://forumd.ru/search.php?action=show_recent">Активные темы</a></li> </ul> </div> <!--noindex--> <div id="pun-announcement" class="section"> <h2><span>Объявление</span></h2> <div class="container"> <div class="html-box"> <!-- Юзер-меню --> <div id="user-menu" class="side-menu"> <div class="close"><i class="material-symbols-outlined">cancel</i></div> <div class="u-ava"></div> <div class="fd-guest g-inf rus"> <b>РЕГИСТРАЦИЯ</b> на форуме позволит: <li>скачивать <i>дизайны</i> и видеть <i>коды скриптов</i></li> <li>оставлять <i>ссылки</i> на сайты/картинки</li> <li><i>оформлять</i> заказы</li> <li>отправлять <i>личные</i> сообщения</li> <li><i>рекламировать</i> свои форумы/сайты или услуги</span> </div> <div class="fd-guest g-inf eng"> <b>REGISTRATION</b> on the forum allows you to: <li>download <i>designs</i> and view <i>script codes</i></li> <li>leave <i>links</i> to websites/images</li> <li><i>place</i> orders</li> <li>send <i>private</i> messages</li> <li><i>advertise</i> your forums/websites or services</li> </div> <ul class="u-menu"> <li class="fd-guest rus"><a href='/register.php'><span class='material-icons'>person</span> Регистрация</a></li> <li class="fd-guest rus"><a href='/login.php'><span class='material-icons'>login</span> Вход</a></li> <li class="fd-guest rus"><a href='/viewtopic.php?id=4506'><span class='material-icons'>message</span> Обратная связь</a></li> <li class="fd-guest eng"><a href='/register.php'><span class='material-icons'>person</span> Register</a></li> <li class="fd-guest eng"><a href='/login.php'><span class='material-icons'>login</span> Login</a></li> <li class="fd-guest eng"><a href='/viewtopic.php?id=7165'><span class='material-icons'>message</span> Feedback</a></li> </ul> </div> <!-- Сайдбар --> <div id="sidebar" class="rus"> <div class="u-ava" title="Меню профиля"></div> <div class="u-notif fd-user icon remake" title="Уведомления" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Личные сообщения"></div> <div class="u-options icon"> <i class="material-symbols-outlined dark" title="Включить темную тему">dark_mode</i> <i class="material-symbols-outlined light" title="Включить светлую тему">light_mode</i> </div> <div class="u-arrow icon"> <div title="Наверх страницы" class="toTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div title="Вниз страницы" class="onBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <div id="sidebar" class="eng"> <div class="u-ava" title="Profile menu"></div> <div class="u-notif fd-user icon remake" title="Notifications" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Private messages"></div> <div class="u-arrow icon"> <div title="Scroll to top" class="toTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div title="Scroll to bottom" class="onBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <!--кнопки стрелки вверх вниз--> <script type="text/javascript"> $(function(){ $(window).scroll(function(){ if ($(window).scrollTop() > 250) { $(".toTop").fadeIn("slow"); } else { $(".toTop").fadeOut("slow"); } if ($(window).scrollTop() < $(document).height() - 999) { $(".onBottom").fadeIn("slow"); } else { $(".onBottom").fadeOut("slow"); } }); $(".toTop").click(function(){ $("html, body").animate({scrollTop: 0}, "slow"); }); $(".onBottom").click(function(){ $("html, body").animate({scrollTop: $(document).height()}, "slow"); }); }); </script> <!-- Меню --> <div id="nav"><ul class="inner"> <li id="logo"></li> <!-- <li id="navindex"><a href="/pages/index"><i class="material-symbols-outlined">home</i><span class="rus">Главная</span><span class="eng">Home</span></a></li> --> <li id="navforum"><a href="/=&forum"><i class="material-symbols-outlined">forum</i><span class="rus">Форум</span><span class="eng">Forum</span></a></li> <li id="navactive"><a href="/search.php?action=show_recent"><i class="material-symbols-outlined">chat</i><span class="rus">Активные темы</span><span class="eng">Active topics</span></a></li> <li id="navmembers"><a href="/userlist.php"><i class="material-symbols-outlined">group</i><span class="rus">Участники</span><span class="eng">Members</span></a></li> <li id="navsearch"><a href="/search.php"><i class="material-symbols-outlined">search</i><span class="rus">Поиск</span><span class="eng">Search</span></a></li> <li id="navadmin"><a href="/admin_index.php"><i class="material-symbols-outlined">shield_person</i><span class="rus">Админка</span><span class="eng">Admin</span></a></li> <li id="navguest"><a href="/register.php"><i class="material-symbols-outlined">passkey</i><span class="rus">Регистрация</span><span class="eng">Register</span></a></li> <li id="navguest"><a href="/login.php"><i class="material-symbols-outlined">login</i><span class="rus">Вход</span><span class="eng">Login</span></a></li> </ul></div> <!-- Смена языка --> <div id="langChange"><a class="material-icons">language</a><span class="eng"><b>Eng</b>/<a>Ru</a></span><span class="rus"><a>Eng</a>/<b>Ru</b></span></div> <!-- СЛАЙДЕР --> <div class="fd-slider"><!-- НАЧАЛО --> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/236383.jpg"> <div class="content"> <h3>&#127911; Подкаст «НЕ<b>ТЕ</b>РОЛЕВЫЕ»</h3> <p> Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ). </p> <a id="store" target="_blank" href="https://t.me/neterolevye">Telegram</a> <a id="store" href="/viewtopic.php?id=8954">Обсудить</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/808399.jpg"> <div class="content"> <h3>&#127809; Что такое осень? <b>Конкурс</b> осенних дизайнов!</h3> <p> Как вы выражаете осень на своём форуме/сайте? Что осень для вас? <br> Вас ждут вкусные призы за участие, призовой фонд растет вместе с числом участников! <br> Все участники гарантировано получают <b>рекламные места</b>. </p> <a id="store" href="/viewtopic.php?id=8918#p207189">Участвовать</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/965290.jpg"> <div class="content"> <h3>&#128293; Акция! Осенние <b>скидки</b> на Мгновенные уведомления</h3> <p> Оплачивая уведомления <b>до 1 ноября 2024</b>, вы можете получить скидки в 10% или 20% за наградные баллы! <br> <a href="/viewtopic.php?id=8045">Скрипт уведомлений</a> поддерживается уже более 5 лет и имеет много бесплатных дополнений. <br> Мы принимаем <b>все способы оплаты из любых стран</b>. </p> <a id="store" href="/viewtopic.php?id=8924#p207222">Подробности</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/993126.jpg"> <div class="content"> <h3>&#10084;&#65039; Поддержи проект! Стань модератором!</h3> <p> Разыскиваются модераторы на должности: <br> Модератор вебмастерских разделов, Ассистент англоязычной версии, Видеомонтажер и другие<br> <a href="/viewtopic.php?id=5787#p134326">Посмотреть вакансии и условия.</a> </p> <a id="store" href="/viewtopic.php?id=5787#p134326">Подать заявку</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/435761.jpg"> <div class="content"> <h3>&#128140; <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>&#127775; 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>&#10084;&#65039; 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> &#8226; <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"> &#127809; Конкурс! <a href="/viewtopic.php?id=8918#p207189" target='blank'>Что такое осень? Конкурс осенних дизайнов!</a> Вас ждут вкусные призы за участие, призовой фонд растет вместе с числом участников! </div> <!-- <div id="ann" class="rus"> &#128140; Акция! <a href="/viewtopic.php?id=8324#p206561" target='blank'>Подписка, лайк, коммент, репост!</a> Поделись нашими YouTube видео и получи наградные баллы.</div> --> <!-- <div id="ann" class="rus">Требуются модераторы! <a href="https://forumd.ru/viewtopic.php?id=5787#p134326" target='blank'>Посмотреть вакансии и подать заявку.</a> Денежную оплату и "плюшки" гарантируем &#128178; </div> --> <!-- <div id="ann" class="rus"> &#10071; &#10071; &#10071; На форуме временные проблемы с регистрацией пользователей! &#10071; &#10071; &#10071; <br> Если вам не пришел пароль от аккаунта на почту пишите сюда свой никнейм и e-mail: <a href="/viewtopic.php?id=4506" target='blank'>Диалог с администрацией</a> <br>Администраторы зарегистрируют и активируют аккаунт вручную. </div> --> <!-- <div id="ann" class="rus"> &#127876; <a href="/viewtopic.php?id=2921&p=21#p191508" target='blank'>Подборка новогодних украшений вашего проекта</a></div> --> <!-- --><div id="ann" class="eng"> &#10071; &#10071; &#10071; 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>&#187;&#160;</em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=14">Архив устаревших тем</a> <em>&#187;&#160;</em>Полезные советы по оформлению форума</p> </div> <div id="pun-break2" class="divider"><hr /></div> <!-- banner_mini_top --> <div id="pun-main" class="main multipage"> <h1><span>Полезные советы по оформлению форума</span></h1> <div class="linkst"> <div class="pagelink">Страница: <strong>1</strong></div> <div class="postlink"><span><a href="https://forumd.ru/post.php?tid=1852" rel="nofollow">Ответить</a></span></div> </div> <div id="topic_t1852" class="topic"> <h2><span class="item1">Сообщений</span> <span class="item2">1 страница 9 из 9</span></h2> <div id="p58020" class="post topicpost topic-starter" data-posted="1307208421" data-user-id="3443" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p58020" onclick="return false;">Поделиться</a><strong>1</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=1852#p58020">04.06.11 21:27</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=3443" rel="nofollow">Templar</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/3443-1317901455.jpg" alt="Templar" title="Templar" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />12.11.11 23:13</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+29</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p58020-content" class="post-content"> <p>Не секрет, что админ каждого форума старается по мере своих сил и возможносте украсить его и сделать более функциональным. Но часто, в силу отсутствия опыта работы с этим или желания получить &quot;всё и сразу и желательно побольше&quot; сильно перегибают палку, в результате чего эффект отрицательный: на форум не возможно зайти, всё грузится, виснет, глючит... Некоторые элементы форума вообще куда-то исчезли... Да да, даже так... Или хуже того, исчез сам форум, и даже сам главный админ не может туда войти...<br />Поэтому в этой теме я решился попробовать указать Вам на особенно часто возникающие ошибки, чтоб Вы попытались избежать их или же исправить, если уже &quot;понаделали&quot;...<br />Итак, начнём.</p> <p><em class="bbuline">1 совет.</em><br />Наверняка для начала каждый из админов попытается создать некоторое подобие свобственного дизайна на своём форуме... Конечно, кто-то уже имеет в этом опыт, поэтому сможет сделать всё более-менее как надо... А вот остальные, а в особенности те, кто впервые попал-то на форум...<br />Посему совет в основном предназначен именно для таких.<br />1. Ваш дизайн должен соответствовать тематике Вашего форума... Согласитесь, будет глупо, если на ролевой по Гарри Поттеру будет стоять что-то от Котов-Воителей... Или ещё хуже, половина отсюда, а половина оттуда... Естественно это отпугнёт некоторую часть потанциальных пользователей Вашего форума.<br />2. Избегайте чересчур ярких или ну очень тёмных цветовых гамм для Вашего стиля... Если при втором варианте будет не так комфортно сидеть на форуме (по себе знаю, на сервисе есть несколько &quot;тёмных&quot; стилей, притом в каждом из них мне приходится чуть не вплотную прижиматься к монитору, чтоб разглядеть, что там написанно, поскольку шрифт серый по чёрному, и НИЧЕГО не понятно!), то вот с яркими оттенками дело обстоит похуже... Во-первых, резкие цвета очень сильно бросаются в глаза и, как правило, выпадают из общей гаммы, если конечно не весь стиль сплошь одного цвета... Во вторых, те же глаза опять устают от такого раскраса...<br />Ну и от меня, на серьёзных форумах в основном используют умеренные цвета, прислушайтесь к этому...<br />3. Если Вы совсем не владеете языком написания стилей (напомню, это CSS, но и HTML может пригодиться), лучше доверить это профессионалам... Поскольку думаю понятно, что затратив кучу времени на попытки создания хоть чего-то, у Вас в итоге что-то стоящее получится врятли... Отсюда совет: найдите форум, который занимается созданием готовых стилей для форумов (благо таких сейчас как грибов после дождя, только заказывайте). На бесплатных Вам вероятнее всего только нарисуют то, что надо, а на платных, за денежки напишут ещё и код, и отладят на месте как говорится... Самые же &quot;продвинутые&quot; ещё и дают гарантию на свои стили, мол если что, обращайтесь, поможем! Вывод: если не имеете возможности писать дизайн сами, доверьтесь профессионалам.</p> <p>Теги: дизайн поддержка, статья</p> </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-quote"><a href="javascript:quote('Templar', 58020)">Цитировать<span class="acchide">&nbsp;Сообщение 1</span></a></li> </ul> </div> </div> </div> <div id="p58021" class="post altstyle topic-starter" data-posted="1307208445" data-user-id="3443" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p58021" onclick="return false;">Поделиться</a><strong>2</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=1852#p58021">04.06.11 21:27</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=3443" rel="nofollow">Templar</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/3443-1317901455.jpg" alt="Templar" title="Templar" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />12.11.11 23:13</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+29</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p58021-content" class="post-content"> <p><em class="bbuline">2 совет.</em><br />Если же Вы надумали писать стиль сами, то не забудьте о кроссбраузерности! Что это такое? Всё очень просто. Ваш форум должен одинакого, а главное ПРАВИЛЬНО отображаться во всех интернет-браузерах... Для Вас важно настроить это для трёх основных браузеров на данный момент:<br />- Internet Explorer;<br />- Mozilla Firefox;<br />- Opera.<br />Существуют конечно же и другие, но на этих трёх (особенно на первом) сидит подавляющее большинство пользователей... Лучше не гнаться за колличеством, а качественно настроить и отладить всё, до самых мелочей... А тут, глядишь и опыт какой-то более-менее появится.<br />Мои Вам советы (для тех, кто собирается писать стили самостоятельно):<br />1. Создайте на форуме темку, в которой все и всяк могли бы отписаться о работе форума, то есть указать на ошибки в стиле и пожелания, что нужно доработать или исправить... Всегда прислушивайтесь к советам, даже к негативным (помните, всем хорошим не будешь, поэтому получив негативный отклик о Вашей работе не стоит проклинать всех и всяк и сносить к чёртям со словами: &quot; Я больше никогда за это не возьмусь!&quot;. Учтите всё то, что Вам сказали и постарайтесь найти компромисс...).<br />2. Создайте на форуме ещё одну тему, на этот раз подальше и поскрытнее и доступную только админам... Зачем? Чтоб хранить там графические элементы Вашего стиля... Конечно же мне сейчас возразят,что существует огромное колличество сервисов для этого, таких, как Радикал например. Да да, Вы правы... Но не дай Бог этот самый Радикал заглючит или перестанет работать? И что тогда? Вместо Вашего дизайна, над которым Вы так долго бились, получите лишь некие его остатки и крестики вместо картинок... Скажите, Вам надо зависеть это работы других сервисов. Думаю, что нет... Поэтому заливайте изображения прямиком на Ваш форум (делается это с помощью кнопки &quot;Прикрепить изображение&quot;, самая правая в форме ответа). Пока жив Ваш форум, всё, что Вы зальёте будет при Вас. Не забудьте запретить остальным админам удалять что-то оттуда.<br />3. И ещё один совет: заведите себе второй форум... Нет, не для игры, он будет носить зазвание &quot;тестовый&quot;. На нём-то Вы и будете отлаживать всё, что задумаете реализовывать на основном... В случае, если что-то заглючит, Вы ничего не потеряете, в отличии от ситуации, когда прекращено нормальное функционирование Вашей ролевой к примеру (или форума, проще говоря) и под угрозой потеря всех Ваших трудов, поскольку, чтоб исправить ошибку придётся удалить ВСЁ, что стоит в админ-поях (ХТМЛ-верх, ХТМЛ-низ, ХТМЛ-форма ответа). Правда ведь, так удобнее.<br />4. Ну и наконец не забывайте, что плагиатом заниматься... Не буду говорить, что не хорошо, не правильно... Вы просто потеряете свою индивидуальность, став точной копией чужих трудов, притом копией нелицензионной! Не лучше ли проявить фантазию и создать что-то своё, не правда ли?</p> </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-quote"><a href="javascript:quote('Templar', 58021)">Цитировать<span class="acchide">&nbsp;Сообщение 2</span></a></li> </ul> </div> </div> </div> <div id="p58022" class="post topic-starter" data-posted="1307208462" data-user-id="3443" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p58022" onclick="return false;">Поделиться</a><strong>3</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=1852#p58022">04.06.11 21:27</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=3443" rel="nofollow">Templar</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/3443-1317901455.jpg" alt="Templar" title="Templar" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />12.11.11 23:13</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+29</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p58022-content" class="post-content"> <p><em class="bbuline">3 совет.</em></p> <p>Маленький, но всё же полезный совет: если Вы координально меняете свой стиль или задумали разработать что-то своё, да притом &quot;с нуля&quot;, лучше воспользоваться меню-опцией &quot;Свой стиль&quot; (Администрирование----Свой стиль&quot;). Там содержатся два окошка с кодами. Первое отвечает за расположение элементов форума друг против друга, второе - за их же визуальное оформление...<br />ВНИМАНИЕ! Новичкам в этом деле я НАСТОЯТЕЛЬНО НЕ РЕКОМЕНДУЮ менять что-то в первом окошке, иначе можно напортачить так, что проще будет создать новый форум, чем что-то вернуть на старом! Ибо всё может так конкретно &quot;глюкнуть&quot;.... Словом не стоит лучше, только при наличии опыта!<br />Заметьте, что весь код разбит на некие так сказать &quot;разделы&quot;... Напимер во втором же окошечке:<br />/* CS1 Background and text colours<br />-------------------------------------------------------------*/ - цвета фонов и текста;<br />/* CS2 Border colours<br />-------------------------------------------------------------*/ - границы и их цвета;<br />/* CS3 Links<br />-------------------------------------------------------------*/ - ссылки;<br />/* CS4 Post status icons<br />-------------------------------------------------------------*/ - иконки разделов и тем.</p> <p>Замечу, что по образцу Вы можете создать свои разделы... Вобщем, пишите код, и вставляйте его в нужное окошечко и наблюдайте... За результатом и реакцией Ваших форумчан.</p> <p>Ну а если писать цеый стиль Вам не под силу, воспользуйтесь админ-полями (ХТМЛ-верх, ХТМЛ-низ, ХТМЛ-форма ответа, Объявление; найти их можно в Администрирование----Настройки). Туда можно так же вставлять коды и скрипты, но не забываем заключать их в<br />- &lt;style type=&quot;text/css&quot;&gt;...&lt;/style&gt; - для кода (коды нужны для стиля);<br />- &lt;script type=&quot;text/javascript&quot;&gt;...&lt;/script&gt; - это для скрипта (скрипты в основном служат для добавления функционала на форум, но бывает и помогают в доработке Вашего стиля, к примеру скриптом, а не кодом создаётся логотип, под разные разрешения экранов).<br />Ну и пара советов, как обычно:<br />1. Не стоит пытаться впихнуть в окошечки для своего стиля ЛЮБОЙ код, кроме CSS! То есть очевидно, что в попытках засунуть теливизор или онлайн радио туда Вы так ни к чему и не придёте... Но об этом ниже...<br />2. Советую сохранить у себя на компьютере более-менее стабильную вариацию кода Вашего стиля, или уже готовую... На всякий пожарный, как говорится... Мало ли, что-то Вы сами нахимичите, или завистливые конкуренты решат уничтожить плоды Ваших трудов... Не тут-то было, всё, что нужно, хранится у Вас!</p> </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-quote"><a href="javascript:quote('Templar', 58022)">Цитировать<span class="acchide">&nbsp;Сообщение 3</span></a></li> </ul> </div> </div> </div> <div id="p58023" class="post altstyle topic-starter" data-posted="1307208491" data-user-id="3443" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p58023" onclick="return false;">Поделиться</a><strong>4</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=1852#p58023">04.06.11 21:28</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=3443" rel="nofollow">Templar</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/3443-1317901455.jpg" alt="Templar" title="Templar" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />12.11.11 23:13</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+29</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p58023-content" class="post-content"> <p><em class="bbuline">4 совет.</em><br />К сожалению, весьма актуален сейчас... Почему? Да потому, что грамотность среди нас уж больно низка... И порой втречаешь форум, где ошибки мелькают тут и там, а некоторые так режут глаза... Что хочется просто закрыть форум... В основном это относится к форумак, которые создавали дети... Взрослые стараются следить за этим, понимая, что сверкающие по форуму ошибки и ляпы (иногда могут например в объявлении дать какую-то околесицу) ни к чему, кроме как нареканий со стороны других не приведут... Хотя и среди взрослых находятся олухи...<br />Поэтому я обращаюсь ко всем, в не зависимости от возраста, внимательно и вдумчиво следите за тем, что ВЫ пишите... Чем грамотнее Вы напишите, тем более приятное впечатление о себе создадите, и заслужите уважение окружающих! Поверьте, это так...<br />Парочка советов от меня!<br />1. В интернете полно онлайн словарей, где можно проверить написание слова... В качестве такового выступает например... Яндекс! Да, тот самый знаменитый поисковик, который у многих из Вас наверное стоит виде стартовой страницы в браузере. Дело в том, что при поиске выполняется так же и встроенная проверка орфографии! Здорово, правда?!! Ввёл слово, нажал &quot;Поиск&quot; и получил точное его написание!<br />Ну или можно воспользоваться специальзированными сайтами, где Вам выдадут не только правильное написание слова, но и кучу полезной информации. Это интересно, а много знать никогда не бывает вредно...<br />Кстати, в новых версиях популярных браузеров уже встроена проверка орфографии. Ну или на худой конец текстовый редактор Word Вам в помощь... там тоже проверяется правильность написания слов.<br />2. Старайтесь писать развёрнуто, не используя постоянно одни и те же слова... В качестве примера берите текст из какой-либо книги... Посмотрите, как он оформлен и пробуйте писать так же... В основном этот совет относится к тем, кто хочет, чтоб на его форуме были красивые посты (сообщения).</p> </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-quote"><a href="javascript:quote('Templar', 58023)">Цитировать<span class="acchide">&nbsp;Сообщение 4</span></a></li> </ul> </div> </div> </div> <div id="p58024" class="post topic-starter" data-posted="1307208515" data-user-id="3443" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p58024" onclick="return false;">Поделиться</a><strong>5</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=1852#p58024">04.06.11 21:28</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=3443" rel="nofollow">Templar</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/3443-1317901455.jpg" alt="Templar" title="Templar" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />12.11.11 23:13</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+29</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p58024-content" class="post-content"> <p><em class="bbuline">5 совет.</em><br />Вот мы и добрались до любимого многими дела: добавить новых возможностей Вашему форуму. Смело утерждаю это потому, что чего только не увидел на форумах, каких только диковин не наблюдал... Онлайн телевидиньем уже никого не удивишь... Музыка проигрывается ввиде заставки на каждом третьем форуме... Про замысловатые таблицы я уже молчу в тряпочку... Такой обзаводится хозяин каждого нового форума... Ну, или пытается, по крайней мере...<br />Дело порой до такой экзотики, что на форуме стоит окошечко, в котором в прямом эфире вещает... Сам главный админ форума! То есть все его видят, все его слышат... Но трафик, трафик... Обворовывает бедных юзеров так, что упаси Боже... А всё ведь из благих намерений, сделать как лучше, оригинальнее...<br />Поэтому, расширяя стандартные функции Вашего форума, подумайте сто раз, что Вам надо, а что нет!<br />Скажем, тот же онлайн телевизор... Зачем? К Вам на форум приходят для того, чтобы пообщаться, или посмотреть телевидиние? Думаю, всё же для первого... Или на главной странице проигрывается музыка... Во-первых, это здорово замедляет загрузку форума, во-вторых... Большинство админов почему-то не хочет ставить кнопку, где бы эту музыку отключить... Скажем, если я не разделяю Ваши музыкальные предпочтения, но кнопочки для отключеня не нахожу, то выходит, что я должен мириться, но сидеть у Вас... Врятли, я лучше пойду на соседний форум, где такой &quot;штуковины&quot; просто нет!<br />Или иногда бывает, короткая мелодия крутится и крутится постоянно, причём доходит до такой степени, что начинаешь неавироваться...<br />Отсюда делаем вывод, что всё должно быть продумано...<br />Ах, да, не сказал... Курсоры... Это вообще отдельная история... Мода на замену стандартной белой стрелочки на свою картинку появилась уже давно... Причём некоторые, не зная чувства меры ставят на курсор картинку весьма приличного размера... И вот сидишь, тыкаешь ей и не можешь попасть никак, потому, что НЕ ЗНАЕШЬ, каким местом этого &quot;курсора&quot; нужно тыкать! А если вдобавок ко всему рядом мельтишит какая-то штука, которая перелетает всюду за курсором (я не говорю, что это плохо, но всего надо в меру, ибо это сильно отвлекает, а порой даже раздражает!).<br />Ну что, советы!<br />1. Ставьте скрипты не все сразу, а последовательно, доводя до ума каждый из них... Не забывайте советоваться с Вашими форумчанами и тестировать на кроссбраузерность каждый из скриптов...<br />2. Давайте возьмём за правило:<br />HTML-верх предназначен для кодов дизайна (CSS) и скриптов, которые имеют первостепенное значение. При загрузке страницы браузеры в первую очередь будут использовать то, что находится именно в HTML-верх.<br />HTML-низ в основном предназначен&nbsp; для скриптов (JS).<br />С HTML-форма ответа думаю понятно, там должно быть только наполнение формы ответа, и ничего больше.<br />Я не беру в рассчёт те случаи, когда скрипты предназначины именно для HTML-верх или HTML-низ (например картинка в шапке форума или чат внизу форума).<br />Объявление то, что расположится между меню форума (Форум, Участники, Поиск и т. д..) и фразой &quot;Привет..., Ваш последний визит...&quot; Сюда можно ставить всё, что душе угодно.<br />3. Учтите, что видео, картинки ли звуковые файлы имеют вес (в Кб или МБ). Поэтому рассчитывайте так, чтоб загрузка Вашего форума не приравнивалась к скачиванию какого-то файла громадного размера! Иначе Вы уж точно отпугнёте весь народ с Вашего форума!<br />ТО ЖЕ ОТНОСИТСЯ И К ДИЗАЙНУ! НЕ СТАВЬТЕ ГРОМАДНЫХ КАРТИНОК НА ФОН, ДА ПРИТОМ В БОЛЬШОМ КОЛИЧЕСТВЕ!!! ИНАЧЕ ВАШЕ &quot;ТВОРЕНИЕ&quot; БУДЕТ ГРУЗИТЬСЯ ЧАСАМИ!<br />4. Учтите, что два или более скриптов или кодов могут оказаться не совсестимы один с другим... Поэтому не стоит паниковать, удивляяесь, почему Вы поставили что-то, а другое взамен перестало работать!<br />5. Ну и безусловно, руководствуемся правилом: чем меньше скриптов и кодов на форуме, тем быстрее он работает и наоборот... Постарайтесь найти середину между этими двумя крайностями! Всего, но в меру!</p> </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-quote"><a href="javascript:quote('Templar', 58024)">Цитировать<span class="acchide">&nbsp;Сообщение 5</span></a></li> </ul> </div> </div> </div> <div id="p58025" class="post altstyle topic-starter" data-posted="1307208540" data-user-id="3443" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p58025" onclick="return false;">Поделиться</a><strong>6</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=1852#p58025">04.06.11 21:29</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=3443" rel="nofollow">Templar</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/3443-1317901455.jpg" alt="Templar" title="Templar" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />12.11.11 23:13</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+29</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p58025-content" class="post-content"> <p><em class="bbuline">6 совет.</em></p> <p>Собственно пригодится тем, кто работает со своим форумом (оформляет его, исправляет потом свои же ошибки, проверяет кроссбраузерность и т. п...), и при этом частенько нуждается в помощи...<br />Не секрет, что за помощью мы обращаемся на форум ТП своего сервиса или Единую ТП... И некоторые ну никак не могут выразить свои мысли: &quot;Вот там, на форуме есть такая квадратная штука, рядом с&nbsp; ней круглая, а напротив...&quot;<br />Чтоб такого не было, необходимо сделать скриншот, то есть снимок с экрана. Как он делается, я сейчас подробно расскажу!<br />1. Для начала отышите у себя на клавиатуре кнопочку с надписью &quot;Print Screen&quot; (на некоторых &quot;PRTSC&quot; или &quot;PRTSCN&quot;; встречаются так же клавиатуры, где такая кнопка может попросту отсутствовать, не пугайтесь). Нашли? Смело нажимаем на неё.<br />2. Теперь открываем Пеинт (Paint; думаю, что это такое, знают все, рассказывать не надо). В верхнем меню находим слово &quot;Правка&quot; и нажимаем на него. Появился выпадающий список. Находим там &quot;Вставить&quot; и так же нажимаем на него. И вот он, скриншот!<br />3. Теперь только остаётся сохранить скриншот и разместить на форуме поддержки. Для пущей уверенности, что Вас поймут, можно обвести нужное красным цветом например (это уж Вы сделаете сами).<br />Полезные советы:</p> <p>1. Есть вариации того, как можно сделать скриншот:<br />Копирование полного экрана (копирование всего, что находится на экране).<br />Нажмите клавишу PRINT SCREEN.<br />Копирование только активного окна (копирование только окна, без панели с меню Пуск).)<br />Нажмите клавиши ALT+PRINT SCREEN.<br />2. Лучше всего сохранять скриншоты в формате jpg. Они и весят не много (значит, загружаются быстрее), и качество вполне приемлимое.<br />3. Во многих современных браузерах есть возможность сохранять изображение на экране... Причём можно делать снимки даже полной страницы веб узла... Или есть отдельные программки, для создания скриншотов и даже целого видео!!! Но об этом я рассказывать не стану. Если кто заинтересовался - пишите в ЛС - отвечу!<br /><span style="color: red">4. Способ, описанный мной в самом начале не захватывает курсор на экране! Обратите на это внимание!</span></p> </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-quote"><a href="javascript:quote('Templar', 58025)">Цитировать<span class="acchide">&nbsp;Сообщение 6</span></a></li> </ul> </div> </div> </div> <div id="p58026" class="post topic-starter" data-posted="1307208584" data-user-id="3443" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p58026" onclick="return false;">Поделиться</a><strong>7</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=1852#p58026">04.06.11 21:29</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=3443" rel="nofollow">Templar</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/3443-1317901455.jpg" alt="Templar" title="Templar" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />12.11.11 23:13</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+29</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p58026-content" class="post-content"> <p><em class="bbuline">7 совет.</em><br />Есть ещё один способ создать свой дизайн, о котором я пока умалчивал... Это Генератор стилей. Да да, Вы не ослышались! Можно самому сгенерировать свой стиль (сказать по-правде он получится весьма простеньким, но зная пусть даже самые основы языка CSS (его, кстати можно изучить на любом форуме ТП нашего сервиса или же поискать справочники в интернете) его можно трансформировать в нечто).<br />Итак, давайте же научимся работать с этим Генератором стилей. Сперва выясним, где он распологается. Адрес такой: <a href="http://mybb.ru/generator/" rel="nofollow ugc" target="_blank">http://mybb.ru/generator/</a>&nbsp; Перед Вами откроется форум... Вернее сказать, это не полноценный форум, а лишь его образ, потому, что... Вобщем попробуйте нажать на любую ссылку и сами всё поймёте...<br />Кроме того, перед нами открылась так же небольшая табличка... С ней-то нам и предстоит работать!<br />На этой табличке мы видим несколько вкладок. Перечислю их для тех, кто в упор ничего не видит, или сомневается, что нашёл именно то:<br />- Основное;<br />- Разное;<br />- Стили ссылок;<br />- Стили меню.<br />Нашли. Очень хорошо. Теперь нам необходимо на каждой из вкладок настроить параметры под себя. Сейчас я расскажу Вам о том, для чего какаой параметр нужен и какие значения может принимать.&nbsp; А Ваша задача расставить &quot;птички&quot; в нужных пунктах и нажать на кнопочку... Но обо всём по порядку...<br />Итак, разбор будем вести по каждой из вкладок по-отдельности...</p> <p><strong>Основное.</strong></p> <p>&quot;Сгенерировать стиль основываясь на цвете&quot; - будет указывать на основной цвет стиля... То есть это будет основным цветом оформления, а все элементы форума будут различаться оттенками от главного цвета. Например, фон под меню будет чуть светлее, фон под таблицей - потемнее, но оттенок у всех одинаков!</p> <p>&quot;Основной цвет&quot; - собственно, рядом мы видим два поля... И думаю понятно, что тут и выбирают главный цвет. Для тех, кто не понял, как его сменить, объясню... Жмём на кнопочку &quot;Изменить&quot; рядом с окошечком... Вылезает табличка со всевозможными оттенками, Вам надо только кликнуть по понравившемуся и всё. Если Вы не нашли нужного ВАм из представленных, или же хотите слегка изменить имеющиеся - смотрим на верхушку этой таблички и жмём на &quot;Color slider&quot; и передвигаем ползунки, изменяя интенсивности R - красного; G - зелёного; B - синего. А затем просто кликаем по получевшемуся цвету - и опа, он в наборе! Вторая вкладка &quot;Named colors&quot; укажет Вам на название каждого цвета. Авось, пригодится... Кстати, заметьте, для каждого цвета показан его цифровой код.<br />Закрыть палитру нажатием на крестик рядом со вкладками, а то некоторые не увидев его будут чертыхаться, мол мешает эта палитра....</p> <p>Но цвет Вы выбрали, а ничего не изменилось... В чём причина? Пониже видим кнопку &quot;Генерация&quot;... Жмём на неё без боязни, тем самым приводя в действие наши настройки!<br />Две кнопочки, которые идут ниже, мы пока оставим без внимания...</p> <p>Не сказали мы ещё о двух пунктах &quot;Инвертировать&quot;. Они пригодятся для того, если Вы хотите, чтоб светлые цвета стали тёмными, а тёмные - светлыми... Ну Вы же наверное слышали про инверсию... Для тех, кто не слышал - ставим галочки и жмём &quot;Генерация&quot;...<br /><strong><br />Разное.<br /></strong><br />&quot;Основной цвет&quot; - нет, не думайте, Вам не надо по-новой выбирать базовый цвет всего стиля... На этот раз ограничимся цветом основных элементов форума... Замечу, что на этой и последующих вкладках нет кнопки &quot;Генерация&quot;, поэтому цвета меняются мгновенно, при выборе цвета из палитры.</p> <p>&quot;Внешние границы&quot; - этим пунктом мы выбираем цвет для всех внешних границ, то есть вокруг каждого из элементов форума (логотипа, меню, главной таблицы, статистики форума и т. д...)</p> <p>&quot;Цвет фона&quot; - установим цвет для главного фона форума, то есть того, что находится позади всех... Ну или то, что мы привыкли называть фон форума.</p> <p>&quot;Шапка форума&quot; - выбираем цвет для шапки форума (там, где у стандартных стилей стоит логотип с надписью МУВВ).</p> <p>&quot;Текст в шапке&quot; - не трудно догадаться, где меняется цвет текста (подсказка, в шапке).</p> <p>&quot;Меню навигации&quot; - давайте-ка сделаем фон для основного меню форума (это там, где Форум, Участники, Поиск, ну и далее по списку...)</p> <p>&quot;Шапка таблицы&quot; - сейчас мы взялись менять цвет шапки форума (помните, там ещё написанно Форум, Тем, Сообщений, Последнее сообщение).</p> <p>&quot;Цвет фона таблицы&quot; - меняем цвет первого и четвёртого (или кому так трудно воспринимать, то самого левого и самого правого) столбца главной таблицы форума.</p> <p>&quot;Внутренние рамки&quot; - аналогично когда-то мы меняли внешние рамки... Так вот, эти рамки будут распологаться внутри элементов. Например, этими рамками разграничены ячейки главной таблицы.</p> <p>&quot;Текст форума&quot; - ежу понятно, что определяем цвет текста.<br />ВНИМАНИЕ!!! К тексту НЕ приравниваются ССЫЛКИ, этим мы будем заниматься отдельно!</p> <p>&quot;Есть новые сообщения&quot; - цвет иконки - квадратика, который указывает тему, где есть новые сообщения.</p> <p>&quot;Нет новых сообщений&quot; - аналогично предыдущему, только в этом случае для тем, в которых нет новых сообщений...</p> <p>&quot;Заголовки форума&quot; - цвет фона под категориями... То есть под общим заголовком каждого из блоков главной таблицы, если не ясно...</p> <p>&quot;Цвет текста заголовков&quot; - и наконец меняем цвет текста там, где до этого изменялся фон...</p> <p>&quot;Стиль заголовков&quot; - этот параметр для тех, кто хочет сделать текст в заголовках жирным или курсивом, или тем и другим одновременно...</p> <p><strong>Стили ссылок.</strong></p> <p>Как я говорил, ссылки не приравниваются к тексту на форуме и их параметры мы будем изменять здесь и сейчас.</p> <p>&quot;Начальное состояние &quot; - обозначает состояние ссылки, когда на неё не наведена мышь...</p> <p>&quot;Цвет&quot; - красим все ссылки на форуме в цвет, который Вы выберете на палитре.</p> <p>&quot;Стили&quot; - можно сделать ссылки на форуме жирным текстом или курсивом, а возможно и задействовать эти два параметра одновременно... На Ваш вкус!</p> <p>&quot;Подчёркивание&quot; - некоторые не видят ссылок, поэтому любят, чтоб они подчёркивались... Как раз для таких и создан данный параметр. И даже есть варианты, как подчёркивать:<br />- Обычное - одной, сплошной чертой;<br />- Точечной - подчёркивание одной чертой, которая состоит из точек... Вернее сказать, назвать их точками сложно, это скорее целые тире.<br />- Нет - кому подчёркивание ссылок не требуется.</p> <p>&quot;Цвет подчёркивания&quot; - определит цвет линии (или точек (тире)), которыми будут подчёркиваться ссылки. Можно выбрать, чтоб подчёркивание было одного цвета ссылкой или же своего цвета.</p> <p>&quot;Фон под ссылкой&quot; - тут можно устанвить фон под ссылками (они как бы будут обведены маркером). Снимите галочку с &quot;Нет&quot;, если хотите, чтоб фон появился или оставьте на месте, чтоб фон не появлялся...</p> <p>&quot;При наведении курсора &quot;<br />А тут мы настроим все параметры ссылок при наведении на них курсора. Если Вы заметели, то пункты там абсолютно идентичны, поэтому не будем переписывать одно и то же дважды... Смотрим выше и творим, наводим курсор, смотрим...</p> <p><strong>Стили меню.</strong></p> <p>Тут мы сменим ссылки в главном меню форума (напомню, это там, где Форум, Участники, Правила, Поиск, Регистрация, Войти)... Давайте начнём!!! Думаю, опять очевидно, что все пункты, которые можно изменить ну точь-в-тчь такие же, какие мы меняли до этого... Поэтому я, в который раз не стану мусолить, а дам Вам перейти сразу к делу! Вперёд!</p> <p>Вот собственно и всё... Мы закончили творить наш (вернее Ваш) стиль. Теперь вернёмся на самую первую вкладку, где мы в самом начале не сказали о назначении двух кнопок! Теперь пришла пора!</p> <p>&quot;Сохранить стиль&quot; - выдаст Вам готовый код полученного стиля... Получив его, топаем к себе на форум, идём в Администрирование----Свой стиль и там ставим его ВО ВТОРОЕ ОКОШЕЧКО, НЕ ТРОГАЯ ПЕРВОГО! И сохраняем! вуаля, Ваше творение теперь у Вас на форуме! Правда, здорово!</p> <p>&quot;Случайный стиль&quot; - на сей раз менять параметры будете не Вы, а машина... И выдавать готовые стили, авось какой Вам и понравится... Эту кнопку можно жать неоднократно, тем самым каждый раз будет предложен новый стиль...</p> <p>Вот так, мы с Вами сотворили стиль для Вашего форума. Правда ведь, это не так и сложно!</p> </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-quote"><a href="javascript:quote('Templar', 58026)">Цитировать<span class="acchide">&nbsp;Сообщение 7</span></a></li> </ul> </div> </div> </div> <div id="p58027" class="post altstyle topic-starter" data-posted="1307208611" data-user-id="3443" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p58027" onclick="return false;">Поделиться</a><strong>8</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=1852#p58027">04.06.11 21:30</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=3443" rel="nofollow">Templar</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/3443-1317901455.jpg" alt="Templar" title="Templar" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />12.11.11 23:13</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+29</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p58027-content" class="post-content"> <p><em class="bbuline">8 совет.</em><br />Ещё один полезный совет по оформлению Вашего форума. На этот раз скажем пару слов о Каталоге готовых стилей МУВВ. Да, тех самых, что мы можем выбирать в админке каждого форума. Но согласитесь, не очень-то удобно каждый раз залазить в админку, менять там стиль, а потом бегать на главную и смотреть, что и как...<br />Для этой цели и был создан этот самый Каталог... О том, как им правильно пользоваться, мы сейчас и поговорим...<br />Как обычно, сперва давайте узнаем, как попадать в этот каталог стилей? Для этого просто переходим по ссылке <a href="http://mybb.flazy.ru/index.php" rel="nofollow ugc" target="_blank">http://mybb.flazy.ru/index.php</a> и попадаем на форум, точнее говоря, как и в случае с генератором стилей, его образ. Сверху мы видим панель управления, где собственно и будем осуществлять все наши действия по выбору стилей. Давайте по порядку рассмотрим каждый из них и ознакомимся, как этим пользоваться...</p> <p>&quot;Выберите стиль&quot; - этим пунктом мы (точнее ВЫ) будете пользоваться, чтоб выбрать нужный стиль по его названию. К сожалению выбирать стиль по цветовой гамме нельзя (то есть вы не можете например отдельно просмотреть все чёрные стили или все синие, хотя, по-моему так намного удобнее, когда примерно знаешь, какого цвета хотелось бы иметь оформление). Нажимаем на выпадающий список и там ставим название нужного Вам стиля.</p> <p>&quot;Выберите страницу&quot; - далее необходимо выбрать страницу, на которой мы будем просматривать стиль, который выбирали пунктом выше... Существует несколько вариантов, на всякий пожарный перечислю каждый из них:<br />- Главная - заглавная страница каждого форума.<br />- Список тем - мы попадём в форум со списком тем, которые в нём находятся.<br />- Тема - просмотр темы с сообщениями.<br />- Профиль - просмотр своего профиля.<br />Ставим ту, на которой мы хотим увидеть стиль.</p> <p>&quot;Смотреть&quot; - эта кнопка собственно и служит для того, чтоб активировать то, что мы до этого понаставили.</p> <p>&quot;Это стиль: .......&quot; - рядом с кнопкой отображается название выбранного стиля. Для чего? Чтоб можно было его без проблем скопировать и вставить при необходимости куда-то... Например? Можно узнать исходный код стиля для каждого форума. Как?</p><div class="quote-box quote-main"><blockquote><p>http://адрес вашего форума/style/название стиля/название стиля.css<br />&nbsp; &nbsp; http://адрес вашего форума/style/название стиля/название стиля_cs.css</p></blockquote></div><p>Получите два файла с исходным кодом нужного Вам стиля.</p> <p>&quot;Последние обновление: .................. &quot; - ну и наконец это дата последнего обновления каталога. Думаю, для Вас не секрет, что на сервисе регулярно появляются новые стили офрмления. Так вот, эта дата покажет, когда последний раз сюда заносили свежие работы нашего дизайнера.</p> </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-quote"><a href="javascript:quote('Templar', 58027)">Цитировать<span class="acchide">&nbsp;Сообщение 8</span></a></li> </ul> </div> </div> </div> <div id="p58029" class="post endpost topic-starter" data-posted="1307208641" data-user-id="3443" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p58029" onclick="return false;">Поделиться</a><strong>9</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=1852#p58029">04.06.11 21:30</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=3443" rel="nofollow">Templar</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/3443-1317901455.jpg" alt="Templar" title="Templar" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />12.11.11 23:13</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+29</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p58029-content" class="post-content"> <p><em class="bbuline">9 совет.</em><br />Ещё один совет... Модерируя на ТП сервиса частенько сталкивался с тем, что пользователи не могут получить ссылку на изображенте... Причины на то могут быть совершенно различны, не вижу смысла перечислять... Попробую подробно рассказать способы, которыми Вы можете получить ссылку на нужное Вам изображение.</p> <p>Итак, для начала рассмотрим вариант, когда нужное изображение хранится у Вас на компьютере. Например, допустим, в папке &quot;Изображения&quot;. Для того, чтоб получить её адрес, нам придётся заливать картинку в интернет (иначе загружать, размещать на сайтеи т. п.; говорите, как Вам вздумается, лишь бы делали правильно). Залить картинку мы можем либо к Вам на форум, либо на специальный сайт, предназначенный для того, чтоб такие же пользователи размещали там свои графические файлы... Но давайте по-порядку...</p> <p>1. Заливаем картинку к себе на форум. Для этого давайте сначала определимся с темой, куда Вы будете её заливать... Иначе, как-то раз, ненароком (или намеренно, в порыве гнева например) снеся эту тему, обнаружите вместо картинки красный крестик. Или кто-то &quot;умный&quot; решит таким образом испортить Ваши труды. Поэтому заведите у себя на форуме скрытый раздел, доступный только администраторам и создайте там тему. Создали? Теперь приступим!<br />Заходим в эту же тему и движемся прямиком в форму ответа. Находим там кнопку &quot;Прикрепить изображение&quot; (крайняя правая, если что). Кликаем на неё. Теперь перед нами маленькое окошечко, где видим кнопки &quot;обзор&quot;. При нажатии на них открывается окошечко, с папками Вашего компьютера. Выбираем ту, где находится наше изображение (в нашем случае, если помните, мы обозначили, что папка носит название &quot;Изображения&quot;). Находим там её и в ней кликаем мышью по нужному изображению. Теперь рядом с кнопочкой &quot;Обзор&quot; появился его адрес. Нажимаем на кнопку &quot;готово&quot; внизу окошка (если изображений несколько - процедуру, описанную выше повторить для остальных кнопок). Далее пропишем в поле для текста что-то, чтоб можно было отправлять сообщение... Ну, и как Вы наверное поняли, жмём кнопку &quot;Отправить&quot;. Ожидаем терпеливо, пока сообщение отправится, не зарываем.<br />Как только сообщение отправилось, мы увидим в нём наши картинки (или одну картинку). Остаётся только узнать их адрес. Как?<br />Просто. Если исходная картинка была больших размеров, то автоматически создастся превья, то есть небольшой эскиз изображения, кликнув по которому, перед нами откроется окошечко с оригиналом. Обратите внимание, на адрес в адресной строке этого окошечка (с оригиналом). Это и будет адресом картинки (для сомневающихся в правильности того, куда они смотрят и что собираются скопировать, покажу образец адреса:</p> <p>&nbsp; &nbsp; <a href="https://forumavatars.ru/img/avatars/0000/14/1c/4323.jpg" rel="nofollow ugc" target="_blank">https://forumavatars.ru/img/avatars/0000/14/1c/4323.jpg</a></p> <p>Обратите внимание, адрес должен заканчиваться на формат Вашей картинки: jpg; png; bmp и т. п)<br />Копируем его и вставляем, куда нужно.<br />Иначе дело обстоит с картинками маленького размера. Дело в том, что превья для них не создаётся. Делать нужно вот что: наводим мышкой на изображение. Кликаем по нему правой кнопкой мыши. В появившемся списке находим пункт &quot;Свойства&quot; и там ищем адрес, образец был дан выше.</p> <p>2. Заливаем картинку на спецмальный сайт. Таковых вообще много. Перечислю лишь ведущие из них:</p> <p><a href="http://www.radikal.ru/" rel="nofollow ugc" target="_blank">http://www.radikal.ru/</a><br /><a href="http://www.keep4u.ru/" rel="nofollow ugc" target="_blank">http://www.keep4u.ru/</a><br /><a href="http://www.imageshack.us/" rel="nofollow ugc" target="_blank">http://www.imageshack.us/</a><br /><a href="http://tinypic.com/" rel="nofollow ugc" target="_blank">http://tinypic.com/</a></p> <p>Покажу, как надо действовать на примере первой ссылки. <a href="http://www.radikal.ru/" rel="nofollow ugc" target="_blank">http://www.radikal.ru/</a> Переходим по ней. Там видим такую же кнопку &quot;Обзор&quot;, как и тогда, когда мы заливали к Вам на форум. Соответственно и действовать надо точно так же. Как только указали то, что надо, нажимаем кнопку &quot;Загрузить&quot;. Да, не забыть сказать: снимаем всякие там галочки что могут находиться ниже, слева, справа (то есть там повороты изображения, его уменьшение, создание превь и т. п.; оно Вам ни к чему). Ожидаем, пока произойдёт загрузка изображения. Как только она завершится, перед нами появятся сразу много адресов. Встаёт вопрос, какой из них нам будет нужен. Собственно, образец я уже давал выше, но повторюсь:</p><div class="quote-box quote-main"><blockquote><p>https://forumavatars.ru/img/avatars/0000/14/1c/4323.jpg</p></blockquote></div><p>Обычно, такой находится самым первым в списке. Вот и всё, мы залили картинку и получили её адрес.</p> <p>Теперь рассмотрим случай, когда нужное Вам изображение уже находится в интернете, а не у Вас на компьютере. Тут дело обстоит куда проще. Опять же наводим мышкой на изображение, кликаем правой кнопкой той же самой мыши, выбираем там &quot;Свойства&quot; и ищем адрес изображения. Если можно кликнуть по картинке и она открывается в отдельном окне, копируем адрес. Образцы я уже давал выше (да собственно, они всегда одинаковые, адреса картинок). Только будьте внимательны, иногда по клику, вместо окошечка с картинкой может открыться окошечко с сайтом, тематика которого может быть какой угодно (такие картики баннерами зовутся).</p> <p>Полезные советы, как обычно:</p> <p>1. Помните, если вы брали адрес картинки, находящейся на каком-либо стороннем сайте, действителен он будет до тех пор, пока это изображение храится на том сайте... Удалили его, всё, красный крест. Чтоб не получилось так, можно сохранить его к себе на компьютер, а затем залить на форум или на специальный сайт. Как сохранять изображения, я думаю говорить не надо (на всякий случай, наводим мышку на изображение, жмём правой кнопкой мыши и находим там &quot;Сохранить рисунок, как...&quot; или просто &quot;Сохранить&quot;; вариаций этого может быть много, суть не меняется. Собственно, выбираем папку на компьютере, куда сохраняем и жмём на кнопку &quot;Сохранить&quot;.)<br />2. Существуют специальные программы (от создателей же таких вот сайтов для хранения изображений), которые делают процесс загрузки картинок более удобныи и дают некоторые преимущества, скажем можно заливать множество их одновременно... Ну или ещё там что... Такие программы ищем прямо на тех сайтах (обычно они широко рекламируются).<br />3. Повторюсь ещё раз, для тех, кто создаёт свой дизайн на форуме, предпочтительно заливать картинки на Ваш форум, дабы не случилось неприятных неожиданностей... Пока жив Ваш форум, всё, что Вы залили, будет при Вас, если конечно не удалите сами.<br />4. Обращаю внимание, что на сайтах по хранению изображений тоже бывают свои глюки и сбои... Посему, если вдруг изображение пропало, попробуйте сначала перейти на сам сайт, доступен ли он будет в данный момент.</p> </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-quote"><a href="javascript:quote('Templar', 58029)">Цитировать<span class="acchide">&nbsp;Сообщение 9</span></a></li> </ul> </div> </div> </div> </div> <div class="linksb"> <div class="postlink"><span><a href="https://forumd.ru/post.php?tid=1852" rel="nofollow">Ответить</a></span></div> <div class="pagelink">Страница: <strong>1</strong></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=1852" onsubmit="this.submit.disabled=true;if(process_form(this)){return true;}else{this.submit.disabled=false;return false;}"> <fieldset> <legend><span>Напишите ваше сообщение и нажмите &laquo;Отправить&raquo;</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" /> <script type="text/javascript"> FORUM.set("editor.addition.tags.pattern", {name: "Шаблон", onclick: function() { var text = "111111\nололо[cursor]\n<b>anm</b>", cursor = text.indexOf('[cursor]'); if (cursor != -1) { bbcode(text.substring(0, cursor), text.substring(cursor + 8)); } else insert(text); }}); </script> <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>&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" onclick="changeVisibility('video-area'); return false;">Закрыть</a>&nbsp;&nbsp;&nbsp;&nbsp; <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('&#8482;')">&#8482;</span> <span onclick="keyboard('«')">«</span> <span onclick="keyboard('»')">»</span> <span onclick="keyboard('&#10077;')">&#10077;</span> <span onclick="keyboard('&#10078;')">&#10078;</span> <span onclick="keyboard('&#162;')">&#162;</span> <span onclick="keyboard('&#8364;')">&#8364;</span> <span onclick="keyboard('&#163;')">&#163;</span> <span onclick="keyboard('&#8381;')">&#8381;</span> <span onclick="keyboard('&#8383;')">&#8383;</span> <span onclick="keyboard('&#10008;')">&#10008;</span> <span onclick="keyboard('&#10004;')">&#10004;</span> <span onclick="keyboard('&#9746;')">&#9746;</span> <span onclick="keyboard('&#9745;')">&#9745;</span> <span onclick="keyboard('&#9744;')">&#9744;</span> <span onclick="keyboard('&#9679;')">&#9679;</span> <span onclick="keyboard('&#8226;')">&#8226;</span> <span onclick="keyboard('&#9724;')">&#9724;</span> <span onclick="keyboard('&#9706;')">&#9706;</span> <span onclick="keyboard('&#9726;')">&#9726;</span> <span onclick="keyboard('&#9673;')">&#9673;</span> <span onclick="keyboard('&#9670;')">&#9670;</span> <span onclick="keyboard('&#9684;')">&#9684;</span> <span onclick="keyboard('&#9792;')">&#9792;</span> <span onclick="keyboard('&#9794;')">&#9794;</span> <span onclick="keyboard('&#10084;')">&#10084;</span> <span onclick="keyboard('&#9835;')">&#9835;</span> <span onclick="keyboard('&#12483;')">&#12483;</span> <span onclick="keyboard('&#10052;')">&#10052;</span> <span onclick="keyboard('&#9728;')">&#9728;</span> <span onclick="keyboard('&#9729;')">&#9729;</span> <span onclick="keyboard('&#10059;')">&#10059;</span> <span onclick="keyboard('&#10047;')">&#10047;</span> <span onclick="keyboard('&#9998;')">&#9998;</span> <span onclick="keyboard('&#9986;')">&#9986;</span> <span onclick="keyboard('&#9733;')">&#9733;</span> <span onclick="keyboard('&#9734;')">&#9734;</span> <span onclick="keyboard('&#8249;')">&#8249;</span> <span onclick="keyboard('&#8250;')">&#8250;</span> <span onclick="keyboard('&#8592;')">&#8592;</span> <span onclick="keyboard('&#8593;')">&#8593;</span> <span onclick="keyboard('&#8594;')">&#8594;</span> <span onclick="keyboard('&#8595;')">&#8595;</span> <span onclick="keyboard('&#8596;')">&#8596;</span> <span onclick="keyboard('&#8597;')">&#8597;</span> <span onclick="keyboard('&#9668;')">&#9668;</span> <span onclick="keyboard('&#9650;')">&#9650;</span> <span onclick="keyboard('&#9658;')">&#9658;</span> <span onclick="keyboard('&#9660;')">&#9660;</span> <span onclick="keyboard('&#9666;')">&#9666;</span> <span onclick="keyboard('&#9652;')">&#9652;</span> <span onclick="keyboard('&#9656;')">&#9656;</span> <span onclick="keyboard('&#9662;')">&#9662;</span> <span onclick="keyboard('&#9471;')">&#9471;</span> <span onclick="keyboard('&#10102;')">&#10102;</span> <span onclick="keyboard('&#10103;')">&#10103;</span> <span onclick="keyboard('&#10104;')">&#10104;</span> <span onclick="keyboard('&#10105;')">&#10105;</span> <span onclick="keyboard('&#10106;')">&#10106;</span> <span onclick="keyboard('&#10107;')">&#10107;</span> <span onclick="keyboard('&#10108;')">&#10108;</span> <span onclick="keyboard('&#10109;')">&#10109;</span> <span onclick="keyboard('&#10110;')">&#10110;</span> <span onclick="keyboard('&#10111;')">&#10111;</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'>Добавлено спустя&#8230;</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> <span onclick="bbcode('[icon]verified','[/icon]');" class="userhide">иконка</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>&#187;&#160;</em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=14">Архив устаревших тем</a> <em>&#187;&#160;</em>Полезные советы по оформлению форума</p> </div> <div id="pun-break4" class="divider"><hr /></div> <div id="pun-about" class="section"> <p class="container"> </p> </div> <script type="text/javascript">$(document).trigger("pun_about_ready"); if (typeof ym == 'object') {ym(201230, 'userParams', {UserId:1, is_user:0}); ym(201230, 'params', {forum_id: 517111});}</script> <div id="html-footer" class="section"> <div class="container"><script> </script> <!-- переключение языка --> <script> if ((!window['UserID'] || 1 == UserID) && !['ru', 'ru-RU'].includes(navigator.language) && !~document.cookie.indexOf('lang=')) {document.cookie = "lang=en"; location.reload()} var i,smbCodeArr=[];var arr0=[1026,1027,8218,1107,8222,8230,8224,8225,8364,8240,1033,8249,1034,1036,1035,1039,1106,8216,8217,8220,8221,8226,8211,8212,"0",8482,1113,8250,1114,1116,1115,1119,160,1038,1118,1032,164,1168,166,167,1025,169,1028,171,172,173,174,1031,176,177,1030,1110,1169,181,182,183,1105,8470,1108,187,1112,1029,1109,1111];for(i=0;i<arr0.length;i++)smbCodeArr[arr0[i]]=i+128;for(i=1040;i<=1103;i++)smbCodeArr[i]=i-848; var encodeURIwin1251=function(str){for(var arr=str.split(""),n,i=0;i<arr.length;i++){n=arr[i].charCodeAt();if(n>187&&n<1025||n>1105)arr[i]="&#"+n+";";if(typeof smbCodeArr[n]!="undefined")arr[i]=String.fromCharCode(smbCodeArr[n])}return escape(arr.join("")).replace(/\+/mg,"%2B")};$.fn.extend({serialize:function(){var i=0,s="",obj=this.serializeArray(),Lng=obj.length;for(;i<Lng;i++)s+=(i?"&":"")+encodeURIwin1251(obj[i].name)+"="+encodeURIwin1251(obj[i].value);return s}}); function changeLang(){if(window["UserID"]&&1!=UserID){var url=location.origin+"/profile.php?section=essentials&id="+UserID;$.ajax({url:url,async:false,success:function(res){var f=$(res).find("#profile1");"en"!=f.find('select[name="req_lang"]').val()?f.find('select[name="req_lang"]').val("en"):f.find('select[name="req_lang"]').val("ru");data=f.serialize();var curl=document.URL;history.replaceState(null,"",url);$.ajax({url:url,async:false,data:data,type:"POST",success:function(res){history.replaceState(null, "",curl);location.reload()}})}})}else{$("#pun.en").length?document.cookie="lang=ru":document.cookie="lang=en";location.reload()}}$("#langChange").on("click",changeLang); </script> <!-- изменение кода страниц --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/43819.js?v=5" defer></script> <!-- сайдбар --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/67067.js?v=2" defer></script> <!-- главная форума --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/25287.js?v=5" defer></script> <!-- топиклист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/13065.js?v=2" defer></script> <!-- подписки в топиклисте --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/26591.js?v=19" defer></script> <!-- топики --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/49006.js?v=5" defer></script><!-- юзерлист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/18416.js?v=4" defer></script><!-- ЛС --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/20727.js?v=17" defer></script><!-- Профиль --> <!--Добавляем ссылку на форум в crumbs --> <script> if(!$("#pun-index").length&&document.URL.indexOf("/pages/index")==-1){ var s=' »&nbsp;<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=' »&nbsp;<a href="/pages/index" class="rus">Главная страница</a><a href="/pages/index-eng" class="eng">Home page</a> »&nbsp;\ <a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; $(".crumbs").html(s); }; </script> <!-- Аватар и ссылка в цитате © Alex_63 / Мод: Gerda, ForumD.ru --> <script>var FdQuoteAva = '<i class="fa-solid fa-user"></i>';</script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/79040.js"></script> <script type="text/javascript">setLinkAndAva()</script> <!-- HTML в постах с допуском по группам © Alex_63 --> <script type="text/javascript" src="/files/0015/c4/3f/52361.js"></script> <script type="text/javascript"> HTMLinPost.groups = [1,2]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = ['Дух осени','Maquis','Romych','Duka']; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script> <!-- Выделение и разворот кода © ForumD.ru, Gerda --> <script type="text/javascript"> $(document).ready(function() { $('.code-box').each(function() { var $codeBox = $(this); $codeBox.parents('.code-css').find('pre').wrapInner('<code class="language-css line-numbers"></code>'); $codeBox.parents('.code-javascript').find('pre').wrapInner('<code class="language-javascript line-numbers"></code>'); $codeBox.parents('.code-html').find('pre').wrapInner('<code class="language-html line-numbers"></code>'); $codeBox.find('.legend').html('<span class="copy-code" href="javascript:void(0);"><i><gg class="rus">Скопировать код</gg><gg class="eng">Copy code</gg></i><b><gg class="rus">Скопировано</gg><gg class="eng">Copied</gg></b></span>'); $codeBox.find('.legend').append('<span class="expand-code"><i><gg class="rus">Развернуть</gg><gg class="eng">Expand</gg></i><b><gg class="rus">Свернуть</gg><gg class="eng">Collapse</gg></b></span>'); $codeBox.find('.copy-code').on('click', function () { $codeBox.addClass('copied'); var textarea = document.createElement('textarea'); textarea.value = $codeBox.find('.scrollbox pre').text(); document.body.appendChild(textarea); textarea.select(); try { document.execCommand('copy'); console.log('Код скопирован успешно:', textarea.value); } catch (err) { console.error('Ошибка копирования кода:', err); } finally { document.body.removeChild(textarea); } }); $codeBox.find('.expand-code').on('click', function () { $codeBox.toggleClass('expanded'); }); }); }); </script> <!-- подсветка кода --> <link href="https://forumstatic.ru/files/0007/e3/f7/65930.css" rel="stylesheet"> <script src="https://forumstatic.ru/files/0007/e3/f7/20627.js" async></script> <!-- Полноэкранный просмотр изображений v.3 © ForumD, satsana & Gerda --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/97612.js?v=3" async></script> <!-- Автоматическая подписка на темы --> <script>(function(){var forumLnk=$('#pun-crumbs1 a[href*="viewforum.php"]:last');if(!forumLnk.length)return;if(~[5,6,19].indexOf(+forumLnk.attr('href').match(/id=(\d+)/)[1]))$('#fld6').parent('.checkfield').remove(),$('#pun-viewtopic,#pun-post').find('#post .areafield').append('<input type="checkbox" checked style="display:none" id="fld6" name="subscribe"/>');})()</script> <!-- цветовыделение должностей и мастеров --> <script> $(document).ready(function() { function addDutyClass(element, userId) { var userDuty = dutyData.find(item => String(item.id) === String(userId)); if (userDuty) { $(element).addClass(userDuty.color); } } function addVerifiedClass(element, userId) { var verifiedUser = verifiedData.find(item => String(item.id) === String(userId)); if (verifiedUser) { $(element).addClass(verifiedUser.color); } } $('.post-content a, a.post-mention, #onlinelist a, .modmenu a, .tcl.username a, .tcl.tc-username a, .tc2.pmtc22 a').each(function () { var href = $(this).attr('href'); var userIdMatch = href.match(/\/profile\.php\?id=(\d+)$/); if (userIdMatch) { var userId = userIdMatch[1]; addDutyClass(this, userId); addVerifiedClass(this, userId); } }); }); </script> <!-- Проверка имени при регистрации © Alex_63 --> <style> #username.normal {background-color: #abd4af !important; border: 2px solid #26af33; color: #2f5325;} #username.error {background-color: #e7b8b8 !important; border: 2px solid #e63737; color: #6c1313;} .stclr {margin-left: 10px;} .stclr.normal{color: #26af33; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} .stclr.error {color: #e63737; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} img.preloader{width:12px;height:12px;margin-left:3px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/28064.js" defer></script> <!-- Чекбокс "Выбрать все" при модерировании темы и форума © Alex_63 --> <script type="text/javascript">if($('#pun-modviewforum').length){$('th.tcmod').html('Выбрать все: <input type="checkbox" id="CheckAll" title="Выбрать все">');$('#CheckAll').click(function(){if($('#CheckAll').attr('checked')){$(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked',true);}else{$(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked',false);}});}else if(GroupID<=2 && $('.punbb[id^="pun-multi"]').length){$('.modmenu .button').before('<span>Выбрать все</span><input type="checkbox" id="CheckAll" title="Выбрать все">');$('#CheckAll').click(function(){if($('#CheckAll').attr('checked')){$(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked',true);}else{$(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked',false);}});}</script> <!-- Всплывающие Подсказки --> <style> #tooltip { display: none; position: absolute; z-index: 9999999999999999; background: rgba(0,0,0,0.8); color: #fff; padding: 5px 8px; border-radius: 4px; max-width: 250px; } </style> <script type="text/javascript"> jQuery.fn.quicktip = function(options){ var defaults = { speed: 500, xOffset: 26, yOffset: -5 }; var options = $.extend(defaults, options); return this.each(function(){ var $this = jQuery(this); var tipTitle = $this.attr('title'); if (tipTitle) { $this.removeAttr('title'); $this.on('mouseover', function(e) { $(this).css('cursor', 'pointer'); $("body").append("<div id='tooltip'>" + tipTitle + "</div>"); $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px") .fadeIn(options.speed); }).on('mouseout', function(e) { $("#tooltip").remove(); }); $this.mousemove(function(e) { $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px"); }); } }); }; // Добавление подсказок $('.post abbr').attr('data-title', function() { return $(this).attr('title') }); $(function() {$(window).on('load', function() { $('.post abbr').attr('title', function() { return $(this).attr('data-title') }); $('*[title]').quicktip({ speed: 700 }); });}); </script> <!-- костыли английской версии --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/52360.js?v=2"></script> <!-- кастомные селекты --> <script> var fdSelects = '#punbbsearch select, #userlist select, #birthday select, #form-area select, .questionary-post select'; </script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/66411.js" defer></script> <!-- Форма постинга рекламы --> <script> const piarTopicsPrefix = '[Реклама]'; //начало названия топиков, в которых будет форма const piarForumId = '186'; //id форума, в котором лежат топики, в которых будет форма const isPiarTopic = FORUM.topic?.subject.startsWith(piarTopicsPrefix) && FORUM.topic?.forum_id === piarForumId; if (location.pathname === '/viewtopic.php' && isPiarTopic) { const saveToLS = (data) => localStorage.setItem('pr_values', JSON.stringify(data)); const getFromLS = () => JSON.parse(localStorage.getItem('pr_values') || "false"); const removeFromLS = () => localStorage.removeItem('pr_values'); if (GroupID === 3){ const defaultReply = document.querySelector('#post-form'); if (defaultReply) defaultReply.remove(); const piarLogin = 'Ролевой Курьер'; //логин пиар-аккаунта const piarPassword = '1234'; //пароль пиар-аккаунта let linkError = ''; let codeError = ''; const validateFields = (fields) => true; const markup = ` <div id='piar_reply_emulator' class='container'> <form> <fieldset> <legend>Разместить рекламу</legend> <p style="display: grid; grid-template-columns: 1fr;"${linkError ? " class=has-error" : ""}> <label for="our_piar_link">Ссылка на ответную рекламу</label> ${linkError} <input type="text" id="our_piar_link" name="our_piar_link"> </p> <p${codeError ? " class=has-error" : ""}> <label for="your_piar_code">Код вашей рекламы</label><br> ${codeError} <textarea id="your_piar_code" name="your_piar_code" rows="13"></textarea> </p> </fieldset> <p><input type="submit"></p> </form> </div>`; const bottomPagination = document.querySelector('.linksb'); bottomPagination.insertAdjacentHTML('afterend', markup); const piarReplyEmulatorForm = bottomPagination.nextElementSibling.querySelector('form'); piarReplyEmulatorForm.addEventListener('submit', async (ev) => { ev.preventDefault(); const values = {}; for(let elem of piarReplyEmulatorForm){ if(['text', 'textarea'].includes(elem.type)) values[elem.name] = elem.value || '' } if (!validateFields(values)) return false; saveToLS(values); const loginFormMarkup = ` <form id="login" class="container" method="post" action="${location.origin}/login.php?action=in" onsubmit="return true"> <input type="hidden" name="form_sent" value="1"> <input type="hidden" name="redirect_url" value="${location.href}"> <input type="text" id="fld1" name="req_username" size="25" maxlength="25" value="${piarLogin}"> <input type="password" id="fld2" name="req_password" size="16" maxlength="16" value="${piarPassword}"> </form>`; const container = document.createElement('div'); container.innerHTML = loginFormMarkup; document.querySelector('body').append(container); const event = new Event("submit"); container.querySelector('form').submit(); }) } else { const pr_data = getFromLS(); if(pr_data) { document.querySelector('#main-reply').value = ` ${pr_data.your_piar_code} [b]Ваша:[/b] ${pr_data.our_piar_link}`.trim(); removeFromLS(); document.querySelector('#post-form #post').submit?.click() const logoutUrl = `${location.origin}/login.php?action=out&id=${window.UserID}` fetch(logoutUrl); } } } </script> <!-- Баннеры конкурса --> <div class="comp-banner" style="display: none;"> <a href="https://memecross.rusff.me/" target="_blank" title="Meme Crossover"><img src="https://i.ibb.co/Bs2Tsy3/84101.gif"></a> <a href="https://theraven.rusff.me/" target="_blank" title="The raven"><img src="https://forumupload.ru/uploads/001c/00/4d/5/220581.gif"></a> <a href="https://thedome.rusff.me/" target="_blank" title="the dome"><img src="https://forumupload.ru/uploads/001b/60/aa/48/821676.png"></a> <a href="https://curama.mybb.ru" target="_blank" title="Наруто: Печать времени"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/627857.gif"></a> <a href="https://primaltotem.hstn.me/" target="_blank" title="Ойкумена: до начала времен"><img src="https://i.imgur.com/wPEJEYI.gif"></a> </div> <script> $(document).ready(function() { var $compBanner = $('.comp-banner'); var $banners = $compBanner.children(); for (var i = $banners.length - 1; i >= 0; i--) { $compBanner.append($banners.eq(Math.floor(Math.random() * (i + 1)))); } var $clonedBanner = $compBanner.clone().css('display', 'flex'); var forumSelectors = ['#forum_f192', '#forum_f193', '#forum_f194', '#forum_f195']; $.each(forumSelectors, function(index, selector) { var $forum = $(selector); if ($forum.length) { var $descBanner = $forum.find('.desc-banner').after($clonedBanner); } }); var $banners2 = $('.comp-banner2'); for (var i = $banners2.children.length; i >= 0; i--) { $banners2.appendChild($banners2.children[Math.random() * i | 0]); } }); </script> <style> .comp-banner2 p {display: flex;} .comp-banner, .comp-banner2 p { justify-content: center; gap: 5px; flex-wrap: wrap; } .comp-banner2 img {width: 468px; height: 60px;} </style> <!--Копирайт--> <div id="bottom"><div class="inner"> <div id="fdcop1" class="fdcop rus"><a href="/viewtopic.php?id=4505" target='blank'>Отзывы</a> | <a href='/viewtopic.php?id=8309' target='blank'>Сообщить об ошибке</a> | <a href='/viewtopic.php?id=6616' target='blank'>Помочь нам</a> | <a href='/misc.php?action=rules' target='blank'>Правила проекта</a></div> <div id="fdcop2" class="fdcop icons rus"> <a href="https://discord.com/invite/rNWtvk7" target="_blank" title="Наш сервер на дискорде для заказов"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" title="Диалог с администрацией"><i class="fa-regular fa-comment"></i></a> <a href="/viewtopic.php?id=6616" title="Поддержать проект"><i class="fa-solid fa-hand-holding-heart"></i></a> <a href="https://vk.com/forumd" target="_blank" title="Мы в ВК"><i class="fa-brands fa-vk"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" class="tip" title="Канал на Ютубе"><i class="fa-brands fa-youtube"></i></a> <a href="https://boosty.to/forumd.ru" target="_blank" title="Подписки/донаты на Boosty"><i class="fa-solid fa-money-check-dollar"></i></a> <a href="https://www.donationalerts.com/r/forumdru" target="_blank" title="Донаты на DonationAlerts"><i class="fa-solid fa-coins"></i></a> </div> <div id="fdcop2" class="fdcop icons eng"> <a href="https://discord.gg/Vz8GGZT" target="_blank" title="Our Discord server"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" target="_blank" title="Dialogue with the administration"><i class="fa-regular fa-comment"></i></a> <a href="https://vk.com/forumd" target="_blank" title="Our VK page"><i class="fa-brands fa-vk"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" title="Our Youtube channel"><i class="fa-brands fa-youtube"></i></a> <a href="https://boosty.to/forumd.ru" target="_blank" title="Subscribe/Donate on Boosty"><i class="fa-solid fa-money-check-dollar"></i></a> <a href="https://www.donationalerts.com/r/forumdru" target="_blank" title="Donate on DonationAlerts"><i class="fa-solid fa-coins"></i></a> </div> <div class="fdcop rus">© ForumD.ru, 2009-2024<br> <a href="https://forumd.ru/viewtopic.php?id=5751#rule" target="_blank">Условия использования бесплатного контента</a></div> <div class="fdcop eng">© ForumD.ru, 2009-2024<br> When publishing our content, please leave a link to the source.</div> <div id="fdbotBANNER" class="fdcop rus"><!-- баннеры --> <!-- форум Coffee table knight --> <a href="https://abyssus.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/36/d0/3/228996.png" title="Supermassive Black Cross"></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> <!-- ЛИЛ, взаимный референс --><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&amp;from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/93794845/3_1_EFEFEFFF_EFEFEFFF_0_uniques" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="93794845" data-lang="ru" /></a> <!-- /Yandex.Metrika informer --> </div> <div id="fdbotMENU" class="rus"> <div class="bmenu"><span>Заказать</span> <ul> <li><a href="/viewtopic.php?id=5760" target='blank'>Дизайн для форумов/сайтов</a></li> <li><a href="/viewtopic.php?id=5768" target='blank'>Графика и арт</a></li> <li><a href="/viewtopic.php?id=6322" target='blank'>Аватары и подписи</a></li> <li><a href="/viewtopic.php?id=5769" target='blank'>Стримы и соцсети</a></li> <li><a href="/viewtopic.php?id=5771" target='blank'>Скрипты и техоснащение</a></li> </ul> </div> <div class="bmenu"><span>Полезное</span> <ul> <li><a href="/viewtopic.php?id=2791" target='blank'>Бесплатные MyBB-дизайны</a></li> <li><a href="/viewtopic.php?id=7051" target='blank'>Бесплатные макеты</a></li> <li><a href="/pages/allscripts" target='blank'>Бесплатные скрипты и коды</a></li> <li><a href="/viewforum.php?id=7" target='blank'>Гайды по вебдизайну</a></li> <li><a href="/viewforum.php?id=96" target='blank'>Поиск специалистов</a></li> </ul> </div> <div class="bmenu"><span>Заказчикам</span> <ul> <li><a href="/viewforum.php?id=75" target='blank'>Техническая поддержка</a></li> <li><a href="/viewforum.php?id=1" target='blank'>Размещение рекламы форума/сайта</a></li> <li><a href="/viewtopic.php?id=5762" target='blank'>Условия работы ForumD.ru</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила оформления заказов</a></li> </ul> </div> <div class="bmenu"><span>Специалистам</span> <ul> <li><a href="/viewforum.php?id=90" target='blank'>Размещение портфолио</a></li> <li><a href="/viewtopic.php?id=5788" target='blank'>Присоединиться к команде ForumD.ru</a></li> <li><a href="/viewtopic.php?id=6036" target='blank'>Бонусы и привилегии</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила выполнения заказов</a></li> </ul> </div> </div> <div class="stat-place"></div> </div></div> <!-- ------------------------------------------------------------------------------ --> <!-- Спецпосты - скрипт --> <script type="text/javascript"> ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'portfoliopost', 'portfoliotopic'); ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'anketa-hide', 't-anketa'); $('#pun-edit .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#pun-post .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#post-preview .post-box').appendTo('#portprew .post-body'); $('.no-prof:contains("no-prof")').parents('.post').addClass('no-prof'); $('.portfoliopost:contains("portfoliopost")').parents('.post').addClass('portfolio'); $('.forsalepost:contains("forsalepost")').parents('.post').addClass('forsale'); $('.saledpost:contains("saledpost")').parents('.post').addClass('saled'); $('.freepost:contains("freepost")').parents('.post').addClass('free'); $('.makeportfoliolight:contains("makeportfoliolight")').parents('.post').addClass('portfolio-light'); $('#pun-searchposts .post:contains("***QUESTIONARY***")').addClass('anketa'); $('.questionary-post').parents('#pun-main').addClass('questionary'); </script></div> </div> </div> </div> </div> </body> </html>