Информация
JavaScript должен быть включен. С отключенным JavaScript функционал форума недоступен.
</noscript> <!-- Мгновенные уведомления © Alex_63, 2024 --> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" /> <script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script> <!-- посты из важных тем --> <script type="text/javascript"> notifications.load('common', {}); notifications.load('important', {topics: [2921,6505]}); </script> <script>notifications.load('subscriptions');</script><!-- подписки на форум/тему --> <script>notifications.load('fields', {fields: [1, 2], emptyNotify: true})</script><!-- изменения в полях профиля --> <script>notifications.load('mentions');</script><!-- упоминания --> <script>notifications.load('reports');</script><!-- Жалобы --> <script>notifications.load('new_user')</script><!-- регистрация юзеров --> <script>notifications.addons.tgbot.noInvite = true;</script> <!-- убрать подсказку про телегу --> <script>notifications.load('premod')</script><!-- премодерация --> <!-- Голосовые сообщения © Alex_63, 2024 --> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/voice.css" /> <script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/voice.js"></script> <script>voice.startOnOpen = false</script> <style> .voice-modal .container { overflow: hidden; } </style> <!-- иконки font awesome --> <script src="https://kit.fontawesome.com/f50f12bcbf.js" crossorigin="anonymous"></script> <!-- free --> <script src="https://kit.fontawesome.com/c06ba4bb64.js" crossorigin="anonymous"></script> <!-- pro --> <!-- Скрипт для создания анкет © Alex_63 --> <style> .postlink a[href*="questionary"] {background: #f98561; border-bottom: 6px solid #e63737;} .postlink a[href*="questionary"]:hover {background: #e63737;} </style> <script type="text/javascript"> var Questnr = {}; Questnr.groups = [1,2,6,12,16]; //Группы, которым разрешено создавать шаблоны для анкет Questnr.forums = [4,5,6,19,2,22,108,121,1,144,90,179,151,133,184,123]; //Форумы с допуском к анкетированию Questnr.title = 'Заказ от '; //Начало заголовка темы с анкетой (по умолчанию) Questnr.noedit = 0; //Запрет редактирования заполненной анкеты пользователем </script> <script type="text/javascript"> ['viewforum','viewtopic','post','edit','searchposts'].indexOf($('.punbb')[0].id.substr(4))!=-1&& $().pun_mainReady(function(){var s='script',l='/files/0007/e3/f7/32678.js'; var f=$('#pun-viewforum').length?$('link[rel="alternate"]'):$('.crumbs a[href*="viewforum"]:last'); f=+f[0].href.match(/id=(\d+)$/)[1];Questnr.forums.indexOf(f)!=-1&&document.write('<'+s+' src="'+l+'"></'+s+'>')}); </script> <script> //работающий у всех кроме динозавров вариант //Questnr.allowReply = [+$('link[rel="alternate"]')[0].href.match(/id=(\d+)$/)?.[1]]; //текущая тема var curReplyMatch = $('link[rel="alternate"]')[0].href.match(/id=(\d+)$/); //если нашел текущую тему - массив, иначе 0 if (curReplyMatch) { Questnr.allowReply = [+curReplyMatch[1]]; } </script> <script> // Проверенные спецы var verifiedData = [ { id: '2', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>UI/UX дизайн</b>, <b>CSS/Верстка</b>, Javascript">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7032', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7907', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7006', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>Вебдизайн</b>, <b>Графический дизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7181', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>DigitalArt</b> - цифровой рисунок, pixelart, анимация">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7130', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>CSS/Верстка</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7639', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '6797', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '6489', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '8926', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>, <b>Верстка</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '5063', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' } ]; // Должности var dutyData = [ { id: '2', color: 'red', fld: '<li class="fd-duty rus">Администратор ТО</li><li class="fd-duty eng">System support administrator</li>', }, { id: '8926', color: 'red', fld: '<li class="fd-duty rus">Админ поддержки пользователей</li><li class="fd-duty eng">User Support Administrator</li>', }, { id: '7842', color: 'green', fld: '<li class="fd-duty rus">Модератор каталога графики</li><li class="fd-duty eng">Graphics Catalog Moderator</li>', }, { id: '7151', color: 'green', fld: '<li class="fd-duty rus">Модератор ролевых разделов</li><li class="fd-duty eng">Role-Playing Sections Moderator</li>', }, { id: '6995', color: 'green', fld: '<li class="fd-duty rus">Модератор стримов</li><li class="fd-duty eng">Streams Moderator</li>' } ]; // группы с доступом к закладкам var BookmGroups = [1,2,6,16,4,8,12]; </script> <!-- Редирект на портал --> <script> var portal = '/pages/index'; var TimeRedirect = 24*60*60; //Редирект при последнем посещении более суток var url = document.URL.split('#')[0]; if(!localStorage.LastVisit || RequestTime-localStorage.LastVisit > TimeRedirect){ if((url+'%a').split('/%')[1]=='a'&&url.indexOf('mod')==-1)location.href=portal; }localStorage.LastVisit = RequestTime; $(document).ready(function(){ var a = $('#pun-navlinks #navindex a')[0]; a.href = a.href+'=&forum' }); </script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93794845, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/93794845" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </div> <div id="pun-title" class="section"> <table id="title-logo-table" cellspacing="0"> <tbody id="title-logo-tbody"> <tr id="title-logo-tr"> <td id="title-logo-tdl" class="title-logo-tdl"> <h1 class="title-logo"><span>ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</span></h1> </td> <td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td> </tr> </tbody> </table> </div> <div id="pun-navlinks" class="section"> <h2><span>Меню навигации</span></h2> <ul class="container"> <li id="navindex"><a href="https://forumd.ru/"><span>Форум</span></a></li> <li id="navuserlist"><a href="https://forumd.ru/userlist.php" rel="nofollow"><span>Участники</span></a></li> <li id="navrules"><a href="https://forumd.ru/misc.php?action=rules" rel="nofollow"><span>Правила</span></a></li> <li id="navsearch"><a href="https://forumd.ru/search.php" rel="nofollow"><span>Поиск</span></a></li> <li id="navregister"><a href="https://forumd.ru/register.php" rel="nofollow"><span>Регистрация</span></a></li> <li id="navlogin"><a href="https://forumd.ru/login.php" rel="nofollow"><span>Войти</span></a></li> </ul> </div> <div id="pun-ulinks" class="section" onclick="void(0)"> <h2><span>Пользовательские ссылки</span></h2> <ul class="container"> <li class="item1"><a href="https://forumd.ru/search.php?action=show_recent">Активные темы</a></li> </ul> </div> <!--noindex--> <div id="pun-announcement" class="section"> <h2><span>Объявление</span></h2> <div class="container"> <div class="html-box"> <!-- Юзер-меню --> <div id="user-menu" class="side-menu"> <div class="close"><i class="material-symbols-outlined">cancel</i></div> <div class="u-ava"></div> <div class="fd-guest g-inf rus"> <b>РЕГИСТРАЦИЯ</b> на форуме позволит: <li>скачивать <i>дизайны</i> и видеть <i>коды скриптов</i></li> <li>оставлять <i>ссылки</i> на сайты/картинки</li> <li><i>оформлять</i> заказы</li> <li>отправлять <i>личные</i> сообщения</li> <li><i>рекламировать</i> свои форумы/сайты или услуги</span> </div> <div class="fd-guest g-inf eng"> <b>REGISTRATION</b> on the forum allows you to: <li>download <i>designs</i> and view <i>script codes</i></li> <li>leave <i>links</i> to websites/images</li> <li><i>place</i> orders</li> <li>send <i>private</i> messages</li> <li><i>advertise</i> your forums/websites or services</li> </div> <ul class="u-menu"> <li class="fd-guest rus"><a href='/register.php'><span class='material-icons'>person</span> Регистрация</a></li> <li class="fd-guest rus"><a href='/login.php'><span class='material-icons'>login</span> Вход</a></li> <li class="fd-guest rus"><a href='/viewtopic.php?id=4506'><span class='material-icons'>message</span> Обратная связь</a></li> <li class="fd-guest eng"><a href='/register.php'><span class='material-icons'>person</span> Register</a></li> <li class="fd-guest eng"><a href='/login.php'><span class='material-icons'>login</span> Login</a></li> <li class="fd-guest eng"><a href='/viewtopic.php?id=7165'><span class='material-icons'>message</span> Feedback</a></li> </ul> </div> <!-- Сайдбар --> <div id="sidebar" class="rus"> <div class="u-ava" title="Меню профиля"></div> <div class="u-notif fd-user icon remake" title="Уведомления" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Личные сообщения"></div> <!-- --> <div class="u-options icon moderator-ann"> <i class="material-symbols-outlined dark" title="Включить темную тему">dark_mode</i> <i class="material-symbols-outlined light" title="Включить светлую тему">light_mode</i> </div> <div class="u-arrow icon"> <div class="rus" title="Наверх страницы" id="ToTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div class="rus" title="Вниз страницы" id="OnBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <div id="sidebar" class="eng"> <div class="u-ava" title="Profile menu"></div> <div class="u-notif fd-user icon remake" title="Notifications" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Private messages"></div> <div class="u-arrow icon"> <div class="eng" title="Scroll to top" id="ToTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div class="eng" title="Scroll to bottom" id="OnBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <!--кнопки стрелки вверх вниз--> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop.rus").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom.rus").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) $("#ToTop.eng").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom.eng").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) }); </script> <!-- Меню --> <div id="nav"><ul class="inner"> <li id="logo"></li> <li id="navindex"><a href="/pages/index"><i class="material-symbols-outlined">home</i><span class="rus">Главная</span><span class="eng">Home</span></a></li> <li id="navforum"><a href="/=&forum"><i class="material-symbols-outlined">forum</i><span class="rus">Форум</span><span class="eng">Forum</span></a></li> <li id="navactive"><a href="/search.php?action=show_recent"><i class="material-symbols-outlined">chat</i><span class="rus">Активные темы</span><span class="eng">Active topics</span></a></li> <li id="navmembers"><a href="/userlist.php"><i class="material-symbols-outlined">group</i><span class="rus">Участники</span><span class="eng">Members</span></a></li> <li id="navsearch"><a href="/search.php"><i class="material-symbols-outlined">search</i><span class="rus">Поиск</span><span class="eng">Search</span></a></li> <li id="navadmin"><a href="/admin_index.php"><i class="material-symbols-outlined">shield_person</i><span class="rus">Админка</span><span class="eng">Admin</span></a></li> <li id="navguest"><a href="/register.php"><i class="material-symbols-outlined">passkey</i><span class="rus">Регистрация</span><span class="eng">Register</span></a></li> <li id="navguest"><a href="/login.php"><i class="material-symbols-outlined">login</i><span class="rus">Вход</span><span class="eng">Login</span></a></li> </ul></div> <!-- Смена языка --> <div id="langChange"><a class="material-icons">language</a><span class="eng"><b>Eng</b>/<a>Ru</a></span><span class="rus"><a>Eng</a>/<b>Ru</b></span></div> <!-- СЛАЙДЕР --> <div class="fd-slider"><!-- НАЧАЛО --> <div class="slide rus" data-bg="https://forumupload.ru/uploads/001c/36/53/2/999708.png"> <div class="content"> <h3>☀️ WAFFLE - <b>Самый яркий форум!</b></h3> <p style="white-space: unset;color: #fff;"> Лето - это маленькая жизнь! У нас лето в дизайне, в каждом профиле, графика, летние конкурсы, всё дарит ощущения самого тёплого сезона. Мы предлагаем вам парочку свежайших вафель, перед вами самый главный выбор в вашей жизни - с черничным вареньем или кленовым сиропом? </p> <a id="store" class="rebbutton" href="https://thewaffle.ru/" target="_blank">Перейти</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/993126.jpg"> <div class="content"> <h3>❤️ Поддержи проект! Стань модератором!</h3> <p> Разыскиваются модераторы на должности: <br> Модератор вебмастерских разделов, Ассистент англоязычной версии, Видеомонтажер и другие<br> <a href="/viewtopic.php?id=5787#p134326">Посмотреть вакансии и условия.</a> </p> <a id="store" href="/viewtopic.php?id=5787#p134326">Подать заявку</a> </div> </div> <div class="slide rus" data-bg="https://forumstatic.ru/files/0007/e3/f7/29500.jpg"> <div class="content"> <h3>💰 Мгновенные уведомления от <b>Alex_63</b> для <b>MyBB.ru</b></h3> <p> Этот скрипт оповещает пользователей о событиях на форуме в реальном времени. <br> Скрипт поддерживается уже более 5 лет и имеет много бесплатных дополнений. <br> Мы принимаем <b>все способы оплаты из любых стран</b>. </p> <a id="store" href="/viewtopic.php?id=8045">Подробности</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/435761.jpg"> <div class="content"> <h3>💌 <b>Акция!</b> Подписка, лайк, коммент, репост!</h3> <p> В рамках акции вы можете помочь нам в продвижении и заработать НАГРАДНЫЕ БАЛЛЫ.<br> НБ можно обменивать на платные скрипты, скидки на заказы, рекламу на нашем форуме и т.д. <br> Подробнее о том, где еще можно потратить баллы, можно <a href="https://forumd.ru/viewtopic.php?id=8324#p206561">в теме акции</a>. </p> <a id="store" href="https://forumd.ru/viewtopic.php?id=8324#p206561">Участвовать</a> </div> </div> <div class="slide eng" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/209339.jpg"> <div class="content"> <h3>🌟 SPECIAL OFFER: We distribute designs for free</h3> <p> Finalizing the layout for your project;<br> Developing a style code; <br> Mobile version included if you wish.<br> </p> <a id="store" href="/viewtopic.php?id=7243">Details</a> </div> </div> <div class="slide eng" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/209339.jpg"> <div class="content"> <h3>❤️ Support the project</h3> <p> If you want to help us:<br> <a href=/viewtopic.php?id=5787>Become a moderator</a><br> <a href="/viewtopic.php?id=7167">Suggestions</a> • <a href="/viewtopic.php?id=7168">Reviews</a> </p> <a id="store" href="/viewtopic.php?id=6616">Details</a> </div> </div> <!-- КОНЕЦ --><div class="fd-slider-dots"></div></div> <div class="bot-hr"></div> <!-- мини объявы --> <!-- --> <div id="ann" class="rus">Требуются модераторы! <a href="https://forumd.ru/viewtopic.php?id=5787#p134326" target='blank'>Посмотреть вакансии и подать заявку.</a> Денежную оплату и "плюшки" гарантируем 💲 </div> <!-- <div id="ann" class="rus"> ❗ ❗ ❗ На форуме временные проблемы с регистрацией пользователей! ❗ ❗ ❗ <br> Если вам не пришел пароль от аккаунта на почту пишите сюда свой никнейм и e-mail: <a href="/viewtopic.php?id=4506" target='blank'>Диалог с администрацией</a> <br>Администраторы зарегистрируют и активируют аккаунт вручную. </div> --> <!-- <div id="ann" class="rus"> 🎨 Баттл графистов: <a href="/viewtopic.php?id=8250" target='blank'>проголосуйте за понравившуюся работу</div> --> <!-- <div id="ann" class="rus"> 🎄 <a href="/viewtopic.php?id=2921&p=21#p191508" target='blank'>Подборка новогодних украшений вашего проекта</a></div> --> <!-- --><div id="ann" class="eng"> ❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, <a href="https://i.imgur.com/mg0OGtT.png" target='blank'>switch to the russian language.</a> This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience. </div> <!-- <div id="ann" class="rus moderator-ann">Пожалуйста <a href="/viewtopic.php?id=7206" target='blank'>заполните анкету</a> и расскажите о вашей готовности к англоязычным пользователям. </div> --> <!-- Скрипт слайдера --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/14086.js?v=2" async></script> </div> </div> </div> <!--/noindex--> <div id="pun-status" class="section"> <h2><span>Информация о пользователе</span></h2> <p class="container"> <span class="item1">Привет, Гость!</span> <span class="item2"><a href="/login.php" rel="nofollow">Войдите</a> или <a href="/register.php" rel="nofollow">зарегистрируйтесь</a>.</span> </p> </div> <div id="pun-break1" class="divider"><hr /></div> <div id="pun-crumbs1" class="section"> <p class="container crumbs"><strong>Вы здесь</strong> <em>» </em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>» </em><a href="https://forumd.ru/viewforum.php?id=22">Конкурсы и акции</a> <em>» </em><a href="https://forumd.ru/viewforum.php?id=184">Архив конкурсов и ивентов</a> <em>» </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> <a href="https://forumd.ru/viewtopic.php?id=7178&p=2">2</a>  <a class="next" href="https://forumd.ru/viewtopic.php?id=7178&p=2">»</a></div> <div class="postlink"><span class="closed">Тема закрыта</span></div> </div> <div id="topic_t7178" class="topic closed poll pinned"> <h2><span class="item1">Сообщений</span> <span class="item2">1 страница 10 из 20</span></h2> <div id="poll-special" class="section type-1"> <h2><span>Опрос</span></h2> <div class="container"> <form id="vote" method="post" action="/vote.php"> <input type="hidden" name="poll_id" value="7178" /> <input type="hidden" name="form_sent" value="1" /> <input type="hidden" name="form_user" value="Гость" /> <div class="formal vote-result"> <div align="center"> <table class="poll2" cellpadding="5"> <tr class="question"> <td class="tac" colspan="3"><strong>Какая идея интерфейса вам понравилась больше всего?</strong></td> </tr> <tr> <td><span>Вариант №1</span></td> <td><h1 style="width:33%; font-size:1px; height:8px; background-position: left center"></h1></td> <td><span>33% - 4</span></td> </tr> <tr> <td><span>Вариант №2</span></td> <td><h1 style="width:0%; font-size:1px; height:8px; background-position: left center"></h1></td> <td><span>0% - 0</span></td> </tr> <tr> <td><span>Вариант №3</span></td> <td><h1 style="width:41%; font-size:1px; height:8px; background-position: left center"></h1></td> <td><span>41% - 5</span></td> </tr> <tr> <td><span>Вариант №4</span></td> <td><h1 style="width:0%; font-size:1px; height:8px; background-position: left center"></h1></td> <td><span>0% - 0</span></td> </tr> <tr> <td><span>Вариант №5</span></td> <td><h1 style="width:25%; font-size:1px; height:8px; background-position: left center"></h1></td> <td><span>25% - 3</span></td> </tr> <tr> <td><span>Вариант №6</span></td> <td><h1 style="width:0%; font-size:1px; height:8px; background-position: left center"></h1></td> <td><span>0% - 0</span></td> </tr> <tr> <td class="tac" colspan="3"><span>Голосов: <strong>12</strong></span></td> </tr> </table> </div> </div> </form> </div> </div> <div id="p179034" class="post topicpost topic-starter" data-posted="1674311595" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p179034" onclick="return false;">Поделиться</a><strong>1</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7178#p179034">21.01.23 17:33</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=2" rel="nofollow">Gerda</a></li> <li class="pa-title">крашеный некротехнофил</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/2-1699202079.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Сегодня 04:58</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9982</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/55248.svg" alt="Неравнодушный" title="Неравнодушный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/39098.svg" alt="Инициатор" title="Инициатор" /> <img src="https://forumstatic.ru/files/0007/e3/f7/12318.svg" alt="Почитатель" title="Почитатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/24855.svg" alt="Ценитель" title="Ценитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/80069.svg" alt="Конкурсант" title="Конкурсант" /> <img src="https://forumstatic.ru/files/0007/e3/f7/83472.svg" alt="Ивентелист" title="Ивентелист" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56309.svg" alt="Патрон" title="Патрон" /> <img src="https://forumstatic.ru/files/0007/e3/f7/27627.svg" alt="Партнер" title="Партнер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/90490.svg" alt="Беспокойный" title="Беспокойный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/63790.svg" alt="Расследующий" title="Расследующий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31061.svg" alt="Теоретик" title="Теоретик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56703.svg" alt="Просвещенный" title="Просвещенный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/34485.svg" alt="Копирайтер" title="Копирайтер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/71932.svg" alt="Просветитель" title="Просветитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/51030.svg" alt="Тестер" title="Тестер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87153.svg" alt="Корпорат" title="Корпорат" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82606.svg" alt="Окрыленный" title="Окрыленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/40909.svg" alt="Воодушевленный" title="Воодушевленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32730.svg" alt="Собиратель" title="Собиратель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/92319.svg" alt="Охотник" title="Охотник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/14302.svg" alt="Человек в свитере" title="Человек в свитере" /> <img src="https://forumstatic.ru/files/0007/e3/f7/59727.svg" alt="Попаданец" title="Попаданец" /> <img src="https://forumstatic.ru/files/0007/e3/f7/20639.svg" alt="Друг героя, который умирает первым" title="Друг героя, который умирает первым" /> <img src="https://forumstatic.ru/files/0007/e3/f7/36059.svg" alt="Пациент" title="Пациент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/17997.svg" alt="Экстраверт" title="Экстраверт" /> <img src="https://forumstatic.ru/files/0007/e3/f7/15052.svg" alt="Труженик" title="Труженик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32252.svg" alt="Мастер" title="Мастер" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p179034-content" class="post-content"> <p>Участники <a href="https://forumd.ru/viewtopic.php?id=7055#p175440">конкурса</a> выступили в роли UI/UX дизайнера и предложили нам новый дизайн для списка разделов <a href="https://forumd.ru/=&forum">на главной странице форума</a>.<br />Голосуем за самую лучшую работу! Как бы вы сами хотели видеть организацию разделов на главной ForumD.ru? Кто максимально близок к вашему комфорту?<br />По итогам голосования и ваших комментариев мы не только раздадим призы участникам, но и учтем ваши оценки при редизайне главной страницы! </p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант №1</div><blockquote><p><img class="postimg" loading="lazy" src="https://i.imgur.com/3rUzCL7.png" alt="https://i.imgur.com/3rUzCL7.png" /></p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант №2</div><blockquote><p>Итак, схема категории на всю ширину, так как она сейчас есть. </p> <p><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/7629/27886.jpg" alt="https://forumupload.ru/uploads/0007/e3/f7/7629/27886.jpg" /></p> <p>кнопки лежат под значками<br />значки остаются текущие с цветом через градиент <br /> background: -webkit-linear-gradient(#ddd, #008ecb);<br /> -webkit-background-clip: text;<br /> -webkit-text-fill-color: transparent;<br />остальное с текущими шрифтами и цветами<br />описание - на белом фоне, объединено в блок <br />рамки вокруг всей общей информации, самое главное для нас понимание что к чему относится, навигация с первого взгляда<br />гостевой доступ текстом, без наведения, возможно различными значками рядом с текстом<br />новые сообщения выделяются флажком рядом с кнопкой, категории с новыми сообщениями имеют более выраженную серую тень вокруг</p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант №3</div><blockquote><p>Ну тут поясню что идея в том чтобы структуру разделов сделать более привычную: описание под названием раздела и к каждому разделу привязать свой конкретный цвет. Разделы визуально "соединить" между собой и сделать для категорий такие же разделительные линии как на сайте. И ещё блок с топом мастеров оформить отлично от разделов, чтобы в глаза бросался. </p> <p>И... тут я поняла что забыла иконку прав публикации постов в каждом разделе. Но она планировалась маленькая, раза в 2 меньше чем сейчас, скорее всего даже иконочным шрифтом в правом верхнем углу каждого раздела. Ну знаете, похожим дизайном как всплывающие подсказочки в ютубе, во время просмотра ролика. Лень уже открывать фотошоп и доделывать. Тем более не уверена что моя работа пригодится. Делала я не все разделы. Оставшиеся не такие трудные, там подфорумов и важных ссылок нет или их очень мало и потому не стала изображать на макете. </p> <p><img class="postimg" loading="lazy" src="https://i.imgur.com/T6c0e4u.jpg" alt="https://i.imgur.com/T6c0e4u.jpg" /></p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант №4</div><blockquote><p><img class="postimg" loading="lazy" src="https://i.imgur.com/sLRezRV.png" alt="https://i.imgur.com/sLRezRV.png" /></p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант №5</div><blockquote><p>Предлагаю не изобретать велосипед, тем более их много, а так как дизайн и стилистика узнаваемы, новая графика может сыграть злую шутку, знаем, проходили.</p> <p>Поэтому просто, как предложение, изменить верстку, сохранив всё от текущего дизайна, и иконки, и оформление, только собрать это в блоки(столбцы). <br />Каждая категорию объединяем в слайд и с помощью стрелок(чекбоксов) перемещаемся по категориям. <br />При смене категории, меняются и подкатегории. Я посмотрела, их на форуме немного - 3-4 штуки. Это отлично поделится на небольшие столбцы. Я для примера сделала три на примере первой категории.<br />При смене категории меняется её название - в шапке, одновременно с блоками(подкатегориями).<br />Анимацию можно сделать любую.<br />От себя предложу вариант: название в шапке перелистывается, а блоки поднимаются и отпускаются уже с новой информацией. В плане кода да, это нужно будет попотеть, но тут же главное на коды поставить, а так великая сила отладки и инспектора уже помогут)</p> <p>Длина каждой подкатегории меняется в зависимости от контента. Но в пол оно в любом случае не уйдёт. Совмещая таким образом блоки и перемещение, мы сокращаем время пользователю по навигации и передвижению. Пока долистаешь до архива или пиара, уже забудешь, что нужно было. Увы, это специфика всех форумов. Но можно это перемещение сделать удобнее, не вертикально, а горизонтально)<br />С рекламой сложнее, я не смогла придумать, куда её красочно впихнуть, поэтому для варианта добавила в шапку затемненным вариантом.<br />Надеюсь, смогла помочь с идеей для переосмысления дизайна) Но графику менять не стала бы в любом случае. Она и сейчас актуальна и свежа.</p> <p><img class="postimg" loading="lazy" src="https://i.imgur.com/qKykZso.jpg" alt="https://i.imgur.com/qKykZso.jpg" /></p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант №6</div><blockquote><p>Без картинок, но думаю ход моих мыслей будет понятен. (покажу свою задумку в ссылке которую возможно воплощу)<br />Короче:<br />Так как большинство все-же сидит с мобилок/планшетов, то я думаю вполне можно обыграть все 100 подфорумов и 20-30 категорий так (к примеру вполне можно поставить горизонтальный блок, а в нем 10-15 пофорумов под категорию (а то и больше), не текстом а иконками (тем самым сократим ширину, но не потеряем смысл что под иконкой с фотографией что-то с графикой). Или соответственно главную страницу обыграть плиточно и иконками (у меня без подфорумов но смысл думаю понятен что в блок категории ниже иконки ставим 10 иконок подфорумов) так: <span style="color: #e63737">[ссылка удалена администрацией]</span><br />Ну а как цифры с ново постами к иконкам повешать я думаю ты знаешь))))</p> <p><strong>Тупанул.... к чему я....</strong> По ссылке видно что вполне можно 30 категорий которые вполне будут смотреться с мобилок (5 в ряд). Выйдет всего 5-6 итд блоков. Соответственно для пк мы ставим 10-20 в ряд (если общий диз будет) или же увеличивается ширина блоков (так как под иконками категорий возможно стоят иконки подфорумов).<br />Надеюсь не бредовая идея. Пасиб за внимание </p> <p><span style="color: #e63737"><strong>Пояснение администрации</strong> ссылка удалена, т.к.<br />1. на конкурс принимались картинки, а не ссылки<br />2. по ссылке совершенно ничего общего с категориями нашего форума (можно считать рекламой форума в неподходящем разделе)<br />3. по ссылке легко определить, кто автор работы, а мы не спроста просили выкладывать посты скрытым текстом</span></p></blockquote></div><p>Не пытайтесь отследить авторов, работы идут в разнобой. <img src="https://forumstatic.ru/img/smilies/MyBB/universal/playful.gif" alt=":playful:" /> После окончания голосования, мы откроем скрытые тексты и рассекретим участников. <img src="https://forumstatic.ru/img/smilies/MyBB/universal/smile.gif" alt=":)" /><br />Голосование продлится 7 дней.</p> <p>Не возброняется оставлять комментарии и отзывы. Все же это важное голосование и если вам что-то очень понравилось/не понравилось, стоит сказать об этом, чтобы идея вошла/не вошла в финальный дизайн категорий на главной.</p><hr /><p><strong><span style="color: #e63737">Голосование администрации форума.</span></strong><br />Для выявления победителя на денежный приз, просьба всех (кроме участвующих в конкурсе) из числа команды, админов и модеров <strong>оценить каждую работу по пятибальной шкале</strong>! Оценки будут просуммированы и выведено среднее арифметическое, которое определит победителя. Оценивают:<br />@Gerda @ocean @Deff @As @satsana @kozhilya @Dispatcher @nou @Тотал <br />Если вы не хотите "палить" свои оценки, можно сделать отписаться скрытым текстом.</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+4</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> TrueZlober#1227</span></em></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7232" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7232</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=3833" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p179038" class="post altstyle topic-starter" data-posted="1674317126" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p179038" onclick="return false;">Поделиться</a><strong>2</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7178#p179038">21.01.23 19:05</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=2" rel="nofollow">Gerda</a></li> <li class="pa-title">крашеный некротехнофил</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/2-1699202079.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Сегодня 04:58</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9982</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/55248.svg" alt="Неравнодушный" title="Неравнодушный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/39098.svg" alt="Инициатор" title="Инициатор" /> <img src="https://forumstatic.ru/files/0007/e3/f7/12318.svg" alt="Почитатель" title="Почитатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/24855.svg" alt="Ценитель" title="Ценитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/80069.svg" alt="Конкурсант" title="Конкурсант" /> <img src="https://forumstatic.ru/files/0007/e3/f7/83472.svg" alt="Ивентелист" title="Ивентелист" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56309.svg" alt="Патрон" title="Патрон" /> <img src="https://forumstatic.ru/files/0007/e3/f7/27627.svg" alt="Партнер" title="Партнер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/90490.svg" alt="Беспокойный" title="Беспокойный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/63790.svg" alt="Расследующий" title="Расследующий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31061.svg" alt="Теоретик" title="Теоретик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56703.svg" alt="Просвещенный" title="Просвещенный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/34485.svg" alt="Копирайтер" title="Копирайтер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/71932.svg" alt="Просветитель" title="Просветитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/51030.svg" alt="Тестер" title="Тестер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87153.svg" alt="Корпорат" title="Корпорат" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82606.svg" alt="Окрыленный" title="Окрыленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/40909.svg" alt="Воодушевленный" title="Воодушевленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32730.svg" alt="Собиратель" title="Собиратель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/92319.svg" alt="Охотник" title="Охотник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/14302.svg" alt="Человек в свитере" title="Человек в свитере" /> <img src="https://forumstatic.ru/files/0007/e3/f7/59727.svg" alt="Попаданец" title="Попаданец" /> <img src="https://forumstatic.ru/files/0007/e3/f7/20639.svg" alt="Друг героя, который умирает первым" title="Друг героя, который умирает первым" /> <img src="https://forumstatic.ru/files/0007/e3/f7/36059.svg" alt="Пациент" title="Пациент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/17997.svg" alt="Экстраверт" title="Экстраверт" /> <img src="https://forumstatic.ru/files/0007/e3/f7/15052.svg" alt="Труженик" title="Труженик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32252.svg" alt="Мастер" title="Мастер" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p179038-content" class="post-content"> <p><strong>Вариант №1</strong><br />очень нравятся иконочки мамочек и ссылочек, отличное разделение подфорумов и просто важных топиков, и рамочка ссылки просто огонь! <img src="https://forumstatic.ru/img/smilies/MyBB/universal/love.gif" alt=":love:" /> <br />в заголовках категорий справа не уверена, но текст и рамка категорий - однозначно гуд <img src="https://forumstatic.ru/img/smilies/MyBB/universal/cool.gif" alt=":cool:" /> <br />не уверена, что стоит "лепить" иконку доступа в форум к последнему посту, ибо люди привыкшие, что рядом с такой ссылкой аватарка автора поста...<br />проблему вижу серьезную:<br /><img class="postimg" loading="lazy" src="https://i.imgur.com/vkIkgtM.jpg" alt="https://i.imgur.com/vkIkgtM.jpg" /><br />можно заблудиться и не понять, с какого раздела последний пост, ибо он идет под описанием предыдущего, далеко от заголовка<br /><span style="font-style: italic"><strong>оценка - 4,5/5</strong></span></p><hr /><p><strong>Вариант №2</strong><br /><img class="postimg" loading="lazy" src="https://i.imgur.com/CpMnZ8k.jpg" alt="https://i.imgur.com/CpMnZ8k.jpg" /><br />1. на мой взгляд, кол-во тем и сообщений не такая важная инфа, чтоб выделять ей столько пространства<br />2. не поняла, что это за инока. догадываюсь, что ее место в белом кружке, но не понятно до конца.<br />3. на мой взгляд, слишком жирно выделать стока места для последнего поста. описание раздела может быть горааааздо длиннее, и сложно непрактично компоновать это так, чтоб ширина и высота блока последнего поста была такой же, как и описание.<br />4. не поняла, что делать со ссылками. три - максимум? а если их 5 - выбирать только три? а если их ноль - будут пустые ячейки?<br />5. сугубо имхо - не понимаю, как народ тексты с джусифаем читают. меня эти проблемы в тексте бесят ))) не сердчать, чисто личные тараканы <img src="https://forumstatic.ru/img/smilies/MyBB/universal/tomato.gif" alt=":tomato:" /> <br /><span style="font-style: italic"><strong>оценка - 2/5</strong></span></p><hr /><p><strong>Вариант №3</strong><br />че сказать - ахринетительно! <img src="https://forumstatic.ru/img/smilies/MyBB/universal/cool.gif" alt=":cool:" /> <br />Идея с цветами мне нравится, фоны-разделители категорий как на сайте - шикарно!<br />не нравится - расположение "тем" и "сообщений" вот по этой причине:<br /><img class="postimg" loading="lazy" src="https://i.imgur.com/UHXEC88.jpg" alt="https://i.imgur.com/UHXEC88.jpg" /><br />придется как-то выверять, чтоб не было длинных ссылок.<br />еще момент важный, что описания на макете длинноватые, а в реале бывает так, что ссылок много, а текста мало. получаем пустое пространство под описанием, а справа - куча всего.<br /><span style="font-style: italic"><strong>оценка - 4/5</strong></span></p><hr /><p><strong>Вариант №4</strong><br />я очень в этой работе запуталась<br /><img class="postimg" loading="lazy" src="https://i.imgur.com/mZY8wDF.jpg" alt="https://i.imgur.com/mZY8wDF.jpg" /><br />в первом разделе под постом подфорумы, но в других - ссылки<br />в третьем разделе подфорумы под последним постом, в первом там ссылка...<br />над последнем постом в наличии ссылки, но не понятно, чем эти ссылки отличаются от тех, что в других местах, если именно они сверху справа, а другие - под описанием или снизу справа.<br />мелкий текст описаний - возможно, вариант, ибо действительно, его постояльцы особо не читают, но не настолько мелкий.<br />опять же, не разделяю удостаивания "тем" и "сообщений" такой видной позиции, на мой взгляд, это менее важная инфа.<br />в целом дизайн левой части напоминает то, что ща принято на ролках.<br />прикольно выведин аватар (или иконка доступности)<br />вот эти штуки перед заголовкоом не понимаю: >> - мне кажется, очевидно, что это что-то кликабельное и без них<br />кароч, есть интересные решения, но я не до конца поняла весь концепт.<br /><span style="font-style: italic"><strong>оценка - 3/5</strong></span></p><hr /><p><strong>Вариант №5</strong><br />это просто супер. я лично даю высшую награду этому варианту - за нестандарт, за смелость!<br />если мне позволят его воплотить, я буду описаюсь от счастья.</p> <p>какие есть проблемы (некоторые автор упоминал)<br />1. геморойно - это сложно сделать и сверстать, надо будет "подбить" наших прогерров на упаковку категорий в слайдер (хотя нечто подобное <a href="https://forumd.ru/viewtopic.php?id=6338">мы уже делали</a>)<br />2. это не привычно. олды-сторонники традиционных дизайнов и сейчас ноют, а что с ними станет, когда мы скажем, что вот это называется "форум"? старички просто взвоят. <br />но на самом деле "традиционное форумное" вымирает, а вот такое - шаг в будущее, шаг в сторону концепта "мы - САЙТ/ПОРТАЛ", "мы - межплатформенная техподдержка" и привлечение новой аудитории. людей с соц-сетей или других платформ ничего не смутит.<br />3. реклама в слайдере воистину уйдет в забвение. не совсем, конечно, но теперь это будет менее "видное" место. но, блин... кому она нужна? немного места под нее есть справа - и норм. партнерам можно разрешить туда баннер пихать для большего эффекта привлечения внимания. и можно справа сделать мини-переключатель кружками для нее.<br />4. переключение категорий кружками или стрелками - это аналог листания. новичок не знает что за чем идет. Но проблема решается выводом где-нибудь вверху названий категорий, по клику на которые, ты оказываешься в нужной секции. + к кружкам/стрелкам прикрутить тултипы при наведении.<br />5. над дизайном внутри столбцов я бы еще поработала, возможно было бы приятнее воплотить что-то типа папок и ссылок из Варианта №1 - сейчас слишком много синих больших ссылок, они, как мне кажется, вытесняют собой заголовок.</p> <p><span style="font-style: italic"><strong>оценка - 5/5</strong></span> - за смелость и нестандарт!</p><hr /><p><strong>Вариант №6</strong><br />оценивать сложно: скриншота нет, есть только ОДНА идея<br /><span style="font-style: italic">100 подфорумов и 20-30 категори</span> - у нас вполне определенное количество категорий и подфорумов<br /><span style="font-style: italic">блок категории ниже иконки ставим 10 иконок подфорумов</span> - иконки не информативны. пока не кликнешь, ты не догадываешься что КОНКРЕТНО за этим скрывается.<br />я так понимаю, автор предлагает выкинуть все, оставить только кликабельные иконки.<br />как по мне - это не информативно для форума техподдержки.<br /><span style="font-style: italic"><strong>оценка - 0/5</strong></span></p> <p class="lastedit">Отредактировано Gerda (21.01.23 19:16)</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+3</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> TrueZlober#1227</span></em></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7232" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7232</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=3833" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p179042" class="post" data-posted="1674320118" data-user-id="3753" data-group-id="6"> <h3><span><a class="sharelink" rel="nofollow" href="#p179042" onclick="return false;">Поделиться</a><strong>3</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7178#p179042">21.01.23 19:55</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=3753" rel="nofollow">Deff</a></li> <li class="pa-title">Жерар Депардье</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/3753-1525425141.png" alt="Deff" title="Deff" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Вчера 17:53</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+3490</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p179042-content" class="post-content"> <p>Ну тупо первый вкуснее... Остальные как-то в корне меняют гамму (я говорю про тёмный вариант)</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+2</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=6184" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=6184</span></a></li></li> </ul> </div> </div> </div> <div id="p179043" class="post altstyle topic-starter" data-posted="1674321221" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p179043" onclick="return false;">Поделиться</a><strong>4</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7178#p179043">21.01.23 20:13</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=2" rel="nofollow">Gerda</a></li> <li class="pa-title">крашеный некротехнофил</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/2-1699202079.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Сегодня 04:58</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9982</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/55248.svg" alt="Неравнодушный" title="Неравнодушный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/39098.svg" alt="Инициатор" title="Инициатор" /> <img src="https://forumstatic.ru/files/0007/e3/f7/12318.svg" alt="Почитатель" title="Почитатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/24855.svg" alt="Ценитель" title="Ценитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/80069.svg" alt="Конкурсант" title="Конкурсант" /> <img src="https://forumstatic.ru/files/0007/e3/f7/83472.svg" alt="Ивентелист" title="Ивентелист" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56309.svg" alt="Патрон" title="Патрон" /> <img src="https://forumstatic.ru/files/0007/e3/f7/27627.svg" alt="Партнер" title="Партнер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/90490.svg" alt="Беспокойный" title="Беспокойный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/63790.svg" alt="Расследующий" title="Расследующий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31061.svg" alt="Теоретик" title="Теоретик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56703.svg" alt="Просвещенный" title="Просвещенный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/34485.svg" alt="Копирайтер" title="Копирайтер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/71932.svg" alt="Просветитель" title="Просветитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/51030.svg" alt="Тестер" title="Тестер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87153.svg" alt="Корпорат" title="Корпорат" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82606.svg" alt="Окрыленный" title="Окрыленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/40909.svg" alt="Воодушевленный" title="Воодушевленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32730.svg" alt="Собиратель" title="Собиратель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/92319.svg" alt="Охотник" title="Охотник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/14302.svg" alt="Человек в свитере" title="Человек в свитере" /> <img src="https://forumstatic.ru/files/0007/e3/f7/59727.svg" alt="Попаданец" title="Попаданец" /> <img src="https://forumstatic.ru/files/0007/e3/f7/20639.svg" alt="Друг героя, который умирает первым" title="Друг героя, который умирает первым" /> <img src="https://forumstatic.ru/files/0007/e3/f7/36059.svg" alt="Пациент" title="Пациент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/17997.svg" alt="Экстраверт" title="Экстраверт" /> <img src="https://forumstatic.ru/files/0007/e3/f7/15052.svg" alt="Труженик" title="Труженик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32252.svg" alt="Мастер" title="Мастер" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p179043-content" class="post-content"> <p><strong>Deff</strong><br />оцени плз каждый вариант от 0 до 5<br />на цвет можно не смотреть. главное - интерфейс, расположение инфы</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+1</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> TrueZlober#1227</span></em></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7232" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7232</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=3833" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p179044" class="post" data-posted="1674330165" data-user-id="5063" data-group-id="12"> <h3><span><a class="sharelink" rel="nofollow" href="#p179044" onclick="return false;">Поделиться</a><strong>5</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7178#p179044">21.01.23 22:42</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=5063" rel="nofollow">As</a></li> <li class="pa-title">Проверенный специалист</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/5063-1658165902.jpg" alt="As" title="As" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />02.07.24 18:09</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+241</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p179044-content" class="post-content"> <p>Оценки выше специально не читала, чтобы отталкиваться от своего видения работ. Не буду перечислять все плюсы, а наоборот, уточню, за что снизила баллы:</p> <p>1 - 4/5<br />Из-за разницы в ширине правых блоков кажется всё сумбурным, глаза разбегаются. Если этот момент подправить, то огонь.<br />2 - 3/5<br />Много ненужного свободного пространства. Смотрится громоздко. Покомпактнее бы)<br />3 - 5/5<br />Не вижу, к чему придраться хд<br />4 - 3/5<br />На цвета внимание не обращала. Схема напомнила стандартную /привычную/ разметку на форумах. Не поняла только, в чём конкретное различие ссылок снизу под блоками слева и справа.<br />5 - 3/5<br />В целом задумка класс, но я не любитель листать по стрелочкам, чтобы найти искомое, в данном случае категорию.<br />6 - 1/5<br />За участие)) А так, тяжело представить полную картинку описанного. Поняла лишь, что по иконкам будет ещё сложнее найти нужную тему.</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+3</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> As#1334</span></em></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=6668" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=6668</span></a></li></li> </ul> </div> </div> </div> <div id="p179046" class="post altstyle" data-posted="1674332395" data-user-id="7032" data-group-id="12"> <h3><span><a class="sharelink" rel="nofollow" href="#p179046" onclick="return false;">Поделиться</a><strong>6</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7178#p179046">21.01.23 23:19</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=7032" rel="nofollow">kozhilya</a></li> <li class="pa-title">Проверенный специалист</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/7032-1604153824.png" alt="kozhilya" title="kozhilya" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />23.07.24 15:11</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+215</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p179046-content" class="post-content"> <p>Итак... Скажу пару слов сразу. UI/UX — это обманчиво сложная, не побоюсь этого слова, наука. И я не буду притворяться, что я хорошо в ней разбираюсь в этом, однако я читал довольно много статей по этой теме, что бы иметь какое-то представление, для чего это нужно и на что обращать внимание. Однако я работаю, и заниматься этой темой серьёзно, к сожалению, не могу из-за времени.</p> <p>Работаю я преподавателем, и это тоже отложило след в моей оценки. Потому что из-за профдеформации мне проще отмечать проблемы, чем преимущества. Так что да, проблемы я буду отмечать значительно больше. Поэтому прошу заметить, что я не пытаюсь унизить ваши работы, а конструктивно их оценить, отсчитывая оценки "сверху" (вычитая баллы за проблемы), а не "снизу" (добавляя за преимущества).</p> <p>Так же отмечу, что я <strong>не</strong> читал описания к представленным изображением (за 1 исключением, но об этом позже). Общий принцип здесь следующий: чем лучше я пойму функционал после короткого осмотра, тем лучше; и наоборот: чем больше мне нужно разбираться в представленном интерфейсе, тем хуже.</p> <p>Буду давать 3 оценки по 10-бальной шкале, где 1 — худшая оценка, а 10 — лучшая:</p><ul style="list-style: decimal"><li><p><strong>Оценка работы</strong>: оценка присланной работы до возможных исправлений внешнего вида. Другими словами, насколько представленный вариант далёк от возможного конечного варианта.</p></li><li><p><strong>Оценка идеи</strong>: оценка того, насколько хорош по моему мнению может быть конечный, исправленный вариант присланной работы. Любая идея после исправления недочётов могут выглядеть хорошо... Вопрос в том, сколько нужно сделать таких изменений? </p></li><li><p><strong>Средняя оценка</strong>: среднее арифметическая от двух оценок выше. В зависимости от того, что вы хотите узнать, читая мой отзыв, это значение может быть просто бесполезно для вас.</p></li></ul> <p>Итак, приступим!</p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант 1</div><blockquote><ul style="list-style: disc"><li><p>Мне нравится иконки и цветовое кодирование ссылок и подфорумов. </p></li><li><p>Выравнивание. Очень странное решение... Я понимаю идею отделить подфорумы и быстрые ссылки в разделе "Конкурсы, акции, бонусы", однако у них уже есть иконки с цветовым кодированием... Однако, как видно в разделе "Объявления и поиск специалистов", пихать всё в 1 столбец тоже не хорошо, ибо возникает довольно большая пустота. Компромиссное решение не помешало бы.</p></li></ul><p><img class="postimg" loading="lazy" src="https://i.imgur.com/oN7UiKA.png" alt="https://i.imgur.com/oN7UiKA.png" /></p><ul style="list-style: disc"><li><p>Информация об авторе последнего сообщения расположена так, что без дополнительного исследования окружения нельзя понять, как какому форуму она относится. Ситуация ухудшается тем, что интуитивно мы воспринимает полосу под этим блоком как разделитель от следующего блока.</p></li></ul><p><img class="postimg" loading="lazy" src="https://i.imgur.com/GX2S9gj.png" alt="https://i.imgur.com/GX2S9gj.png" /></p><ul style="list-style: disc"><li><p>И, пожалуй, я не соглашусь с выравниванием названий категорий по правому краю. Траектория движения глаз при просмотре названий категорий <strong>и</strong> форумов</p></li></ul> <p><strong>Оценка работы</strong>: 7/10<br /><strong>Оценка идеи</strong>: 8/10</p> <p><strong>Средняя оценка</strong>: 7.5/10</p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант 2</div><blockquote><ul style="list-style: disc"><li><p>Персонально не люблю таблицы такого вида. Обилие границ в таких блоках, как мне кажется, "душат" всё содержимое, отчего иногда хочется сломать некоторым блокам стенку и сказать "Дыши!.."</p></li><li><p>В частности, весь концепт улетит под гору, если у форума не ровно 3 ссылки для вставки в правый блок. </p></li><li><p>Выравнивание длинного текста в узком столбике по ширине блока... Это очень плохая идея. Да, такое делают в некоторых газетах, но в газетах, если им приходится впихивать такие штуки, специально трудятся над текстом, что бы в них было минимальное количество длинных слов, а если они и необходимы — не устраивали анархию типа пробела в 5 раз шире предлога перед этим пробелом.<br />Очень рекомендую всем интересующихся прочитать что-то о том, как работает типографика в газетах.<br />Например, <a href="http://www.vestnik.vsu.ru/pdf/phylolog/2008/02/2008_02_36.pdf" rel="nofollow ugc" target="_blank">http://www.vestnik.vsu.ru/pdf/phylolog/ … _02_36.pdf</a> — здесь на с.166 первые 3 абазаца посвящены ровно теме широких межсловных пробелов.</p></li><li><p>Зачем иконка справа от количества тем? Что означает треугольник с "2"? Чем больше новому пользователю нужно, что бы понять, что происходит на экране — тем хуже, и это одна из фундаментальных причин, зачем вообще существует UX (User Experience) в UI/UX.</p></li><li><p>Что бы блок с последним сообщением не выглядел пустым, автор увеличил блок в тексте на 4-5 пунктов... Но блок всё равно кажется пустым.</p></li><li><p>Кернинг у названия. Просто... Не надо так. Да, Bebas — это фирменный шрифт FD... Но весь смысл высокого шрифта — быть узким, но оставаться читабельным. Нет абсолютно никакого смысла и резона увеличивать кернинг, что бы сделать текст шире, лучше просто использовать другой шрифт.</p></li></ul> <p><strong>Оценка работы</strong>: 4/10<br /><strong>Оценка идеи</strong>: 2/10</p> <p><strong>Средняя оценка</strong>: 3/10</p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант 3</div><blockquote><ul style="list-style: disc"><li><p>Не очень понимаю, зачем разбивать блок автора с ссылок на тем от блока с описанием форума. В таком виде кажется, что блоки с последними сообщениями как-то связаны друг другом... Но это не так.</p></li><li><p>Визуал может посыпаться, если блок названия и описания окажется ниже блока с важными темами и последним сообщением... Однако это можно исправить, написав больше описания. Наверное.</p></li><li><p>Блок с важными темами нарисован так, как его (почти) невозможно запрограммировать. </p></li></ul><p><img class="postimg" loading="lazy" src="https://i.imgur.com/QNfXUIU.png" alt="https://i.imgur.com/QNfXUIU.png" /></p> <p><strong>Оценка работы</strong>: 8/10<br /><strong>Оценка идеи</strong>: 9/10</p> <p><strong>Средняя оценка</strong>: 8.5/10</p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант 4</div><blockquote><ul style="list-style: disc"><li><p>Мне нравятся шрифты с засечками в заголовках. Minion — очень классное семейство, хотя он, как по мне, не очень работает как основной шрифт.</p></li><li><p>Но менять шрифт посреди предложения (см. "Последнее сообщение") — это просто не красиво.</p></li><li><p>">>" перед названием темы бесполезно. Всё, что оно делает — отбивает название от левого края... А зачем его отбивать вообще? Там пустота, решать визуальное награмождение слева отбивкой не надо. Привлекать внимание к элементу тоже нет необходимости, шрифт, размер и положение вне блока и так справляются с этим. Уж лучше вернуть туда иконку.</p></li><li><p>Я не понимаю, по какому принципу должны быть расположены ссылки вокруг блока последнего сообщения. А что делать, если ссылок нет?</p></li><li><p>Комбинация "большого количества свободного пространства" и "тесных блоков текста"... Это не самая интересная для меня идея. <br />#9D886E на фоне и #FFFFFF для основного текста — это очень плохой контраст.</p></li></ul> <p><strong>Оценка работы</strong>: 6/10<br /><strong>Оценка идеи</strong>: 6/10</p> <p><strong>Средняя оценка</strong>: 6/10</p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант 5</div><blockquote><p>Очень интересная идея... Но я скажу ей очень и очень резкое "нет".</p> <p>Самая главная проблема, которую я нахожу в использовании слайдеров — это их роль. Основная роль, которую я нахожу для них подходящей — это движущийся элемент дизайна, способный привлечь глаза пользователя к содержимому, на которое он должен обратить внимание, так, на FD сейчас есть автоматически крутящийся блок с тем, что есть на сайте...</p> <p>Но у слайдеров очень много минусов. В первую очередь, они не позволяют оценить количество контента и дать быстрый доступ к нему. Ведь даже если ты знаешь, где находится нужный форум — ты не сможешь быстро его найти. Поиск по странице в лучшем случае наведёт на нужный слайдер — но не на нужный блок, а дальше либо крути слайдер стрелочками, либо угадывай, какой кружочек откроет нужный тебе элемент. Индексация слайдеров поисковиками тоже может быть слабая...</p> <p>Итого, самая главная проблема слайдера как элемента управления — это то, что это очень медленный способ навигации, который скрывает нужный тебе контент.</p><ul style="list-style: disc"><li><p>Блоки форумов будут очень разной высоты, и это уже заметно на демо-кадре. </p></li><li><p>Выравнивание — почти идеальное. Жаль, что только почти...</p></li></ul> <p><img class="postimg" loading="lazy" src="https://i.imgur.com/ypHHCfy.png" alt="https://i.imgur.com/ypHHCfy.png" /></p> <p><strong>Оценка работы</strong>: 8/10<br /><strong>Оценка идеи</strong>: 4/10</p> <p><strong>Средняя оценка</strong>: 6/10</p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Вариант 6</div><blockquote><ul style="list-style: disc"><li><p>"<span style="font-style: italic">Так как большинство все-же сидит с мобилок/планшетов</span>" — смелое утверждение в отношении форума, связанного с дизайном сайтов, на котором сидят художники и программисты. Хотя я могу и ошибаться.</p></li><li><p>Идея заменить стандартную вёрстку на ряд горизонтальных иконок — эта идея, которую я бы очень хотел посмотреть... Потому что я не понимаю, как это должно работать. То, как понимаю это я — это то, что при нажатии на иконку будет в окошке будет появляться описание... А это вариация идеи Варианта 5. Да, тут можно будет сразу увидеть все варианты... И я не знаю, что я больше хотел бы видеть: все варианты сразу, или описание сразу нескольких. Пожалуй, что всё-таки сразу всё.</p></li></ul> <p><strong>Оценка работы</strong>: 0/10<br /><strong>Оценка идеи</strong>: 3/10</p> <p><strong>Средняя оценка</strong>: 1.5/10</p></blockquote></div><p>Напоследок скажу, что если бы я не был занят, я бы тоже что-нибудь сварганил. Например, меня удивило, что никто не предложил <a href="https://github.com/gilbitron/flexmasonry" rel="nofollow ugc" target="_blank">Masonry</a> или хотя бы расположение в 2 столбца (вариант 5 ближе всего к этой идеи, если перенести "Последние сообщения" в основной блок), и я бы почти на 100% предложил бы именно его; Masonry может быть избыточным, учитывая, что на ФД почти нет категорий больше, чем с 6 форумами.</p><div class="quote-box answer-box"><cite>#p179038,Gerda написал(а):</cite><blockquote><p>сугубо имхо - не понимаю, как народ тексты с джусифаем читают. меня эти проблемы в тексте бесят ))) не сердчать, чисто личные тараканы <img src="https://forumstatic.ru/img/smilies/MyBB/universal/tomato.gif" alt=":tomato:" /></p></blockquote></div><p>Ух... Это довольно сложная тема.<br />Если говорить коротко: выравнивание по ширине нужно для чтения длинных текстов, из-за чего он используется во всех печатных изданиях. Однако есть большой, просто огромный нюанс, про который люди забывают.</p> <p>Выравнивание по ширине работает хуже, чем выравнивание по левому краю, если <strong>отсутствует перенос слов</strong>.</p> <p>Именно из-за этого есть общепринятое мнение, что тексты в интернете не должны выравниваться по ширине. Впрочем, современные браузеры поддерживают <span style="font-family: Courier New">hyphens: auto</span>, хотя я не наблюдаю поддержку русского языка в своём основанном Chromium браузере, только в Firefox.</p> <p>Главный вопрос в том, какой именно текст мы читаем. На форуме поддержки или ФД нет смысла использовать "книжный" вариант, он имеет мало смысла. А вот на текстовых ролевых это вопрос открытый. </p><div class="quote-box spoiler-box media-box"><div onclick="toggleSpoiler(this);">Пример</div><blockquote></blockquote><script type="text/html"><table style="table-layout:fixed;width:100%"><tr><td><p><img class="postimg" loading="lazy" src="https://media.discordapp.net/attachments/582628267832639529/1066450341832429629/image.png?width=581&height=511" alt="https://media.discordapp.net/attachments/582628267832639529/1066450341832429629/image.png?width=581&amp;height=511" /></p></td><td><p><img class="postimg" loading="lazy" src="https://media.discordapp.net/attachments/582628267832639529/1066450342079909988/image.png?width=573&height=420" alt="https://media.discordapp.net/attachments/582628267832639529/1066450342079909988/image.png?width=573&amp;height=420" /></p></td></tr></table></script></div> <p>Добавлю, что спросил у пользователей моей ролёвки вопрос, какой им вариант проще читать. Пока голосов мало, так что поделюсь результатами позже, но один из пользователей уже отметил, что людям с дислексией проще читать текст без переносов, так что ещё и это.</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+4</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> Teswa#8073</span></em></li></li> <li class="pl-email social-telegram has-display-name"><a href="https://t.me/Kozhilya" target="_blank">Telegram<span class="acchide"> @Kozhilya</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=6412#p144021" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=6412#p144021</span></a></li></li> </ul> </div> </div> </div> <div id="p179054" class="post" data-posted="1674391827" data-user-id="7006" data-group-id="12"> <h3><span><a class="sharelink" rel="nofollow" href="#p179054" onclick="return false;">Поделиться</a><strong>7</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7178#p179054">22.01.23 15:50</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=7006" rel="nofollow">ocean</a></li> <li class="pa-title">Проверенный специалист</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/7006-1606401004.jpg" alt="ocean" title="ocean" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />07.07.24 17:20</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+605</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p179054-content" class="post-content"> <div class="quote-box answer-box"><cite>#p179046,kozhilya написал(а):</cite><blockquote><p>UI/UX — это обманчиво сложная, не побоюсь этого слова, наука.</p></blockquote></div><p>Полностью согласна с предыдущим оратором, поэтому сразу скажу, что оценивала с точки зрения пользователя и первого впечатления на понятно/непонятно. </p> <p><strong>1 - 5/5</strong><br />С первого взгляда - "о, красивое какое", а если присмотреться - небольшой композиционный перевес вправо. Причем, в первом форуме, дальше все уравновешивают аватарки мастеров. Думаю, если голубую кнопку перенести под "папочки" будет огонь. В остальном прям сейчас огонь, поэтому отдаю высший балл.</p> <p><strong>2 - 2/5</strong><br />В целом задумка понятна, непонятно, что делать, если навигации справа будем много? Описание растянется, появится пустота. При этом место для подфорумов хорошее. Есть подозрения, что при использовании шаблона форум будет выглядеть очень мелко-дробно, отчего сложно будет сфокусироваться и искать конкретную информацию/ссылки. В общем, думаю, стремиться стоит к простоте и правильным отступам. </p> <p><strong>3 - 5/5</strong><br />Вот такое я, как ролевик, люблю, для меня это максимально привычная схема хд С точки зрения функционала тоже все понятно; непонятно, как будет выглядеть с большим количеством кнопок/разделов. Вроде бы оно и вместится, а в форуме, где на макете кнопки в две строки уже как-то не очень, перевес влево. Но тут точно мое ролевиковское да хд</p> <p><strong>4 - 2/5</strong><br />Сначала не поняла, потом присмотрелась, поняла, но не оценила хд Скажем так, тут два разных по важности информации блока уравновешены одинаковым оформлением. С точки зрения дизайна такое может быть (но лучше нет), с точки зрения навигации - лучше нет. Тем более, в угоду "зеркальному" дизайну на макете обозначены ссылки, которые сольются в одну сплошную при использовании на сайте. Уверена, что вычленить что-то конкретное при таком расположении будет сложно. </p> <p><strong>5 - 3/5</strong><br />Мне нравится идея и то, как она выглядит на макете, но боюсь сойти с ума, пока тыкаю на стрелочки хд Тут чисто имхо, не люблю такое в интерфейсе. Промотать экран можно одним свайпом или нажатием, а тут пользователь вынужден тыкать. Конечно, можно сделать карусельку с ползунком, но я бы скорее не стала с таким возиться, как юзер. Особенно, если заходишь на сайт в первый раз в поисках чего-то конкретного - одну страничку можно промотать и бегло просмотреть, а тут - не получится. Ну и святой Ctrl+F не сработает.</p> <p>6 - <del>надо что-то писать? хд</del> пусть будет 1/5</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+3</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-telegram has-display-name"><a href="https://t.me/oceanmorti" target="_blank">Telegram<span class="acchide"> @oceanmorti</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=6413" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=6413</span></a></li></li> </ul> </div> </div> </div> <div id="p179060" class="post altstyle topic-starter" data-posted="1674402857" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p179060" onclick="return false;">Поделиться</a><strong>8</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7178#p179060">22.01.23 18:54</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=2" rel="nofollow">Gerda</a></li> <li class="pa-title">крашеный некротехнофил</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/2-1699202079.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Сегодня 04:58</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9982</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/55248.svg" alt="Неравнодушный" title="Неравнодушный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/39098.svg" alt="Инициатор" title="Инициатор" /> <img src="https://forumstatic.ru/files/0007/e3/f7/12318.svg" alt="Почитатель" title="Почитатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/24855.svg" alt="Ценитель" title="Ценитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/80069.svg" alt="Конкурсант" title="Конкурсант" /> <img src="https://forumstatic.ru/files/0007/e3/f7/83472.svg" alt="Ивентелист" title="Ивентелист" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56309.svg" alt="Патрон" title="Патрон" /> <img src="https://forumstatic.ru/files/0007/e3/f7/27627.svg" alt="Партнер" title="Партнер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/90490.svg" alt="Беспокойный" title="Беспокойный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/63790.svg" alt="Расследующий" title="Расследующий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31061.svg" alt="Теоретик" title="Теоретик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56703.svg" alt="Просвещенный" title="Просвещенный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/34485.svg" alt="Копирайтер" title="Копирайтер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/71932.svg" alt="Просветитель" title="Просветитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/51030.svg" alt="Тестер" title="Тестер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87153.svg" alt="Корпорат" title="Корпорат" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82606.svg" alt="Окрыленный" title="Окрыленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/40909.svg" alt="Воодушевленный" title="Воодушевленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32730.svg" alt="Собиратель" title="Собиратель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/92319.svg" alt="Охотник" title="Охотник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/14302.svg" alt="Человек в свитере" title="Человек в свитере" /> <img src="https://forumstatic.ru/files/0007/e3/f7/59727.svg" alt="Попаданец" title="Попаданец" /> <img src="https://forumstatic.ru/files/0007/e3/f7/20639.svg" alt="Друг героя, который умирает первым" title="Друг героя, который умирает первым" /> <img src="https://forumstatic.ru/files/0007/e3/f7/36059.svg" alt="Пациент" title="Пациент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/17997.svg" alt="Экстраверт" title="Экстраверт" /> <img src="https://forumstatic.ru/files/0007/e3/f7/15052.svg" alt="Труженик" title="Труженик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32252.svg" alt="Мастер" title="Мастер" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p179060-content" class="post-content"> <p>вариант 5 мог бы работать как переключение вкладками/кнопками</p><div class="prev" id="block-179060-1"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/5xJNmnq.jpg" alt="https://i.imgur.com/5xJNmnq.jpg" /></p></div><p>слайдер - это воистину не удобно<br />но идея со столбцами - круть.</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-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> TrueZlober#1227</span></em></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7232" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7232</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=3833" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p179061" class="post" data-posted="1674409045" data-user-id="6822" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p179061" onclick="return false;">Поделиться</a><strong>9</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7178#p179061">22.01.23 20:37</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=6822" rel="nofollow">Automation Baby</a></li> <li class="pa-title">Атаманша</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/6822-1718740142.jpg" alt="Automation Baby" title="Automation Baby" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />18.07.24 10:58</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9004</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p179061-content" class="post-content"> <div class="quote-box answer-box"><cite>#p179060,Gerda написал(а):</cite><blockquote><p>но идея со столбцами - круть.</p></blockquote></div><p>Просто для справки: колонки мы проходили в ролевых заявках. Там тогда народ раскритиковал идею дизайна заявок в столбик и поэтому в новой версии делаются карточки. Ещё помню что кто-то говорил что колонки - не самая удачная форма если нужно скомпоновать много информации. В нашем случае инфы действительно много: название раздела, описание, подфорумы, статистика разделов и ссылки. Обычно столбики используются для случаев, когда инфы мало. Если информации много лучше строки (собственно, классический дизайн форумов) или утрамбовывать всё в квадратики.</p><div class="quote-box answer-box"><cite>#p179046,kozhilya написал(а):</cite><blockquote><p>Напоследок скажу, что если бы я не был занят, я бы тоже что-нибудь сварганил. Например, меня удивило, что никто не предложил <a href="https://github.com/gilbitron/flexmasonry" rel="nofollow ugc" target="_blank">Masonry</a> или хотя бы расположение в 2 столбца (вариант 5 ближе всего к этой идеи, если перенести "Последние сообщения" в основной блок), и я бы почти на 100% предложил бы именно его; Masonry может быть избыточным, учитывая, что на ФД почти нет категорий больше, чем с 6 форумами.</p></blockquote></div><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-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> esymeo#3573</span></em></li></li> <li class="pl-email social-telegram has-display-name"><a href="https://t.me/Esymeo" target="_blank">Telegram<span class="acchide"> @Esymeo</span></a></li></li> </ul> </div> </div> </div> <div id="p179062" class="post altstyle endpost topic-starter" data-posted="1674412347" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p179062" onclick="return false;">Поделиться</a><strong>10</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=7178#p179062">22.01.23 21:32</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=2" rel="nofollow">Gerda</a></li> <li class="pa-title">крашеный некротехнофил</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/2-1699202079.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Сегодня 04:58</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9982</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/55248.svg" alt="Неравнодушный" title="Неравнодушный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/39098.svg" alt="Инициатор" title="Инициатор" /> <img src="https://forumstatic.ru/files/0007/e3/f7/12318.svg" alt="Почитатель" title="Почитатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/24855.svg" alt="Ценитель" title="Ценитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/80069.svg" alt="Конкурсант" title="Конкурсант" /> <img src="https://forumstatic.ru/files/0007/e3/f7/83472.svg" alt="Ивентелист" title="Ивентелист" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56309.svg" alt="Патрон" title="Патрон" /> <img src="https://forumstatic.ru/files/0007/e3/f7/27627.svg" alt="Партнер" title="Партнер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/90490.svg" alt="Беспокойный" title="Беспокойный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/63790.svg" alt="Расследующий" title="Расследующий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31061.svg" alt="Теоретик" title="Теоретик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/56703.svg" alt="Просвещенный" title="Просвещенный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/34485.svg" alt="Копирайтер" title="Копирайтер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/71932.svg" alt="Просветитель" title="Просветитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/51030.svg" alt="Тестер" title="Тестер" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87153.svg" alt="Корпорат" title="Корпорат" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82606.svg" alt="Окрыленный" title="Окрыленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/40909.svg" alt="Воодушевленный" title="Воодушевленный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32730.svg" alt="Собиратель" title="Собиратель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/92319.svg" alt="Охотник" title="Охотник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/14302.svg" alt="Человек в свитере" title="Человек в свитере" /> <img src="https://forumstatic.ru/files/0007/e3/f7/59727.svg" alt="Попаданец" title="Попаданец" /> <img src="https://forumstatic.ru/files/0007/e3/f7/20639.svg" alt="Друг героя, который умирает первым" title="Друг героя, который умирает первым" /> <img src="https://forumstatic.ru/files/0007/e3/f7/36059.svg" alt="Пациент" title="Пациент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/17997.svg" alt="Экстраверт" title="Экстраверт" /> <img src="https://forumstatic.ru/files/0007/e3/f7/15052.svg" alt="Труженик" title="Труженик" /> <img src="https://forumstatic.ru/files/0007/e3/f7/32252.svg" alt="Мастер" title="Мастер" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p179062-content" class="post-content"> <div class="quote-box answer-box"><cite>#p179061,Automation Baby написал(а):</cite><blockquote><p>колонки мы проходили в ролевых заявках. Там тогда народ раскритиковал идею дизайна заявок в столбик</p></blockquote></div><p>если ориентироваться на ролевиков, то можно сразу возвращать дизайн 2012го года, ибо большинство из них не признают ничего нетрадиционного и на каких-либо сайтах/форумах вне майбб не сидят. Для таких людей максимум нестандарта - это перенос колонок "тем" и "сообщений" в описание, на большее они не согласны.</p> <p>конечно, в ролевых заявках можно на них ориентироваться, но в нашем интерфейсе - вряд ли.<br />я б ориентировалась на что-то типа крупных форумов/сайтов, в том числе зарубежных. <br />например: <a href="https://demiart.ru/forum/" rel="nofollow ugc" target="_blank">https://demiart.ru/forum/</a> - это очень старый форум, но от концепта стандартной главной они ушли.</p><div class="quote-box answer-box"><cite>#p179061,Automation Baby написал(а):</cite><blockquote><p>Если информации много лучше строки (собственно, классический дизайн форумов) или утрамбовывать всё в квадратики.</p></blockquote></div><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-email social-discord has-display-name no-link"><em>Discord<span class="acchide"> TrueZlober#1227</span></em></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7232" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7232</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=3833" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> </div> <div class="linksb"> <div class="postlink"><span class="closed">Тема закрыта</span></div> <div class="pagelink">Страница: <strong>1</strong> <a href="https://forumd.ru/viewtopic.php?id=7178&p=2">2</a>  <a class="next" href="https://forumd.ru/viewtopic.php?id=7178&p=2">»</a></div> </div> <!-- topic_banner_bottom --> </div> <script type="text/javascript">$(document).trigger("pun_main_ready");</script> <!-- pun_stats --> <!-- banner_mini_bottom --> <!-- banner_bottom --> <div id="pun-break3" class="divider"><hr /></div> <div id="pun-crumbs2" class="section"> <p class="container crumbs"><strong>Вы здесь</strong> <em>» </em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>» </em><a href="https://forumd.ru/viewforum.php?id=22">Конкурсы и акции</a> <em>» </em><a href="https://forumd.ru/viewforum.php?id=184">Архив конкурсов и ивентов</a> <em>» </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> $(document).ready(function() { const body = $('body'); const setDark = 'darkTheme'; const setLight = 'lightTheme'; // темная $('#sidebar .u-options').find('.dark').click(function() { body.addClass('dark').removeClass('light'); $setCookie(setDark, '1', 86400 * 365); // Устанавливаем куки темной localStorage.setItem(setDark, '1'); // Устанавливаем локал темной $setCookie(setLight, '1', -1); // Удаляем куки светлой localStorage.removeItem(setLight); // Удаляем локал светлой }); // светлая $('#sidebar .u-options').find('.light').click(function() { body.addClass('light').removeClass('dark'); $setCookie(setLight, '1', 86400 * 365); // Устанавливаем куки светлой localStorage.setItem(setLight, '1'); // Устанавливаем локал светлой $setCookie(setDark, '1', -1); // Удаляем куки темной localStorage.removeItem(setDark); // Удаляем локал темной }); // Применение сохраненной темы при загрузке страницы const userSelectedDark = localStorage.getItem(setDark) === '1' || $getCookie(setDark) === '1'; const userSelectedLight = localStorage.getItem(setLight) === '1' || $getCookie(setLight) === '1'; if (userSelectedDark) { body.addClass('dark').removeClass('light'); } else if (userSelectedLight) { body.addClass('light').removeClass('dark'); } else { // Проверка системной темы if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { // body.addClass('dark').removeClass('light'); } else { // body.addClass('light').removeClass('dark'); } } }); </script> <!-- переключение языка --> <script> if ((!window['UserID'] || 1 == UserID) && !['ru', 'ru-RU'].includes(navigator.language) && !~document.cookie.indexOf('lang=')) {document.cookie = "lang=en"; location.reload()} var i,smbCodeArr=[];var arr0=[1026,1027,8218,1107,8222,8230,8224,8225,8364,8240,1033,8249,1034,1036,1035,1039,1106,8216,8217,8220,8221,8226,8211,8212,"0",8482,1113,8250,1114,1116,1115,1119,160,1038,1118,1032,164,1168,166,167,1025,169,1028,171,172,173,174,1031,176,177,1030,1110,1169,181,182,183,1105,8470,1108,187,1112,1029,1109,1111];for(i=0;i<arr0.length;i++)smbCodeArr[arr0[i]]=i+128;for(i=1040;i<=1103;i++)smbCodeArr[i]=i-848; var encodeURIwin1251=function(str){for(var arr=str.split(""),n,i=0;i<arr.length;i++){n=arr[i].charCodeAt();if(n>187&&n<1025||n>1105)arr[i]="&#"+n+";";if(typeof smbCodeArr[n]!="undefined")arr[i]=String.fromCharCode(smbCodeArr[n])}return escape(arr.join("")).replace(/\+/mg,"%2B")};$.fn.extend({serialize:function(){var i=0,s="",obj=this.serializeArray(),Lng=obj.length;for(;i<Lng;i++)s+=(i?"&":"")+encodeURIwin1251(obj[i].name)+"="+encodeURIwin1251(obj[i].value);return s}}); function changeLang(){if(window["UserID"]&&1!=UserID){var url=location.origin+"/profile.php?section=essentials&id="+UserID;$.ajax({url:url,async:false,success:function(res){var f=$(res).find("#profile1");"en"!=f.find('select[name="req_lang"]').val()?f.find('select[name="req_lang"]').val("en"):f.find('select[name="req_lang"]').val("ru");data=f.serialize();var curl=document.URL;history.replaceState(null,"",url);$.ajax({url:url,async:false,data:data,type:"POST",success:function(res){history.replaceState(null, "",curl);location.reload()}})}})}else{$("#pun.en").length?document.cookie="lang=ru":document.cookie="lang=en";location.reload()}}$("#langChange").on("click",changeLang); </script> <!-- изменение кода страниц --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/43819.js?v=2" defer></script> <!-- сайдбар --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/67067.js?v=2" defer></script> <!-- главная форума --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/25287.js?v=5" defer></script> <!-- топиклист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/13065.js?v=2" defer></script> <!-- подписки в топиклисте --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/26591.js?v=13" defer></script> <!-- топики --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/49006.js?v=5" defer></script><!-- юзерлист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/18416.js?v=4" defer></script><!-- ЛС --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/20727.js?v=17" defer></script><!-- Профиль --> <!--Добавляем ссылку на форум в crumbs --> <script> if(!$("#pun-index").length&&document.URL.indexOf("/pages/index")==-1){ var s=' » <a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; if ($('#pun').hasClass('en')) { $(".crumbs").find("a:first").text('Home page').after(s) } else { $(".crumbs").find("a:first").text('Главная страница').after(s) } }; if($(".punbb").attr("id")=="pun-index"){ var s=' » <a href="/pages/index" class="rus">Главная страница</a><a href="/pages/index-eng" class="eng">Home page</a> » \ <a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; $(".crumbs").html(s); }; </script> <!-- Аватар и ссылка в цитате © Alex_63 / Мод: Gerda, ForumD.ru --> <script>var FdQuoteAva = '<i class="fa-solid fa-user"></i>';</script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/79040.js"></script> <script type="text/javascript">setLinkAndAva()</script> <!-- HTML в постах с допуском по группам © Alex_63 --> <script type="text/javascript" src="/files/0015/c4/3f/52361.js" async></script> <script type="text/javascript"> HTMLinPost.groups = [1,2,12]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = ['Дух осени','Maquis','Romych','Duka']; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script> <!-- Выделение и разворот кода © ForumD.ru, Gerda --> <script type="text/javascript"> $(document).ready(function() { $('.code-box').each(function() { var $codeBox = $(this); $codeBox.parents('.code-css').find('pre').wrapInner('<code class="language-css line-numbers"></code>'); $codeBox.parents('.code-javascript').find('pre').wrapInner('<code class="language-javascript line-numbers"></code>'); $codeBox.parents('.code-html').find('pre').wrapInner('<code class="language-html line-numbers"></code>'); $codeBox.find('.legend').html('<span class="copy-code" href="javascript:void(0);"><i><gg class="rus">Скопировать код</gg><gg class="eng">Copy code</gg></i><b><gg class="rus">Скопировано</gg><gg class="eng">Copied</gg></b></span>'); $codeBox.find('.legend').append('<span class="expand-code"><i><gg class="rus">Развернуть</gg><gg class="eng">Expand</gg></i><b><gg class="rus">Свернуть</gg><gg class="eng">Collapse</gg></b></span>'); $codeBox.find('.copy-code').on('click', function () { $codeBox.addClass('copied'); var textarea = document.createElement('textarea'); textarea.value = $codeBox.find('.scrollbox pre').text(); document.body.appendChild(textarea); textarea.select(); try { document.execCommand('copy'); console.log('Код скопирован успешно:', textarea.value); } catch (err) { console.error('Ошибка копирования кода:', err); } finally { document.body.removeChild(textarea); } }); $codeBox.find('.expand-code').on('click', function () { $codeBox.toggleClass('expanded'); }); }); }); </script> <!-- подсветка кода --> <link href="https://forumstatic.ru/files/0007/e3/f7/65930.css" rel="stylesheet"> <script src="https://forumstatic.ru/files/0007/e3/f7/20627.js" async></script> <!-- Полноэкранный просмотр изображений v.3 © ForumD, satsana & Gerda --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/97612.js?v=2" async></script> <!-- Автоматическая подписка на темы --> <script>(function(){var forumLnk=$('#pun-crumbs1 a[href*="viewforum.php"]:last');if(!forumLnk.length)return;if(~[5,6,19].indexOf(+forumLnk.attr('href').match(/id=(\d+)/)[1]))$('#fld6').parent('.checkfield').remove(),$('#pun-viewtopic,#pun-post').find('#post .areafield').append('<input type="checkbox" checked style="display:none" id="fld6" name="subscribe"/>');})()</script> <!-- цветовыделение должностей и мастеров --> <script> $(document).ready(function() { function addDutyClass(element, userId) { var userDuty = dutyData.find(item => String(item.id) === String(userId)); if (userDuty) { $(element).addClass(userDuty.color); } } function addVerifiedClass(element, userId) { var verifiedUser = verifiedData.find(item => String(item.id) === String(userId)); if (verifiedUser) { $(element).addClass(verifiedUser.color); } } $('.post-content a, a.post-mention, #onlinelist a, .modmenu a, .tcl.username a, .tcl.tc-username a, .tc2.pmtc22 a').each(function () { var href = $(this).attr('href'); var userIdMatch = href.match(/\/profile\.php\?id=(\d+)$/); if (userIdMatch) { var userId = userIdMatch[1]; addDutyClass(this, userId); addVerifiedClass(this, userId); } }); }); </script> <!-- Проверка имени при регистрации © Alex_63 --> <style> #username.normal {background-color: #abd4af !important; border: 2px solid #26af33;} #username.error {background-color: #e7b8b8 !important; border: 2px solid #e63737;} .stclr {margin-left: 10px;} .stclr.normal{color: #26af33; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} .stclr.error {color: #e63737; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} img.preloader{width:12px;height:12px;margin-left:3px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/28064.js" defer></script> <!-- Всплывающие Подсказки --> <style> #tooltip { display: none; position: absolute; z-index: 9999999999999999; background: rgba(0,0,0,0.8); color: #fff; padding: 5px 8px; border-radius: 4px; max-width: 250px; } </style> <script type="text/javascript"> jQuery.fn.quicktip = function(options){ var defaults = { speed: 500, xOffset: 26, yOffset: -5 }; var options = $.extend(defaults, options); return this.each(function(){ var $this = jQuery(this); var tipTitle = $this.attr('title'); if (tipTitle) { $this.removeAttr('title'); $this.on('mouseover', function(e) { $(this).css('cursor', 'pointer'); $("body").append("<div id='tooltip'>" + tipTitle + "</div>"); $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px") .fadeIn(options.speed); }).on('mouseout', function(e) { $("#tooltip").remove(); }); $this.mousemove(function(e) { $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px"); }); } }); }; // Добавление подсказок $('.post abbr').attr('data-title', function() { return $(this).attr('title') }); $(function() {$(window).on('load', function() { $('.post abbr').attr('title', function() { return $(this).attr('data-title') }); $('*[title]').quicktip({ speed: 700 }); });}); </script> <!-- костыли английской версии --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/52360.js?v=2" defer></script> <!-- кастомные селекты --> <script> var fdSelects = '#punbbsearch select, #userlist select, #birthday select, #form-area select, .questionary-post select'; </script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/66411.js" defer></script> <!--Копирайт--> <div id="bottom"><div class="inner"> <div id="fdcop1" class="fdcop rus"><a href="/viewtopic.php?id=4505" target='blank'>Отзывы</a> | <a href='/viewtopic.php?id=5790' target='blank'>Реклама на сайте</a> | <a href='/viewtopic.php?id=6616' target='blank'>Помочь нам</a> | <a href='/misc.php?action=rules' target='blank'>Правила проекта</a></div> <div id="fdcop2" class="fdcop icons rus"> <a href="https://discord.gg/Vz8GGZT" target="_blank" title="Наш сервер на дискорде для заказов"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" title="Диалог с администрацией"><i class="fa-regular fa-comment"></i></a> <a href="/viewtopic.php?id=6616" title="Поддержать проект"><i class="fa-solid fa-hand-holding-heart"></i></a> <a href="https://vk.com/forumd" target="_blank" title="Мы в ВК"><i class="fa-brands fa-vk"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" class="tip" title="Канал на Ютубе"><i class="fa-brands fa-youtube"></i></a> <a href="https://boosty.to/forumd.ru" target="_blank" title="Подписки/донаты на Boosty"><i class="fa-solid fa-money-check-dollar"></i></a> <a href="https://www.donationalerts.com/r/forumdru" target="_blank" title="Донаты на DonationAlerts"><i class="fa-solid fa-coins"></i></a> </div> <div id="fdcop2" class="fdcop icons eng"> <a href="https://discord.gg/Vz8GGZT" target="_blank" title="Our Discord server"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" target="_blank" title="Dialogue with the administration"><i class="fa-regular fa-comment"></i></a> <a href="https://vk.com/forumd" target="_blank" title="Our VK page"><i class="fa-brands fa-vk"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" title="Our Youtube channel"><i class="fa-brands fa-youtube"></i></a> <a href="https://boosty.to/forumd.ru" target="_blank" title="Subscribe/Donate on Boosty"><i class="fa-solid fa-money-check-dollar"></i></a> <a href="https://www.donationalerts.com/r/forumdru" target="_blank" title="Donate on DonationAlerts"><i class="fa-solid fa-coins"></i></a> </div> <div class="fdcop rus">© ForumD.ru, 2009-2024<br> <a href="https://forumd.ru/viewtopic.php?id=5751#rule" target="_blank">Условия использования бесплатного контента</a></div> <div class="fdcop eng">© ForumD.ru, 2009-2024<br> When publishing our content, please leave a link to the source.</div> <div id="fdbotBANNER" class="fdcop rus"><!-- баннеры --> <!-- баттл графистов, до 09.08 --> <a href='https://nolf.mybb.ru/' target='blank' title="ФРПГ No One Lives Forever"><img src="https://forumstatic.ru/files/0015/1e/ae/64347.gif" border="0" width="88" height="31"></a> <!-- баттл графистов, до 10.08 --><a href="https://skreverse.rusff.me/"><img src="https://forumupload.ru/uploads/001c/05/11/2/204926.png" title="Shaman King: reverse"></a> <!-- яркий форум, до 18.08 --> <a target="_blank" href="https://lepidus.ru/" title="Любовники Смерти"><img src="https://forumupload.ru/uploads/0011/93/3d/1186/t111844.gif"></a> <!-- яркий форум, до 19.08 --> <a href="https://joannaseymour.ru" target="_blank" title="Моё настроение"><img src="https://forumstatic.ru/files/0018/22/20/25501.gif"></a> <!-- яркий форум, до 02.09 --> <a href="https://thewaffle.ru/" target="_blank" title="WAFFLE"><img src="https://forumstatic.ru/files/001c/1a/85/15156.gif"></a> <!-- форум magia --> <a href="https://magia-frpg.ru/" target="_blank" title="MAGIA"><img src="https://forumupload.ru/uploads/001a/fa/19/2/153026.gif"></a> <!-- форум Moju --> <a href="https://morsmordremortis.rusff.me" target="_blank" title="MORSMORDRE: MORTIS REQUIEM"><img src="https://forumupload.ru/uploads/001b/b9/c5/4/598723.gif"></a> <!-- ЛИЛ, взаимный референс --><a href="https://urchoice.su" class="tip" title="Каталог форумов" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/61730.png"></a> <!-- референс к подкастерам, Герда <a href="https://urchoice.su/viewtopic.php?id=58390#p2160217" class="tip" title="Подкаст «НеТЕролевые» - Рассказываем и обсуждаем ФРПГ" target=_blank><img src="https://forumupload.ru/uploads/0014/80/a5/2/729997.png"></a> --> <!-- рпг-хит - референс --> <a href="http://rpg-hit.ru/vote/forumcard/id/38" title="каталог ролевых: RPG-HIT" target="_blank" class="tip"><img src="https://forumstatic.ru/files/001b/c3/c4/23464.gif"></a> <!-- Top.Roleplay.Ru --> <script type="text/javascript" language="javascript"> var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353&rnd=" + Math.random(); topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+ "<img src='//img.rpgtop.su/88x31x11x8.gif' class='tip' title='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> "; document.write(topRPGc); </script> <noscript> <img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' class="tip" title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'><img src='//img.rpgtop.su/88x31x11x8.gif' border='0' width='88' height='31'></a> </noscript> <!-- /Top.Roleplay.Ru --> <!-- Yandex.Metrika informer --> <a href="https://metrika.yandex.ru/stat/?id=93794845&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/93794845/3_1_EFEFEFFF_EFEFEFFF_0_uniques" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="93794845" data-lang="ru" /></a> <!-- /Yandex.Metrika informer --> </div> <div id="fdbotMENU" class="rus"> <div class="bmenu"><span>Заказать</span> <ul> <li><a href="/viewtopic.php?id=5760" target='blank'>Дизайн для форумов/сайтов</a></li> <li><a href="/viewtopic.php?id=5768" target='blank'>Графика и арт</a></li> <li><a href="/viewtopic.php?id=6322" target='blank'>Аватары и подписи</a></li> <li><a href="/viewtopic.php?id=5769" target='blank'>Стримы и соцсети</a></li> <li><a href="/viewtopic.php?id=5771" target='blank'>Скрипты и техоснащение</a></li> </ul> </div> <div class="bmenu"><span>Полезное</span> <ul> <li><a href="/viewtopic.php?id=2791" target='blank'>Бесплатные MyBB-дизайны</a></li> <li><a href="/viewtopic.php?id=7051" target='blank'>Бесплатные макеты</a></li> <li><a href="/pages/allscripts" target='blank'>Бесплатные скрипты и коды</a></li> <li><a href="/viewforum.php?id=7" target='blank'>Гайды по вебдизайну</a></li> <li><a href="/viewforum.php?id=96" target='blank'>Поиск специалистов</a></li> </ul> </div> <div class="bmenu"><span>Заказчикам</span> <ul> <li><a href="/viewforum.php?id=75" target='blank'>Техническая поддержка</a></li> <li><a href="/viewforum.php?id=1" target='blank'>Размещение рекламы форума/сайта</a></li> <li><a href="/viewtopic.php?id=5762" target='blank'>Условия работы ForumD.ru</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила оформления заказов</a></li> </ul> </div> <div class="bmenu"><span>Специалистам</span> <ul> <li><a href="/viewforum.php?id=90" target='blank'>Размещение портфолио</a></li> <li><a href="/viewtopic.php?id=5788" target='blank'>Присоединиться к команде ForumD.ru</a></li> <li><a href="/viewtopic.php?id=6036" target='blank'>Бонусы и привилегии</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила выполнения заказов</a></li> </ul> </div> </div> <div class="stat-place"></div> </div></div> <!-- ------------------------------------------------------------------------------ --> <!-- Спецпосты - скрипт и стили --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0007/e3/f7/34232.css"> <!-- стили спец постов --> <script type="text/javascript"> ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'portfoliopost', 'portfoliotopic'); ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'anketa-hide', 't-anketa'); $('#pun-edit .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#pun-post .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#post-preview .post-box').appendTo('#portprew .post-body'); $('.no-prof:contains("no-prof")').parents('.post').addClass('no-prof'); $('.portfoliopost:contains("portfoliopost")').parents('.post').addClass('portfolio'); $('.forsalepost:contains("forsalepost")').parents('.post').addClass('forsale'); $('.saledpost:contains("saledpost")').parents('.post').addClass('saled'); $('.freepost:contains("freepost")').parents('.post').addClass('free'); $('.makeportfoliolight:contains("makeportfoliolight")').parents('.post').addClass('portfolio-light'); $('#pun-searchposts .post:contains("***QUESTIONARY***")').addClass('anketa'); $('.questionary-post').parents('#pun-main').addClass('questionary'); </script></div> </div> </div> </div> </div> </body> </html>