Информация

JavaScript должен быть включен. С отключенным JavaScript функционал форума недоступен.
</noscript> <!-- Мгновенные уведомления © Alex_63, 2024 --> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" /> <script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script> <!-- посты из важных тем --> <script type="text/javascript"> notifications.load('common', {}); notifications.load('important', {topics: [2921,6505,8996]}); </script> <script>notifications.load('subscriptions');</script><!-- подписки на форум/тему --> <script>notifications.load('fields', {fields: [1, 2], emptyNotify: true})</script><!-- изменения в полях профиля --> <script>notifications.load('mentions');</script><!-- упоминания --> <script>notifications.load('reports');</script><!-- Жалобы --> <script>notifications.load('new_user')</script><!-- регистрация юзеров --> <script>notifications.addons.tgbot.noInvite = true;</script> <!-- убрать подсказку про телегу --> <script>notifications.load('premod')</script><!-- премодерация --> <!-- Правка для уведомлений по клику на ник, в связи с измененной версткой профиля --> <script type="text/javascript"> $('#pun-viewtopic').on('click', '.fd-name a', function(e) {$(this).parents('.post').find('.pa-author a').trigger('click');}); </script> <!-- Голосовые сообщения © Alex_63, 2024 --> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/voice.css" /> <script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/voice.js"></script> <script>voice.startOnOpen = false</script> <style> .voice-modal .container { overflow: hidden; } </style> <!-- иконки font awesome --> <script src="https://kit.fontawesome.com/f50f12bcbf.js" crossorigin="anonymous"></script> <!-- free --> <script src="https://kit.fontawesome.com/c06ba4bb64.js" crossorigin="anonymous"></script> <!-- pro --> <!-- Скрипт для создания анкет © Alex_63 --> <style> .postlink a[href*="questionary"] {background: #f98561; border-bottom: 6px solid #e63737;} .postlink a[href*="questionary"]:hover {background: #e63737;} </style> <script type="text/javascript"> var Questnr = {}; Questnr.groups = [1,2,6,12,16]; //Группы, которым разрешено создавать шаблоны для анкет Questnr.forums = [4,5,6,19,2,22,108,121,1,144,90,179,151,133,184,123]; //Форумы с допуском к анкетированию Questnr.title = 'Заказ от '; //Начало заголовка темы с анкетой (по умолчанию) Questnr.noedit = 0; //Запрет редактирования заполненной анкеты пользователем </script> <script type="text/javascript"> ['viewforum','viewtopic','post','edit','searchposts'].indexOf($('.punbb')[0].id.substr(4))!=-1&& $().pun_mainReady(function(){var s='script',l='/files/0007/e3/f7/32678.js'; var f=$('#pun-viewforum').length?$('link[rel="alternate"]'):$('.crumbs a[href*="viewforum"]:last'); f=+f[0].href.match(/id=(\d+)$/)[1];Questnr.forums.indexOf(f)!=-1&&document.write('<'+s+' src="'+l+'"></'+s+'>')}); </script> <script> //работающий у всех кроме динозавров вариант //Questnr.allowReply = [+$('link[rel="alternate"]')[0].href.match(/id=(\d+)$/)?.[1]]; //текущая тема var curReplyMatch = $('link[rel="alternate"]')[0].href.match(/id=(\d+)$/); //если нашел текущую тему - массив, иначе 0 if (curReplyMatch) { Questnr.allowReply = [+curReplyMatch[1]]; } </script> <script> // Проверенные спецы var verifiedData = [ { id: '2', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>UI/UX дизайн</b>, <b>CSS/Верстка</b>, Javascript">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7032', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7907', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7006', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>Вебдизайн</b>, <b>Графический дизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7181', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>DigitalArt</b> - цифровой рисунок, pixelart, анимация">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7130', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>CSS/Верстка</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7639', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '6797', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '6489', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '8926', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>, <b>Верстка</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '5063', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7884', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>дизайны для форумов MyBB</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' } ]; // Должности var dutyData = [ { id: '2', color: 'red', fld: '<li class="fd-duty rus">Главный администратор</li><li class="fd-duty eng">System support administrator</li>', }, { id: '7842', color: 'green', fld: '<li class="fd-duty rus">Модератор каталога графики</li><li class="fd-duty eng">Graphics Catalog Moderator</li>', }, { id: '7151', color: 'green', fld: '<li class="fd-duty rus">Модератор ролевых разделов</li><li class="fd-duty eng">Role-Playing Sections Moderator</li>', }, { id: '6995', color: 'green', fld: '<li class="fd-duty rus">Модератор стримов</li><li class="fd-duty eng">Streams Moderator</li>' }, { id: '9439', color: 'green', fld: '<li class="fd-duty rus">Модератор системы бонусов</li><li class="fd-duty eng">Bonus System Moderator</li>' }, { id: '9734', color: 'green', fld: '<li class="fd-duty rus">Ассистент англоязычной версии</li><li class="fd-duty eng">English Content Assistant</li>' }, { id: '9758', color: 'green', fld: '<li class="fd-duty rus">SMM менеджер</li><li class="fd-duty eng">SMM Manager</li>' } ]; // группы с доступом к закладкам var BookmGroups = [1,2,6,16,4,8,12]; </script> <!-- Редирект на портал <script> var portal = '/pages/index'; var TimeRedirect = 24*60*60; //Редирект при последнем посещении более суток var url = document.URL.split('#')[0]; if(!localStorage.LastVisit || RequestTime-localStorage.LastVisit > TimeRedirect){ if((url+'%a').split('/%')[1]=='a'&&url.indexOf('mod')==-1)location.href=portal; }localStorage.LastVisit = RequestTime; $(document).ready(function(){ var a = $('#pun-navlinks #navindex a')[0]; a.href = a.href+'=&forum' }); </script> --> <!-- стили спец постов --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0007/e3/f7/34232.css?v=7"> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93794845, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/93794845" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </div> <div id="pun-title" class="section"> <table id="title-logo-table" cellspacing="0"> <tbody id="title-logo-tbody"> <tr id="title-logo-tr"> <td id="title-logo-tdl" class="title-logo-tdl"> <h1 class="title-logo"><span>ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</span></h1> </td> <td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td> </tr> </tbody> </table> </div> <div id="pun-navlinks" class="section"> <h2><span>Меню навигации</span></h2> <ul class="container"> <li id="navindex"><a href="https://forumd.ru/"><span>Форум</span></a></li> <li id="navuserlist"><a href="https://forumd.ru/userlist.php" rel="nofollow"><span>Участники</span></a></li> <li id="navrules"><a href="https://forumd.ru/misc.php?action=rules" rel="nofollow"><span>Правила</span></a></li> <li id="navsearch"><a href="https://forumd.ru/search.php" rel="nofollow"><span>Поиск</span></a></li> <li id="navregister"><a href="https://forumd.ru/register.php" rel="nofollow"><span>Регистрация</span></a></li> <li id="navlogin"><a href="https://forumd.ru/login.php" rel="nofollow"><span>Войти</span></a></li> </ul> </div> <div id="pun-ulinks" class="section" onclick="void(0)"> <h2><span>Пользовательские ссылки</span></h2> <ul class="container"> <li class="item1"><a href="https://forumd.ru/search.php?action=show_recent">Активные темы</a></li> </ul> </div> <!--noindex--> <div id="pun-announcement" class="section"> <h2><span>Объявление</span></h2> <div class="container"> <div class="html-box"> <!-- Юзер-меню --> <div id="user-menu" class="side-menu"> <div class="close"><i class="material-symbols-outlined">cancel</i></div> <div class="u-ava"></div> <div class="fd-guest g-inf rus"> <b>РЕГИСТРАЦИЯ</b> на форуме позволит: <li>скачивать <i>дизайны</i> и видеть <i>коды скриптов</i></li> <li>оставлять <i>ссылки</i> на сайты/картинки</li> <li><i>оформлять</i> заказы</li> <li>отправлять <i>личные</i> сообщения</li> <li><i>рекламировать</i> свои форумы/сайты или услуги</span> </div> <div class="fd-guest g-inf eng"> <b>REGISTRATION</b> on the forum allows you to: <li>download <i>designs</i> and view <i>script codes</i></li> <li>leave <i>links</i> to websites/images</li> <li><i>place</i> orders</li> <li>send <i>private</i> messages</li> <li><i>advertise</i> your forums/websites or services</li> </div> <ul class="u-menu"> <li class="fd-guest rus"><a href='/register.php'><span class='material-icons'>person</span> Регистрация</a></li> <li class="fd-guest rus"><a href='/login.php'><span class='material-icons'>login</span> Вход</a></li> <li class="fd-guest rus"><a href='/viewtopic.php?id=4506'><span class='material-icons'>message</span> Обратная связь</a></li> <li class="fd-guest eng"><a href='/register.php'><span class='material-icons'>person</span> Register</a></li> <li class="fd-guest eng"><a href='/login.php'><span class='material-icons'>login</span> Login</a></li> <li class="fd-guest eng"><a href='/viewtopic.php?id=7165'><span class='material-icons'>message</span> Feedback</a></li> </ul> </div> <!-- Сайдбар --> <div id="sidebar" class="rus"> <div class="u-ava" title="Меню профиля"></div> <div class="u-notif fd-user icon remake" title="Уведомления" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Личные сообщения"></div> <div class="u-options icon"> <i class="material-symbols-outlined dark" title="Включить темную тему">dark_mode</i> <i class="material-symbols-outlined light" title="Включить светлую тему">light_mode</i> </div> <div class="u-arrow icon"> <div title="Наверх страницы" class="toTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div title="Вниз страницы" class="onBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <div id="sidebar" class="eng"> <div class="u-ava" title="Profile menu"></div> <div class="u-notif fd-user icon remake" title="Notifications" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Private messages"></div> <div class="u-arrow icon"> <div title="Scroll to top" class="toTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div title="Scroll to bottom" class="onBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <!--кнопки стрелки вверх вниз--> <script type="text/javascript"> $(function(){ $(window).scroll(function(){ if ($(window).scrollTop() > 250) { $(".toTop").fadeIn("slow"); } else { $(".toTop").fadeOut("slow"); } if ($(window).scrollTop() < $(document).height() - 999) { $(".onBottom").fadeIn("slow"); } else { $(".onBottom").fadeOut("slow"); } }); $(".toTop").click(function(){ $("html, body").animate({scrollTop: 0}, "slow"); }); $(".onBottom").click(function(){ $("html, body").animate({scrollTop: $(document).height()}, "slow"); }); }); </script> <!-- Меню --> <div id="nav"><ul class="inner"> <li id="logo"></li> <!-- <li id="navindex"><a href="/pages/index"><i class="material-symbols-outlined">home</i><span class="rus">Главная</span><span class="eng">Home</span></a></li> --> <li id="navforum"><a href="/=&forum"><i class="material-symbols-outlined">forum</i><span class="rus">Форум</span><span class="eng">Forum</span></a></li> <li id="navactive"><a href="/search.php?action=show_recent"><i class="material-symbols-outlined">chat</i><span class="rus">Активные темы</span><span class="eng">Active topics</span></a></li> <li id="navmembers"><a href="/userlist.php"><i class="material-symbols-outlined">group</i><span class="rus">Участники</span><span class="eng">Members</span></a></li> <li id="navsearch"><a href="/search.php"><i class="material-symbols-outlined">search</i><span class="rus">Поиск</span><span class="eng">Search</span></a></li> <li id="navadmin"><a href="/admin_index.php"><i class="material-symbols-outlined">shield_person</i><span class="rus">Админка</span><span class="eng">Admin</span></a></li> <li id="navguest"><a href="/register.php"><i class="material-symbols-outlined">passkey</i><span class="rus">Регистрация</span><span class="eng">Register</span></a></li> <li id="navguest"><a href="/login.php"><i class="material-symbols-outlined">login</i><span class="rus">Вход</span><span class="eng">Login</span></a></li> </ul></div> <!-- Смена языка --> <div id="langChange"><a class="material-icons">language</a><span class="eng"><b>Eng</b>/<a>Ru</a></span><span class="rus"><a>Eng</a>/<b>Ru</b></span></div> <!-- СЛАЙДЕР --> <div class="fd-slider"><!-- НАЧАЛО --> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/236383.jpg"> <div class="content"> <h3>&#127911; Подкаст «НЕ<b>ТЕ</b>РОЛЕВЫЕ»</h3> <p> Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ). </p> <a id="store" target="_blank" href="https://t.me/neterolevye">Telegram</a> <a id="store" href="/viewtopic.php?id=8954">Обсудить</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/808399.jpg"> <div class="content"> <h3>&#127809; Что такое осень? <b>Конкурс</b> осенних дизайнов!</h3> <p> Как вы выражаете осень на своём форуме/сайте? Что осень для вас? <br> Вас ждут вкусные призы за участие, призовой фонд растет вместе с числом участников! <br> Все участники гарантировано получают <b>рекламные места</b>. </p> <a id="store" href="/viewtopic.php?id=8918#p207189">Участвовать</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/965290.jpg"> <div class="content"> <h3>&#128293; Акция! Осенние <b>скидки</b> на Мгновенные уведомления</h3> <p> Оплачивая уведомления <b>до 1 ноября 2024</b>, вы можете получить скидки в 10% или 20% за наградные баллы! <br> <a href="/viewtopic.php?id=8045">Скрипт уведомлений</a> поддерживается уже более 5 лет и имеет много бесплатных дополнений. <br> Мы принимаем <b>все способы оплаты из любых стран</b>. </p> <a id="store" href="/viewtopic.php?id=8924#p207222">Подробности</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/993126.jpg"> <div class="content"> <h3>&#10084;&#65039; Поддержи проект! Стань модератором!</h3> <p> Разыскиваются модераторы на должности: <br> Модератор вебмастерских разделов, Ассистент англоязычной версии, Видеомонтажер и другие<br> <a href="/viewtopic.php?id=5787#p134326">Посмотреть вакансии и условия.</a> </p> <a id="store" href="/viewtopic.php?id=5787#p134326">Подать заявку</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/435761.jpg"> <div class="content"> <h3>&#128140; <b>Акция!</b> Подписка, лайк, коммент, репост!</h3> <p> В рамках акции вы можете помочь нам в продвижении и заработать НАГРАДНЫЕ БАЛЛЫ.<br> НБ можно обменивать на платные скрипты, скидки на заказы, рекламу на нашем форуме и т.д. <br> Подробнее о том, где еще можно потратить баллы, можно <a href="https://forumd.ru/viewtopic.php?id=8324#p206561">в теме акции</a>. </p> <a id="store" href="https://forumd.ru/viewtopic.php?id=8324#p206561">Участвовать</a> </div> </div> <div class="slide eng" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/209339.jpg"> <div class="content"> <h3>&#127775; SPECIAL OFFER: We distribute designs for free</h3> <p> Finalizing the layout for your project;<br> Developing a style code; <br> Mobile version included if you wish.<br> </p> <a id="store" href="/viewtopic.php?id=7243">Details</a> </div> </div> <div class="slide eng" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/209339.jpg"> <div class="content"> <h3>&#10084;&#65039; Support the project</h3> <p> If you want to help us:<br> <a href=/viewtopic.php?id=5787>Become a moderator</a><br> <a href="/viewtopic.php?id=7167">Suggestions</a> &#8226; <a href="/viewtopic.php?id=7168">Reviews</a> </p> <a id="store" href="/viewtopic.php?id=6616">Details</a> </div> </div> <!-- КОНЕЦ --><div class="fd-slider-dots"></div></div> <div class="bot-hr"></div> <!-- мини объявы --> <div id="ann" class="rus"> &#127809; Конкурс! <a href="/viewtopic.php?id=8918#p207189" target='blank'>Что такое осень? Конкурс осенних дизайнов!</a> Вас ждут вкусные призы за участие, призовой фонд растет вместе с числом участников! </div> <!-- <div id="ann" class="rus"> &#128140; Акция! <a href="/viewtopic.php?id=8324#p206561" target='blank'>Подписка, лайк, коммент, репост!</a> Поделись нашими YouTube видео и получи наградные баллы.</div> --> <!-- <div id="ann" class="rus">Требуются модераторы! <a href="https://forumd.ru/viewtopic.php?id=5787#p134326" target='blank'>Посмотреть вакансии и подать заявку.</a> Денежную оплату и "плюшки" гарантируем &#128178; </div> --> <!-- <div id="ann" class="rus"> &#10071; &#10071; &#10071; На форуме временные проблемы с регистрацией пользователей! &#10071; &#10071; &#10071; <br> Если вам не пришел пароль от аккаунта на почту пишите сюда свой никнейм и e-mail: <a href="/viewtopic.php?id=4506" target='blank'>Диалог с администрацией</a> <br>Администраторы зарегистрируют и активируют аккаунт вручную. </div> --> <!-- <div id="ann" class="rus"> &#127876; <a href="/viewtopic.php?id=2921&p=21#p191508" target='blank'>Подборка новогодних украшений вашего проекта</a></div> --> <!-- --><div id="ann" class="eng"> &#10071; &#10071; &#10071; Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, <a href="https://i.imgur.com/mg0OGtT.png" target='blank'>switch to the russian language.</a> This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience. </div> <!-- <div id="ann" class="rus moderator-ann">Пожалуйста <a href="/viewtopic.php?id=7206" target='blank'>заполните анкету</a> и расскажите о вашей готовности к англоязычным пользователям. </div> --> <!-- Скрипт слайдера --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/14086.js?v=2" async></script> </div> </div> </div> <!--/noindex--> <div id="pun-status" class="section"> <h2><span>Информация о пользователе</span></h2> <p class="container"> <span class="item1">Привет, Гость!</span> <span class="item2"><a href="/login.php" rel="nofollow">Войдите</a> или <a href="/register.php" rel="nofollow">зарегистрируйтесь</a>.</span> </p> </div> <div id="pun-break1" class="divider"><hr /></div> <div id="pun-crumbs1" class="section"> <p class="container crumbs"><strong>Вы здесь</strong> <em>&#187;&#160;</em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=14">Архив устаревших тем</a> <em>&#187;&#160;</em>Вопрос/ответ по дизайну css #6</p> </div> <div id="pun-break2" class="divider"><hr /></div> <!-- banner_mini_top --> <div id="pun-main" class="main multipage"> <h1><span>Вопрос/ответ по дизайну css #6</span></h1> <div class="linkst"> <div class="pagelink">Страница: <a class="prev" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=92">&laquo;</a>&#160;&#160;<a href="https://forumd.ru/viewtopic.php?id=4498">1</a>&#160;<span class="ellipsis">&#8230;</span>&#160;<a href="https://forumd.ru/viewtopic.php?id=4498&amp;p=91">91</a>&#160;<a href="https://forumd.ru/viewtopic.php?id=4498&amp;p=92">92</a>&#160;<strong>93</strong>&#160;<a href="https://forumd.ru/viewtopic.php?id=4498&amp;p=94">94</a>&#160;<a href="https://forumd.ru/viewtopic.php?id=4498&amp;p=95">95</a>&#160;<span class="ellipsis">&#8230;</span>&#160;<a href="https://forumd.ru/viewtopic.php?id=4498&amp;p=101">101</a>&#160;&#160;<a class="next" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=94">&raquo;</a></div> <div class="postlink"><span class="closed">Тема закрыта</span></div> </div> <div id="topic_t4498" class="topic closed pinned"> <h2><span class="item1">Сообщений</span> <span class="item2">921 страница 930 из 1001</span></h2> <div id="p119133" class="post topicpost firstpost topic-starter" data-posted="1356555368" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p119133" onclick="return false;">Поделиться</a><strong>1</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=93#p119133">27.12.12 00:56</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=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-1724838590.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />03.12.24 00:27</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+10113</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/96572.svg" alt="Резидент" title="Резидент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31483.svg" alt="Мыслитель" title="Мыслитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87304.svg" alt="Советник" title="Советник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82723.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/71606.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/82607.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="Человек в свитере" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p119133-content" class="post-content"> <p>Ваши вопросы по копанию в css стилях форума. часть шестая. <br />Смотрим предыдущее тут <a href="http://ForumD.ru/viewtopic.php?id=3215">Вопрос/ответ по дизайну css #5</a></p> <p><strong><span style="font-size: 14px"><span style="color: red">Если у вас вопросы технического характера конкретно по вашему форуму - оставляйте адрес, иначе помочь вам не смогут.</span></span></strong></p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>Герду как-то спросили:<br />— Вот вы писали, что &quot;Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер.&quot; А кто вы среди ролевиков?<br />Герда не растерялась и ответила:<br />— Иди на**й.</p></dd></dl> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+2</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide">&nbsp;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">&nbsp;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">&nbsp;https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p142695" class="post topic-starter" data-posted="1605699863" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p142695" onclick="return false;">Поделиться</a><strong>921</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=93#p142695">18.11.20 14:44</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=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-1724838590.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />03.12.24 00:27</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+10113</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/96572.svg" alt="Резидент" title="Резидент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31483.svg" alt="Мыслитель" title="Мыслитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87304.svg" alt="Советник" title="Советник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82723.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/71606.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/82607.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="Человек в свитере" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p142695-content" class="post-content"> <div class="quote-box answer-box"><cite>Герда написал(а):</cite><blockquote><p>так выглядит форум, когда не загрузилисть стили.</p></blockquote></div><p>вернее, загрузились, но не все.<br />очень похоже, что не работает именно второе окно.</p> <p>идея - поставь <strong>@import url(style_cs.css);</strong> и другие импорты в самое-самое начало первого окна вот так:<br /><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/2/823125.png" alt="https://forumupload.ru/uploads/0007/e3/f7/2/823125.png" /></p> <p>чтобы они были ДО комментариев со звездочками</p> <p>некоторые браузеры при заходе с хттпс не переваривают импорты, если они стоят после комментов.</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>Герду как-то спросили:<br />— Вот вы писали, что &quot;Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер.&quot; А кто вы среди ролевиков?<br />Герда не растерялась и ответила:<br />— Иди на**й.</p></dd></dl> </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">&nbsp;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">&nbsp;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">&nbsp;https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p142935" class="post altstyle" data-posted="1606065966" data-user-id="2480" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p142935" onclick="return false;">Поделиться</a><strong>922</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=93#p142935">22.11.20 20:26</a></span></h3> <div class="container"> <div class="post-author no-avatar"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=2480" rel="nofollow">Nasy</a></li> <li class="pa-title">Участник</li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />09.01.25 17:45</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+38</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p142935-content" class="post-content"> <p>доброго, помогите, пожалуйста) с компьютера фон форума стоит фиксированно, с телефона почему-то решил прокручиваться (айфон, сафари)<br />поставила фиксед, но это не спасло</p><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow ugc" target="_blank">войдите</a> или <a rel="nofollow ugc" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+2</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p142945" class="post topic-starter" data-posted="1606071798" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p142945" onclick="return false;">Поделиться</a><strong>923</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=93#p142945">22.11.20 22:03</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=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-1724838590.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />03.12.24 00:27</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+10113</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/96572.svg" alt="Резидент" title="Резидент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31483.svg" alt="Мыслитель" title="Мыслитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87304.svg" alt="Советник" title="Советник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82723.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/71606.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/82607.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="Человек в свитере" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p142945-content" class="post-content"> <p><strong>Nasy</strong><br />проблема сразу во многих местах...</p> <p>вот это вообще &quot;не мобильно&quot;:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 7.5em"><pre>html { min-width: 1200px !important; } </pre></div></div></div><p>зачем оно нужно?</p> <p>а когда делаешь вот так:</p><div class="quote-box quote-main"><blockquote><p>#pun-about p.container {<br />&nbsp; &nbsp; background-image: url(<a href="https://forumstatic.ru/files/001a/28/10/50516.png" rel="nofollow ugc" target="_blank">https://forumstatic.ru/files/001a/28/10/50516.png</a>);<br />&nbsp; &nbsp; width: 1094px;<br />&nbsp; &nbsp; height: 239px;<br />&nbsp; &nbsp; margin-left: -121px;<br />&nbsp; &nbsp; margin-top: -105px;<br />&nbsp; &nbsp;<strong><span style="color: #e63737"> margin-bottom: -120px;</span></strong><br />&nbsp; &nbsp; background-position: center top;<br />}</p></blockquote></div><p>эта штука съезжает ВНИЗ за пределы фона.<br />я так вижу, это не единственный элемент, который спозиционирован через минус...</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>Герду как-то спросили:<br />— Вот вы писали, что &quot;Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер.&quot; А кто вы среди ролевиков?<br />Герда не растерялась и ответила:<br />— Иди на**й.</p></dd></dl> </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">&nbsp;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">&nbsp;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">&nbsp;https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p142946" class="post altstyle topic-starter" data-posted="1606072093" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p142946" onclick="return false;">Поделиться</a><strong>924</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=93#p142946">22.11.20 22:08</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=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-1724838590.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />03.12.24 00:27</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+10113</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/96572.svg" alt="Резидент" title="Резидент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31483.svg" alt="Мыслитель" title="Мыслитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87304.svg" alt="Советник" title="Советник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82723.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/71606.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/82607.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="Человек в свитере" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p142946-content" class="post-content"> <p><strong>Nasy</strong><br />наглядная демонстрация, что будет с фоном, если отключить margin на отрицательное значение вниз:</p><div class="quote-box spoiler-box media-box"><div onclick="toggleSpoiler(this);">большая гифка</div><blockquote></blockquote><script type="text/html"><p><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/2/726294.gif" alt="https://forumupload.ru/uploads/0007/e3/f7/2/726294.gif" /></p></script></div> <p>т.к. весь стиль только через margin спозиционирован как выход вижу только переделывать.</p> <p>необходимо начать использовать для всего этого свойство <strong>position</strong></p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>Герду как-то спросили:<br />— Вот вы писали, что &quot;Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер.&quot; А кто вы среди ролевиков?<br />Герда не растерялась и ответила:<br />— Иди на**й.</p></dd></dl> </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">&nbsp;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">&nbsp;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">&nbsp;https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p142947" class="post" data-posted="1606074873" data-user-id="2480" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p142947" onclick="return false;">Поделиться</a><strong>925</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=93#p142947">22.11.20 22:54</a></span></h3> <div class="container"> <div class="post-author no-avatar"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=2480" rel="nofollow">Nasy</a></li> <li class="pa-title">Участник</li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />09.01.25 17:45</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+38</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p142947-content" class="post-content"> <div class="quote-box answer-box"><cite>Герда написал(а):</cite><blockquote><p>вот это вообще &quot;не мобильно&quot;:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 7.5em"><pre>html { min-width: 1200px !important; } </pre></div></div></div><p>зачем оно нужно?</p></blockquote></div><p>чтобы форум не лип к левому боку, а был по центру с тлф</p> <p>я прописала маргины таким образом, потому что мне это было нужно (и зная, куда и как уезжает), тем не менее, я их отключила - проблема, ожидаемо, осталась</p> <p class="lastedit">Отредактировано Nasy (22.11.20 22:59)</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+2</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p142989" class="post altstyle topic-starter" data-posted="1606136990" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p142989" onclick="return false;">Поделиться</a><strong>926</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=93#p142989">23.11.20 16:09</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=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-1724838590.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />03.12.24 00:27</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+10113</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/96572.svg" alt="Резидент" title="Резидент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31483.svg" alt="Мыслитель" title="Мыслитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87304.svg" alt="Советник" title="Советник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82723.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/71606.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/82607.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="Человек в свитере" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p142989-content" class="post-content"> <div class="quote-box answer-box"><cite>Nasy написал(а):</cite><blockquote><p>чтобы форум не лип к левому боку, а был по центру с тлф</p></blockquote></div><p>вот форум, где нет таких трюков, тем не менее, он не липнет к левому боку: <a href="http://urchoice.rolka.su/" rel="nofollow ugc" target="_blank">http://urchoice.rolka.su/</a><br /><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/2/864582.jpg" alt="https://forumupload.ru/uploads/0007/e3/f7/2/864582.jpg" /></p> <p>вот что происходит с твоим форумом при сживании окна браузера в сравнении с форумом где есть мобильная версия и в сравнении с форумом, где мобильной версии нет:</p> <p><iframe width="480" height="284" src="https://www.youtube.com/embed/QV9u3rkgp2U" loading="lazy" frameborder="0" allowfullscreen></iframe></p> <p>я не знаю, где тебе подсказали такой &quot;номер&quot;, но подобными трюками ты делаешь невозможным пользоваться своим форумом с экрана меньше 1200px.<br />во-первых, у людей, которые не открывают вкладки браузер на весь экран вот такие баги гарантированы.<br />во-вторых, маленькие мониторы на пк никуда не делись, разрешение 1024px существует и там нет тачпада, чтобы пальцем увеличить страницу до нужного размера. а если увеличат через crtl+колесико - нет возможности листать суда-сюда монитор, именно так работает отключение прокрутки.</p> <p>если нужно, чтоб форум хорошо смотрелся на мобилах, надо под мобилы дописать дизайн. <br />если хочется, чтоб что-то не липло к левому боку достаточно прописать на это что-то <strong>margin: 0 auto;</strong><br />ну, или вот полезная статья, которая описывает много о позиционировании элементов по центру: <a href="https://www.w3.org/Style/Examples/007/center.ru.html" rel="nofollow ugc" target="_blank">https://www.w3.org/Style/Examples/007/center.ru.html</a></p><hr /><p>вечером постараюсь разобраться, что с фоном... проблема глубоко сидит.</p> <p>шаблон, случаем не за авторством Selebris? помимо <strong>min-width</strong> вижу узнаваемый почерк: прозрачность, зачем-то прописанную на все элементы и границы + проблемы с свойством float )))</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>Герду как-то спросили:<br />— Вот вы писали, что &quot;Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер.&quot; А кто вы среди ролевиков?<br />Герда не растерялась и ответила:<br />— Иди на**й.</p></dd></dl> </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">&nbsp;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">&nbsp;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">&nbsp;https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p143007" class="post topic-starter" data-posted="1606139873" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p143007" onclick="return false;">Поделиться</a><strong>927</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=93#p143007">23.11.20 16:57</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=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-1724838590.jpg" alt="Gerda" title="Gerda" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />03.12.24 00:27</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+10113</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/96572.svg" alt="Резидент" title="Резидент" /> <img src="https://forumstatic.ru/files/0007/e3/f7/31483.svg" alt="Мыслитель" title="Мыслитель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/87304.svg" alt="Советник" title="Советник" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82723.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/71606.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/82607.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="Человек в свитере" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143007-content" class="post-content"> <p><strong>Добавлено</strong><br />еще позвала @sadhaka глянуть. мб успеет раньше, чем у меня вебинар кончится</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>Герду как-то спросили:<br />— Вот вы писали, что &quot;Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер.&quot; А кто вы среди ролевиков?<br />Герда не растерялась и ответила:<br />— Иди на**й.</p></dd></dl> </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">&nbsp;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">&nbsp;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">&nbsp;https://forumd.ru/viewtopic.php?id=3833</span></a></li></li> </ul> </div> </div> </div> <div id="p143009" class="post altstyle" data-posted="1606140364" data-user-id="2480" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p143009" onclick="return false;">Поделиться</a><strong>928</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=93#p143009">23.11.20 17:06</a></span></h3> <div class="container"> <div class="post-author no-avatar"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=2480" rel="nofollow">Nasy</a></li> <li class="pa-title">Участник</li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />09.01.25 17:45</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+38</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143009-content" class="post-content"> <div class="quote-box answer-box"><cite>Герда написал(а):</cite><blockquote><p>я не знаю, где тебе подсказали такой &quot;номер&quot;, но подобными трюками ты делаешь невозможным пользоваться своим форумом с экрана меньше 1200px.</p></blockquote></div><p>точно на рено, + возможно еще на техподдержке<br />и насколько знаю, такая настройка стоит на многих реалках, нареканий не вызывало у народа, но буду знать на будущее, спасибо<br />но насчет конкретно моего дизайна - он сделан только для нас с партнером, нам важно только с фоном разобраться и все<br />в любом случае, я отключила, чтобы не мешало найти проблему</p><div class="quote-box answer-box"><cite>Герда написал(а):</cite><blockquote><p>если хочется, чтоб что-то не липло к левому боку достаточно прописать на это что-то <strong>margin: 0 auto;</strong></p></blockquote></div><p>у меня стоял просто авто, поставила так, но все равно липнет</p><div class="quote-box answer-box"><cite>Герда написал(а):</cite><blockquote><p>ечером постараюсь разобраться, что с фоном... проблема глубоко сидит.</p></blockquote></div><p>спасибо, буду ждать</p><div class="quote-box answer-box"><cite>Герда написал(а):</cite><blockquote><p>шаблон, случаем не за авторством Selebris?</p></blockquote></div><p>/*************************************************************<br />КОДЫ ;DULCIS BLANCHES v.2020<br />**************************************************************<br />так что нет )<br />шаблон мой и очень старый: как видно по кодам, я только недавно стала его весь перелопачивать и менять неактуальные настройки</p> <p class="lastedit">Отредактировано Nasy (23.11.20 17:06)</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+1</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p143010" class="post" data-posted="1606140377" data-user-id="2480" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p143010" onclick="return false;">Поделиться</a><strong>929</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=93#p143010">23.11.20 17:06</a></span></h3> <div class="container"> <div class="post-author no-avatar"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=2480" rel="nofollow">Nasy</a></li> <li class="pa-title">Участник</li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />09.01.25 17:45</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+38</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143010-content" class="post-content"> <div class="quote-box answer-box"><cite>Герда написал(а):</cite><blockquote><p><strong>Добавлено</strong><br />еще позвала @sadhaka глянуть. мб успеет раньше, чем у меня вебинар кончится</p></blockquote></div><p>спасибо!</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+1</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p143013" class="post altstyle endpost" data-posted="1606143416" data-user-id="6774" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p143013" onclick="return false;">Поделиться</a><strong>930</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=93#p143013">23.11.20 17:56</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=6774" rel="nofollow">satsana</a></li> <li class="pa-title">Техномаг</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/6774-1529345378.jpg" alt="satsana" title="satsana" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />03.01.25 05:38</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+1108</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143013-content" class="post-content"> <div class="quote-box spoiler-box media-box"><div onclick="toggleSpoiler(this);"><strong>Nasy</strong>, у отступ справа на мобильном появляется из-за вот этого дельфина:</div><blockquote></blockquote><script type="text/html"><p><img class="postimg" loading="lazy" src="https://i.gyazo.com/b38e74f2c22a3bd8f16510b8419b4654.png" alt="https://i.gyazo.com/b38e74f2c22a3bd8f16510b8419b4654.png" /></p></script></div><p>Он стоит в контейнере, который шире основного тела форума, потому и вылезает вправо. Такие вещи лучше ставить в бэкграунд body, благо установка туда нескольких картинок вполне допустима.</p><div class="quote-box answer-box"><cite>Nasy написал(а):</cite><blockquote><p>с телефона почему-то решил прокручиваться</p></blockquote></div><p>Попробуйте после адреса изображения в бэкграунде дописать позиционирование top.</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">&nbsp;tzunhuman#4485</span></em></li></li> </ul> </div> </div> </div> </div> <div class="linksb"> <div class="postlink"><span class="closed">Тема закрыта</span></div> <div class="pagelink">Страница: <a class="prev" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=92">&laquo;</a>&#160;&#160;<a href="https://forumd.ru/viewtopic.php?id=4498">1</a>&#160;<span class="ellipsis">&#8230;</span>&#160;<a href="https://forumd.ru/viewtopic.php?id=4498&amp;p=91">91</a>&#160;<a href="https://forumd.ru/viewtopic.php?id=4498&amp;p=92">92</a>&#160;<strong>93</strong>&#160;<a href="https://forumd.ru/viewtopic.php?id=4498&amp;p=94">94</a>&#160;<a href="https://forumd.ru/viewtopic.php?id=4498&amp;p=95">95</a>&#160;<span class="ellipsis">&#8230;</span>&#160;<a href="https://forumd.ru/viewtopic.php?id=4498&amp;p=101">101</a>&#160;&#160;<a class="next" href="https://forumd.ru/viewtopic.php?id=4498&amp;p=94">&raquo;</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>&#187;&#160;</em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=14">Архив устаревших тем</a> <em>&#187;&#160;</em>Вопрос/ответ по дизайну css #6</p> </div> <div id="pun-break4" class="divider"><hr /></div> <div id="pun-about" class="section"> <p class="container"> </p> </div> <script type="text/javascript">$(document).trigger("pun_about_ready"); if (typeof ym == 'object') {ym(201230, 'userParams', {UserId:1, is_user:0}); ym(201230, 'params', {forum_id: 517111});}</script> <div id="html-footer" class="section"> <div class="container"><script> </script> <!-- переключение языка --> <script> if ((!window['UserID'] || 1 == UserID) && !['ru', 'ru-RU'].includes(navigator.language) && !~document.cookie.indexOf('lang=')) {document.cookie = "lang=en"; location.reload()} var i,smbCodeArr=[];var arr0=[1026,1027,8218,1107,8222,8230,8224,8225,8364,8240,1033,8249,1034,1036,1035,1039,1106,8216,8217,8220,8221,8226,8211,8212,"0",8482,1113,8250,1114,1116,1115,1119,160,1038,1118,1032,164,1168,166,167,1025,169,1028,171,172,173,174,1031,176,177,1030,1110,1169,181,182,183,1105,8470,1108,187,1112,1029,1109,1111];for(i=0;i<arr0.length;i++)smbCodeArr[arr0[i]]=i+128;for(i=1040;i<=1103;i++)smbCodeArr[i]=i-848; var encodeURIwin1251=function(str){for(var arr=str.split(""),n,i=0;i<arr.length;i++){n=arr[i].charCodeAt();if(n>187&&n<1025||n>1105)arr[i]="&#"+n+";";if(typeof smbCodeArr[n]!="undefined")arr[i]=String.fromCharCode(smbCodeArr[n])}return escape(arr.join("")).replace(/\+/mg,"%2B")};$.fn.extend({serialize:function(){var i=0,s="",obj=this.serializeArray(),Lng=obj.length;for(;i<Lng;i++)s+=(i?"&":"")+encodeURIwin1251(obj[i].name)+"="+encodeURIwin1251(obj[i].value);return s}}); function changeLang(){if(window["UserID"]&&1!=UserID){var url=location.origin+"/profile.php?section=essentials&id="+UserID;$.ajax({url:url,async:false,success:function(res){var f=$(res).find("#profile1");"en"!=f.find('select[name="req_lang"]').val()?f.find('select[name="req_lang"]').val("en"):f.find('select[name="req_lang"]').val("ru");data=f.serialize();var curl=document.URL;history.replaceState(null,"",url);$.ajax({url:url,async:false,data:data,type:"POST",success:function(res){history.replaceState(null, "",curl);location.reload()}})}})}else{$("#pun.en").length?document.cookie="lang=ru":document.cookie="lang=en";location.reload()}}$("#langChange").on("click",changeLang); </script> <!-- изменение кода страниц --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/43819.js?v=5" defer></script> <!-- сайдбар --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/67067.js?v=2" defer></script> <!-- главная форума --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/25287.js?v=5" defer></script> <!-- топиклист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/13065.js?v=2" defer></script> <!-- подписки в топиклисте --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/26591.js?v=19" defer></script> <!-- топики --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/49006.js?v=5" defer></script><!-- юзерлист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/18416.js?v=4" defer></script><!-- ЛС --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/20727.js?v=17" defer></script><!-- Профиль --> <!--Добавляем ссылку на форум в crumbs --> <script> if(!$("#pun-index").length&&document.URL.indexOf("/pages/index")==-1){ var s=' »&nbsp;<a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; if ($('#pun').hasClass('en')) { $(".crumbs").find("a:first").text('Home page').after(s) } else { $(".crumbs").find("a:first").text('Главная страница').after(s) } }; if($(".punbb").attr("id")=="pun-index"){ var s=' »&nbsp;<a href="/pages/index" class="rus">Главная страница</a><a href="/pages/index-eng" class="eng">Home page</a> »&nbsp;\ <a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; $(".crumbs").html(s); }; </script> <!-- Аватар и ссылка в цитате © Alex_63 / Мод: Gerda, ForumD.ru --> <script>var FdQuoteAva = '<i class="fa-solid fa-user"></i>';</script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/79040.js"></script> <script type="text/javascript">setLinkAndAva()</script> <!-- HTML в постах с допуском по группам © Alex_63 --> <script type="text/javascript" src="/files/0015/c4/3f/52361.js"></script> <script type="text/javascript"> HTMLinPost.groups = [1,2]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = ['Дух осени','Maquis','Romych','Duka']; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script> <!-- Выделение и разворот кода © ForumD.ru, Gerda --> <script type="text/javascript"> $(document).ready(function() { $('.code-box').each(function() { var $codeBox = $(this); $codeBox.parents('.code-css').find('pre').wrapInner('<code class="language-css line-numbers"></code>'); $codeBox.parents('.code-javascript').find('pre').wrapInner('<code class="language-javascript line-numbers"></code>'); $codeBox.parents('.code-html').find('pre').wrapInner('<code class="language-html line-numbers"></code>'); $codeBox.find('.legend').html('<span class="copy-code" href="javascript:void(0);"><i><gg class="rus">Скопировать код</gg><gg class="eng">Copy code</gg></i><b><gg class="rus">Скопировано</gg><gg class="eng">Copied</gg></b></span>'); $codeBox.find('.legend').append('<span class="expand-code"><i><gg class="rus">Развернуть</gg><gg class="eng">Expand</gg></i><b><gg class="rus">Свернуть</gg><gg class="eng">Collapse</gg></b></span>'); $codeBox.find('.copy-code').on('click', function () { $codeBox.addClass('copied'); var textarea = document.createElement('textarea'); textarea.value = $codeBox.find('.scrollbox pre').text(); document.body.appendChild(textarea); textarea.select(); try { document.execCommand('copy'); console.log('Код скопирован успешно:', textarea.value); } catch (err) { console.error('Ошибка копирования кода:', err); } finally { document.body.removeChild(textarea); } }); $codeBox.find('.expand-code').on('click', function () { $codeBox.toggleClass('expanded'); }); }); }); </script> <!-- подсветка кода --> <link href="https://forumstatic.ru/files/0007/e3/f7/65930.css" rel="stylesheet"> <script src="https://forumstatic.ru/files/0007/e3/f7/20627.js" async></script> <!-- Полноэкранный просмотр изображений v.3 © ForumD, satsana & Gerda --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/97612.js?v=3" async></script> <!-- Автоматическая подписка на темы --> <script>(function(){var forumLnk=$('#pun-crumbs1 a[href*="viewforum.php"]:last');if(!forumLnk.length)return;if(~[5,6,19].indexOf(+forumLnk.attr('href').match(/id=(\d+)/)[1]))$('#fld6').parent('.checkfield').remove(),$('#pun-viewtopic,#pun-post').find('#post .areafield').append('<input type="checkbox" checked style="display:none" id="fld6" name="subscribe"/>');})()</script> <!-- цветовыделение должностей и мастеров --> <script> $(document).ready(function() { function addDutyClass(element, userId) { var userDuty = dutyData.find(item => String(item.id) === String(userId)); if (userDuty) { $(element).addClass(userDuty.color); } } function addVerifiedClass(element, userId) { var verifiedUser = verifiedData.find(item => String(item.id) === String(userId)); if (verifiedUser) { $(element).addClass(verifiedUser.color); } } $('.post-content a, a.post-mention, #onlinelist a, .modmenu a, .tcl.username a, .tcl.tc-username a, .tc2.pmtc22 a').each(function () { var href = $(this).attr('href'); var userIdMatch = href.match(/\/profile\.php\?id=(\d+)$/); if (userIdMatch) { var userId = userIdMatch[1]; addDutyClass(this, userId); addVerifiedClass(this, userId); } }); }); </script> <!-- Проверка имени при регистрации © Alex_63 --> <style> #username.normal {background-color: #abd4af !important; border: 2px solid #26af33; color: #2f5325;} #username.error {background-color: #e7b8b8 !important; border: 2px solid #e63737; color: #6c1313;} .stclr {margin-left: 10px;} .stclr.normal{color: #26af33; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} .stclr.error {color: #e63737; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} img.preloader{width:12px;height:12px;margin-left:3px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/28064.js" defer></script> <!-- Чекбокс "Выбрать все" при модерировании темы и форума © Alex_63 --> <script type="text/javascript">if($('#pun-modviewforum').length){$('th.tcmod').html('Выбрать все: <input type="checkbox" id="CheckAll" title="Выбрать все">');$('#CheckAll').click(function(){if($('#CheckAll').attr('checked')){$(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked',true);}else{$(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked',false);}});}else if(GroupID<=2 && $('.punbb[id^="pun-multi"]').length){$('.modmenu .button').before('<span>Выбрать все</span><input type="checkbox" id="CheckAll" title="Выбрать все">');$('#CheckAll').click(function(){if($('#CheckAll').attr('checked')){$(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked',true);}else{$(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked',false);}});}</script> <!-- Всплывающие Подсказки --> <style> #tooltip { display: none; position: absolute; z-index: 9999999999999999; background: rgba(0,0,0,0.8); color: #fff; padding: 5px 8px; border-radius: 4px; max-width: 250px; } </style> <script type="text/javascript"> jQuery.fn.quicktip = function(options){ var defaults = { speed: 500, xOffset: 26, yOffset: -5 }; var options = $.extend(defaults, options); return this.each(function(){ var $this = jQuery(this); var tipTitle = $this.attr('title'); if (tipTitle) { $this.removeAttr('title'); $this.on('mouseover', function(e) { $(this).css('cursor', 'pointer'); $("body").append("<div id='tooltip'>" + tipTitle + "</div>"); $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px") .fadeIn(options.speed); }).on('mouseout', function(e) { $("#tooltip").remove(); }); $this.mousemove(function(e) { $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px"); }); } }); }; // Добавление подсказок $('.post abbr').attr('data-title', function() { return $(this).attr('title') }); $(function() {$(window).on('load', function() { $('.post abbr').attr('title', function() { return $(this).attr('data-title') }); $('*[title]').quicktip({ speed: 700 }); });}); </script> <!-- костыли английской версии --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/52360.js?v=2"></script> <!-- кастомные селекты --> <script> var fdSelects = '#punbbsearch select, #userlist select, #birthday select, #form-area select, .questionary-post select'; </script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/66411.js" defer></script> <!-- Форма постинга рекламы --> <script> const piarTopicsPrefix = '[Реклама]'; //начало названия топиков, в которых будет форма const piarForumId = '186'; //id форума, в котором лежат топики, в которых будет форма const isPiarTopic = FORUM.topic?.subject.startsWith(piarTopicsPrefix) && FORUM.topic?.forum_id === piarForumId; if (location.pathname === '/viewtopic.php' && isPiarTopic) { const saveToLS = (data) => localStorage.setItem('pr_values', JSON.stringify(data)); const getFromLS = () => JSON.parse(localStorage.getItem('pr_values') || "false"); const removeFromLS = () => localStorage.removeItem('pr_values'); if (GroupID === 3){ const defaultReply = document.querySelector('#post-form'); if (defaultReply) defaultReply.remove(); const piarLogin = 'Ролевой Курьер'; //логин пиар-аккаунта const piarPassword = '1234'; //пароль пиар-аккаунта let linkError = ''; let codeError = ''; const validateFields = (fields) => true; const markup = ` <div id='piar_reply_emulator' class='container'> <form> <fieldset> <legend>Разместить рекламу</legend> <p style="display: grid; grid-template-columns: 1fr;"${linkError ? " class=has-error" : ""}> <label for="our_piar_link">Ссылка на ответную рекламу</label> ${linkError} <input type="text" id="our_piar_link" name="our_piar_link"> </p> <p${codeError ? " class=has-error" : ""}> <label for="your_piar_code">Код вашей рекламы</label><br> ${codeError} <textarea id="your_piar_code" name="your_piar_code" rows="13"></textarea> </p> </fieldset> <p><input type="submit"></p> </form> </div>`; const bottomPagination = document.querySelector('.linksb'); bottomPagination.insertAdjacentHTML('afterend', markup); const piarReplyEmulatorForm = bottomPagination.nextElementSibling.querySelector('form'); piarReplyEmulatorForm.addEventListener('submit', async (ev) => { ev.preventDefault(); const values = {}; for(let elem of piarReplyEmulatorForm){ if(['text', 'textarea'].includes(elem.type)) values[elem.name] = elem.value || '' } if (!validateFields(values)) return false; saveToLS(values); const loginFormMarkup = ` <form id="login" class="container" method="post" action="${location.origin}/login.php?action=in" onsubmit="return true"> <input type="hidden" name="form_sent" value="1"> <input type="hidden" name="redirect_url" value="${location.href}"> <input type="text" id="fld1" name="req_username" size="25" maxlength="25" value="${piarLogin}"> <input type="password" id="fld2" name="req_password" size="16" maxlength="16" value="${piarPassword}"> </form>`; const container = document.createElement('div'); container.innerHTML = loginFormMarkup; document.querySelector('body').append(container); const event = new Event("submit"); container.querySelector('form').submit(); }) } else { const pr_data = getFromLS(); if(pr_data) { document.querySelector('#main-reply').value = ` ${pr_data.your_piar_code} [b]Ваша:[/b] ${pr_data.our_piar_link}`.trim(); removeFromLS(); document.querySelector('#post-form #post').submit?.click() const logoutUrl = `${location.origin}/login.php?action=out&id=${window.UserID}` fetch(logoutUrl); } } } </script> <!-- Баннеры конкурса --> <div class="comp-banner" style="display: none;"> <a href="https://memecross.rusff.me/" target="_blank" title="Meme Crossover"><img src="https://i.ibb.co/Bs2Tsy3/84101.gif"></a> <a href="https://theraven.rusff.me/" target="_blank" title="The raven"><img src="https://forumupload.ru/uploads/001c/00/4d/5/220581.gif"></a> <a href="https://thedome.rusff.me/" target="_blank" title="the dome"><img src="https://forumupload.ru/uploads/001b/60/aa/48/821676.png"></a> <a href="https://curama.mybb.ru" target="_blank" title="Наруто: Печать времени"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/627857.gif"></a> <a href="https://primaltotem.hstn.me/" target="_blank" title="Ойкумена: до начала времен"><img src="https://i.imgur.com/wPEJEYI.gif"></a> </div> <script> $(document).ready(function() { var $compBanner = $('.comp-banner'); var $banners = $compBanner.children(); for (var i = $banners.length - 1; i >= 0; i--) { $compBanner.append($banners.eq(Math.floor(Math.random() * (i + 1)))); } var $clonedBanner = $compBanner.clone().css('display', 'flex'); var forumSelectors = ['#forum_f192', '#forum_f193', '#forum_f194', '#forum_f195']; $.each(forumSelectors, function(index, selector) { var $forum = $(selector); if ($forum.length) { var $descBanner = $forum.find('.desc-banner').after($clonedBanner); } }); var $banners2 = $('.comp-banner2'); for (var i = $banners2.children.length; i >= 0; i--) { $banners2.appendChild($banners2.children[Math.random() * i | 0]); } }); </script> <style> .comp-banner2 p {display: flex;} .comp-banner, .comp-banner2 p { justify-content: center; gap: 5px; flex-wrap: wrap; } .comp-banner2 img {width: 468px; height: 60px;} </style> <!--Копирайт--> <div id="bottom"><div class="inner"> <div id="fdcop1" class="fdcop rus"><a href="/viewtopic.php?id=4505" target='blank'>Отзывы</a> | <a href='/viewtopic.php?id=8309' target='blank'>Сообщить об ошибке</a> | <a href='/viewtopic.php?id=6616' target='blank'>Помочь нам</a> | <a href='/misc.php?action=rules' target='blank'>Правила проекта</a></div> <div id="fdcop2" class="fdcop icons rus"> <a href="https://discord.com/invite/rNWtvk7" target="_blank" title="Наш сервер на дискорде для заказов"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" title="Диалог с администрацией"><i class="fa-regular fa-comment"></i></a> <a href="/viewtopic.php?id=6616" title="Поддержать проект"><i class="fa-solid fa-hand-holding-heart"></i></a> <a href="https://vk.com/forumd" target="_blank" title="Мы в ВК"><i class="fa-brands fa-vk"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" class="tip" title="Канал на Ютубе"><i class="fa-brands fa-youtube"></i></a> <a href="https://boosty.to/forumd.ru" target="_blank" title="Подписки/донаты на Boosty"><i class="fa-solid fa-money-check-dollar"></i></a> <a href="https://www.donationalerts.com/r/forumdru" target="_blank" title="Донаты на DonationAlerts"><i class="fa-solid fa-coins"></i></a> </div> <div id="fdcop2" class="fdcop icons eng"> <a href="https://discord.gg/Vz8GGZT" target="_blank" title="Our Discord server"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" target="_blank" title="Dialogue with the administration"><i class="fa-regular fa-comment"></i></a> <a href="https://vk.com/forumd" target="_blank" title="Our VK page"><i class="fa-brands fa-vk"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" title="Our Youtube channel"><i class="fa-brands fa-youtube"></i></a> <a href="https://boosty.to/forumd.ru" target="_blank" title="Subscribe/Donate on Boosty"><i class="fa-solid fa-money-check-dollar"></i></a> <a href="https://www.donationalerts.com/r/forumdru" target="_blank" title="Donate on DonationAlerts"><i class="fa-solid fa-coins"></i></a> </div> <div class="fdcop rus">© ForumD.ru, 2009-2024<br> <a href="https://forumd.ru/viewtopic.php?id=5751#rule" target="_blank">Условия использования бесплатного контента</a></div> <div class="fdcop eng">© ForumD.ru, 2009-2024<br> When publishing our content, please leave a link to the source.</div> <div id="fdbotBANNER" class="fdcop rus"><!-- баннеры --> <!-- форум Coffee table knight --> <a href="https://abyssus.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/36/d0/3/228996.png" title="Supermassive Black Cross"></a> <!-- форум magia --> <a href="https://magia-frpg.ru/" target="_blank" title="MAGIA"><img src="https://forumupload.ru/uploads/001a/fa/19/2/153026.gif"></a> <!-- ЛИЛ, взаимный референс --><a href="https://urchoice.su" class="tip" title="Каталог форумов" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/61730.png"></a> <!-- референс к подкастерам, Герда --> <a href="https://urchoice.su/viewtopic.php?id=58390#p2160217" class="tip" title="Подкаст «НеТЕролевые» - Рассказываем и обсуждаем ФРПГ" target=_blank><img src="https://forumupload.ru/uploads/0014/80/a5/2/729997.png"></a> <!-- рпг-хит - референс --> <a href="http://rpg-hit.ru/vote/forumcard/id/38" title="каталог ролевых: RPG-HIT" target="_blank" class="tip"><img src="https://forumstatic.ru/files/001b/c3/c4/23464.gif"></a> <!-- Top.Roleplay.Ru --> <script type="text/javascript" language="javascript"> var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353&rnd=" + Math.random(); topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+ "<img src='//img.rpgtop.su/88x31x11x8.gif' class='tip' title='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> "; document.write(topRPGc); </script> <noscript> <img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' class="tip" title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'><img src='//img.rpgtop.su/88x31x11x8.gif' border='0' width='88' height='31'></a> </noscript> <!-- /Top.Roleplay.Ru --> <!-- Yandex.Metrika informer --> <a href="https://metrika.yandex.ru/stat/?id=93794845&amp;from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/93794845/3_1_EFEFEFFF_EFEFEFFF_0_uniques" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="93794845" data-lang="ru" /></a> <!-- /Yandex.Metrika informer --> </div> <div id="fdbotMENU" class="rus"> <div class="bmenu"><span>Заказать</span> <ul> <li><a href="/viewtopic.php?id=5760" target='blank'>Дизайн для форумов/сайтов</a></li> <li><a href="/viewtopic.php?id=5768" target='blank'>Графика и арт</a></li> <li><a href="/viewtopic.php?id=6322" target='blank'>Аватары и подписи</a></li> <li><a href="/viewtopic.php?id=5769" target='blank'>Стримы и соцсети</a></li> <li><a href="/viewtopic.php?id=5771" target='blank'>Скрипты и техоснащение</a></li> </ul> </div> <div class="bmenu"><span>Полезное</span> <ul> <li><a href="/viewtopic.php?id=2791" target='blank'>Бесплатные MyBB-дизайны</a></li> <li><a href="/viewtopic.php?id=7051" target='blank'>Бесплатные макеты</a></li> <li><a href="/pages/allscripts" target='blank'>Бесплатные скрипты и коды</a></li> <li><a href="/viewforum.php?id=7" target='blank'>Гайды по вебдизайну</a></li> <li><a href="/viewforum.php?id=96" target='blank'>Поиск специалистов</a></li> </ul> </div> <div class="bmenu"><span>Заказчикам</span> <ul> <li><a href="/viewforum.php?id=75" target='blank'>Техническая поддержка</a></li> <li><a href="/viewforum.php?id=1" target='blank'>Размещение рекламы форума/сайта</a></li> <li><a href="/viewtopic.php?id=5762" target='blank'>Условия работы ForumD.ru</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила оформления заказов</a></li> </ul> </div> <div class="bmenu"><span>Специалистам</span> <ul> <li><a href="/viewforum.php?id=90" target='blank'>Размещение портфолио</a></li> <li><a href="/viewtopic.php?id=5788" target='blank'>Присоединиться к команде ForumD.ru</a></li> <li><a href="/viewtopic.php?id=6036" target='blank'>Бонусы и привилегии</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила выполнения заказов</a></li> </ul> </div> </div> <div class="stat-place"></div> </div></div> <!-- ------------------------------------------------------------------------------ --> <!-- Спецпосты - скрипт --> <script type="text/javascript"> ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'portfoliopost', 'portfoliotopic'); ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'anketa-hide', 't-anketa'); $('#pun-edit .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#pun-post .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#post-preview .post-box').appendTo('#portprew .post-body'); $('.no-prof:contains("no-prof")').parents('.post').addClass('no-prof'); $('.portfoliopost:contains("portfoliopost")').parents('.post').addClass('portfolio'); $('.forsalepost:contains("forsalepost")').parents('.post').addClass('forsale'); $('.saledpost:contains("saledpost")').parents('.post').addClass('saled'); $('.freepost:contains("freepost")').parents('.post').addClass('free'); $('.makeportfoliolight:contains("makeportfoliolight")').parents('.post').addClass('portfolio-light'); $('#pun-searchposts .post:contains("***QUESTIONARY***")').addClass('anketa'); $('.questionary-post').parents('#pun-main').addClass('questionary'); </script></div> </div> </div> </div> </div> </body> </html>