Информация
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>🎧 Подкаст «НЕ<b>ТЕ</b>РОЛЕВЫЕ»</h3> <p> Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ). </p> <a id="store" target="_blank" href="https://t.me/neterolevye">Telegram</a> <a id="store" href="/viewtopic.php?id=8954">Обсудить</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/808399.jpg"> <div class="content"> <h3>🍁 Что такое осень? <b>Конкурс</b> осенних дизайнов!</h3> <p> Как вы выражаете осень на своём форуме/сайте? Что осень для вас? <br> Вас ждут вкусные призы за участие, призовой фонд растет вместе с числом участников! <br> Все участники гарантировано получают <b>рекламные места</b>. </p> <a id="store" href="/viewtopic.php?id=8918#p207189">Участвовать</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/965290.jpg"> <div class="content"> <h3>🔥 Акция! Осенние <b>скидки</b> на Мгновенные уведомления</h3> <p> Оплачивая уведомления <b>до 1 ноября 2024</b>, вы можете получить скидки в 10% или 20% за наградные баллы! <br> <a href="/viewtopic.php?id=8045">Скрипт уведомлений</a> поддерживается уже более 5 лет и имеет много бесплатных дополнений. <br> Мы принимаем <b>все способы оплаты из любых стран</b>. </p> <a id="store" href="/viewtopic.php?id=8924#p207222">Подробности</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/993126.jpg"> <div class="content"> <h3>❤️ Поддержи проект! Стань модератором!</h3> <p> Разыскиваются модераторы на должности: <br> Модератор вебмастерских разделов, Ассистент англоязычной версии, Видеомонтажер и другие<br> <a href="/viewtopic.php?id=5787#p134326">Посмотреть вакансии и условия.</a> </p> <a id="store" href="/viewtopic.php?id=5787#p134326">Подать заявку</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/435761.jpg"> <div class="content"> <h3>💌 <b>Акция!</b> Подписка, лайк, коммент, репост!</h3> <p> В рамках акции вы можете помочь нам в продвижении и заработать НАГРАДНЫЕ БАЛЛЫ.<br> НБ можно обменивать на платные скрипты, скидки на заказы, рекламу на нашем форуме и т.д. <br> Подробнее о том, где еще можно потратить баллы, можно <a href="https://forumd.ru/viewtopic.php?id=8324#p206561">в теме акции</a>. </p> <a id="store" href="https://forumd.ru/viewtopic.php?id=8324#p206561">Участвовать</a> </div> </div> <div class="slide eng" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/209339.jpg"> <div class="content"> <h3>🌟 SPECIAL OFFER: We distribute designs for free</h3> <p> Finalizing the layout for your project;<br> Developing a style code; <br> Mobile version included if you wish.<br> </p> <a id="store" href="/viewtopic.php?id=7243">Details</a> </div> </div> <div class="slide eng" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/209339.jpg"> <div class="content"> <h3>❤️ Support the project</h3> <p> If you want to help us:<br> <a href=/viewtopic.php?id=5787>Become a moderator</a><br> <a href="/viewtopic.php?id=7167">Suggestions</a> • <a href="/viewtopic.php?id=7168">Reviews</a> </p> <a id="store" href="/viewtopic.php?id=6616">Details</a> </div> </div> <!-- КОНЕЦ --><div class="fd-slider-dots"></div></div> <div class="bot-hr"></div> <!-- мини объявы --> <div id="ann" class="rus"> 🍁 Конкурс! <a href="/viewtopic.php?id=8918#p207189" target='blank'>Что такое осень? Конкурс осенних дизайнов!</a> Вас ждут вкусные призы за участие, призовой фонд растет вместе с числом участников! </div> <!-- <div id="ann" class="rus"> 💌 Акция! <a href="/viewtopic.php?id=8324#p206561" target='blank'>Подписка, лайк, коммент, репост!</a> Поделись нашими YouTube видео и получи наградные баллы.</div> --> <!-- <div id="ann" class="rus">Требуются модераторы! <a href="https://forumd.ru/viewtopic.php?id=5787#p134326" target='blank'>Посмотреть вакансии и подать заявку.</a> Денежную оплату и "плюшки" гарантируем 💲 </div> --> <!-- <div id="ann" class="rus"> ❗ ❗ ❗ На форуме временные проблемы с регистрацией пользователей! ❗ ❗ ❗ <br> Если вам не пришел пароль от аккаунта на почту пишите сюда свой никнейм и e-mail: <a href="/viewtopic.php?id=4506" target='blank'>Диалог с администрацией</a> <br>Администраторы зарегистрируют и активируют аккаунт вручную. </div> --> <!-- <div id="ann" class="rus"> 🎄 <a href="/viewtopic.php?id=2921&p=21#p191508" target='blank'>Подборка новогодних украшений вашего проекта</a></div> --> <!-- --><div id="ann" class="eng"> ❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, <a href="https://i.imgur.com/mg0OGtT.png" target='blank'>switch to the russian language.</a> This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience. </div> <!-- <div id="ann" class="rus moderator-ann">Пожалуйста <a href="/viewtopic.php?id=7206" target='blank'>заполните анкету</a> и расскажите о вашей готовности к англоязычным пользователям. </div> --> <!-- Скрипт слайдера --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/14086.js?v=2" async></script> </div> </div> </div> <!--/noindex--> <div id="pun-status" class="section"> <h2><span>Информация о пользователе</span></h2> <p class="container"> <span class="item1">Привет, Гость!</span> <span class="item2"><a href="/login.php" rel="nofollow">Войдите</a> или <a href="/register.php" rel="nofollow">зарегистрируйтесь</a>.</span> </p> </div> <div id="pun-break1" class="divider"><hr /></div> <div id="pun-crumbs1" class="section"> <p class="container crumbs"><strong>Вы здесь</strong> <em>» </em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>» </em><a href="https://forumd.ru/viewforum.php?id=14">Архив устаревших тем</a> <em>» </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&p=95">«</a>  <a href="https://forumd.ru/viewtopic.php?id=4498">1</a> <span class="ellipsis">…</span> <a href="https://forumd.ru/viewtopic.php?id=4498&p=94">94</a> <a href="https://forumd.ru/viewtopic.php?id=4498&p=95">95</a> <strong>96</strong> <a href="https://forumd.ru/viewtopic.php?id=4498&p=97">97</a> <a href="https://forumd.ru/viewtopic.php?id=4498&p=98">98</a> <span class="ellipsis">…</span> <a href="https://forumd.ru/viewtopic.php?id=4498&p=101">101</a>  <a class="next" href="https://forumd.ru/viewtopic.php?id=4498&p=97">»</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">951 страница 960 из 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&p=96#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">Автор: </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 />— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?<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"> 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="p143381" class="post" data-posted="1606755467" data-user-id="7136" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p143381" onclick="return false;">Поделиться</a><strong>951</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&p=96#p143381">30.11.20 19:57</a></span></h3> <div class="container"> <div class="post-author no-avatar"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="https://forumd.ru/profile.php?id=7136" rel="nofollow">Winchester</a></li> <li class="pa-title">Участник</li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />22.06.24 09:31</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+13</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143381-content" class="post-content"> <p><strong>бродяга</strong><br />все получилось. спасибо!</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+4</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p143481" class="post altstyle" data-posted="1606919164" data-user-id="7140" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p143481" onclick="return false;">Поделиться</a><strong>952</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&p=96#p143481">02.12.20 17:26</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=7140" rel="nofollow">ёжик в тумане</a></li> <li class="pa-title">Участник</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/7140-1606849540.png" alt="ёжик в тумане" title="ёжик в тумане" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />09.03.24 16:44</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+17</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143481-content" class="post-content"> <p>Доброго дня! Помогите, пожалуйста, разобраться в чем проблема и подскажите, как исправить. </p> <p>1. Таблица из объявления: на главной странице от лица пользователя выглядит относительно ровно, так, как хотелось бы, но при переключении во вкладку участников или в любую другую или при выходе с форума все сдвигается влево и немного вверх.</p><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">скрины</div><blockquote><p><a href="https://forumupload.ru/uploads/0007/e3/f7/7140/243369.png" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/7140/t243369.png" alt="https://forumupload.ru/uploads/0007/e3/f7/7140/t243369.png" /></a><br /><a href="https://forumupload.ru/uploads/0007/e3/f7/7140/530820.png" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/7140/t530820.png" alt="https://forumupload.ru/uploads/0007/e3/f7/7140/t530820.png" /></a></p></blockquote></div><p>2. (подобный вопрос видел не так давно, но видимо тупенький и не понял ответ) Когда открываешь форум, все вроде бы выглядит нормально, но внизу есть бегунок и, когда его сдвигаешь, видно, что фон справа больше, чем слева. Предполагаю, что это связанно с размерами шапки и низа (1920) или же margin, однако решил лучше уточнить <img src="https://forumstatic.ru/img/smilies/MyBB/universal/smile.gif" alt=":)" /></p><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">скрины</div><blockquote><p><a href="https://forumupload.ru/uploads/0007/e3/f7/7140/77719.png" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/7140/t77719.png" alt="https://forumupload.ru/uploads/0007/e3/f7/7140/t77719.png" /></a><br /><a href="https://forumupload.ru/uploads/0007/e3/f7/7140/444736.png" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/7140/t444736.png" alt="https://forumupload.ru/uploads/0007/e3/f7/7140/t444736.png" /></a></p></blockquote></div><p>Форум (тестовый): <a href="http://rindreamer.mybb.ru/" rel="nofollow ugc" target="_blank">http://rindreamer.mybb.ru/</a></p> <p class="lastedit">Отредактировано ёжик в тумане (02.12.20 17:36)</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+3</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p143493" class="post" data-posted="1606925134" data-user-id="6763" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p143493" onclick="return false;">Поделиться</a><strong>953</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&p=96#p143493">02.12.20 19:05</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=6763" rel="nofollow">Алгол</a></li> <li class="pa-title">Участник</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/6763-1531108421.png" alt="Алгол" title="Алгол" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />07.12.23 02:21</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+763</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143493-content" class="post-content"> <div class="quote-box answer-box"><cite>ёжик в тумане написал(а):</cite><blockquote><p>Доброго дня! Помогите, пожалуйста, разобраться в чем проблема и подскажите, как исправить. </p> <p>1. Таблица из объявления: на главной странице от лица пользователя выглядит относительно ровно, так, как хотелось бы, но при переключении во вкладку участников или в любую другую или при выходе с форума все сдвигается влево и немного вверх.</p><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">скрины</div><blockquote><p><a href="https://forumupload.ru/uploads/0007/e3/f7/7140/243369.png" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/7140/t243369.png" alt="https://forumupload.ru/uploads/0007/e3/f7/7140/t243369.png" /></a><br /><a href="https://forumupload.ru/uploads/0007/e3/f7/7140/530820.png" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/7140/t530820.png" alt="https://forumupload.ru/uploads/0007/e3/f7/7140/t530820.png" /></a></p></blockquote></div><p>2. (подобный вопрос видел не так давно, но видимо тупенький и не понял ответ) Когда открываешь форум, все вроде бы выглядит нормально, но внизу есть бегунок и, когда его сдвигаешь, видно, что фон справа больше, чем слева. Предполагаю, что это связанно с размерами шапки и низа (1920) или же margin, однако решил лучше уточнить <img src="https://forumstatic.ru/img/smilies/MyBB/universal/smile.gif" alt=":)" /></p><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">скрины</div><blockquote><p><a href="https://forumupload.ru/uploads/0007/e3/f7/7140/77719.png" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/7140/t77719.png" alt="https://forumupload.ru/uploads/0007/e3/f7/7140/t77719.png" /></a><br /><a href="https://forumupload.ru/uploads/0007/e3/f7/7140/444736.png" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/7140/t444736.png" alt="https://forumupload.ru/uploads/0007/e3/f7/7140/t444736.png" /></a></p></blockquote></div><p>Форум (тестовый): <a href="http://rindreamer.mybb.ru/" rel="nofollow ugc" target="_blank">http://rindreamer.mybb.ru/</a></p></blockquote></div> <p>Подождите немного, сейчас я Вам профессионала призову и все найдут и решат , помогут.<br />Хорошего вечера .</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=6390#p143472" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=6390#p143472</span></a></li></li> </ul> </div> </div> </div> <div id="p143494" class="post altstyle" data-posted="1606925241" data-user-id="7140" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p143494" onclick="return false;">Поделиться</a><strong>954</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&p=96#p143494">02.12.20 19:07</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=7140" rel="nofollow">ёжик в тумане</a></li> <li class="pa-title">Участник</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/7140-1606849540.png" alt="ёжик в тумане" title="ёжик в тумане" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />09.03.24 16:44</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+17</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143494-content" class="post-content"> <p><strong>Алгол</strong><br />спасибо, жду столько, сколько нужно <img src="https://forumstatic.ru/img/smilies/MyBB/universal/smile.gif" alt=":)" /></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="p143496" class="post" data-posted="1606926103" data-user-id="7130" data-group-id="16"> <h3><span><a class="sharelink" rel="nofollow" href="#p143496" onclick="return false;">Поделиться</a><strong>955</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&p=96#p143496">02.12.20 19:21</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=7130" rel="nofollow">бродяга</a></li> <li class="pa-title">Ломастер</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/7130-1703605016.png" alt="бродяга" title="бродяга" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Вчера 19:59</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+2649</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/82723.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/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82799.svg" alt="Болтун" title="Болтун" /> <img src="https://forumstatic.ru/files/0007/e3/f7/46433.svg" alt="Отдыхающий" title="Отдыхающий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/10325.svg" alt="Общительный" title="Общительный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/30013.svg" alt="Постоялец" title="Постоялец" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143496-content" class="post-content"> <p><strong>ёжик в тумане</strong><br />Добра)<br />По поводу первого вопроса так навскидку не подскажу, надо разбираться.<br />По поводу второго - вам критично, чтобы горизонтальная прокрутка была? Можно просто её убрать и поставить максимальную ширину форума.<br />В стиль:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 7.5em"><pre>html { overflow-x: hidden; }</pre></div></div></div><p>Если с телефона будет отображаться не ровно по центру, тогда можно поставить в хтмл верх что-нибудь такое:</p><div class="quote-box quote-main"><blockquote><p><!-- Ширина форума на мобильных устройствах --><br /><meta name="viewport" content="width=<span style="color: #e63737">1050</span>"></p></blockquote></div><p>Выделенное значение можно другое, меньше или больше - тут тоже надо уже по факту смотреть.<br /><del>Не знаю, насколько правильный способ, но я обычно так делаю при больших шапках)</del></p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p style="text-align:right;"><a href="https://dc-manunkind.ru/" rel="nofollow" target="_blank"><abbr title="Форумная ролевая игра по мотивам DC"><img class="sigimage" loading="lazy" src="https://forumstatic.ru/files/001a/e1/7e/32257.png?v=1" alt="https://forumstatic.ru/files/001a/e1/7e/32257.png?v=1" /></abbr></a><br /><a href="https://forumd.ru/viewtopic.php?id=7959">Блог</a><br /><a href="https://forumd.ru/viewtopic.php?id=6679">мой графоний</a><br /><a href="https://forumd.ru/viewtopic.php?id=6398">заказать вёрстку</a></p></dd></dl> </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"> AlexKolmar#7262</span></em></li></li> <li class="pl-email social-telegram has-display-name"><a href="https://t.me/AlexKolmar" target="_blank">Telegram<span class="acchide"> @AlexKolmar</span></a></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7959" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7959</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=6398" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=6398</span></a></li></li> </ul> </div> </div> </div> <div id="p143498" class="post altstyle" data-posted="1606927203" data-user-id="7140" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p143498" onclick="return false;">Поделиться</a><strong>956</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&p=96#p143498">02.12.20 19:40</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=7140" rel="nofollow">ёжик в тумане</a></li> <li class="pa-title">Участник</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/7140-1606849540.png" alt="ёжик в тумане" title="ёжик в тумане" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />09.03.24 16:44</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+17</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143498-content" class="post-content"> <p><strong>бродяга</strong><br />Доброго вечера, нет, горизонтальная прокрутка была не нужна, она сама появилась, но после вашего кода все прошло, спасибо!<br />Только как "побочка" почему-то не на своем месте стали стрелки (нокс-люмос), которые сворачивают не знаю как правильно сказать подфорумы(?), и они стали прокручиваться вверх вниз.<br />Может я чего-то не так вставил?...</p><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">скрин</div><blockquote><p><a href="https://forumupload.ru/uploads/0007/e3/f7/7140/577497.png" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/7140/t577497.png" alt="https://forumupload.ru/uploads/0007/e3/f7/7140/t577497.png" /></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="p143499" class="post" data-posted="1606927623" data-user-id="7130" data-group-id="16"> <h3><span><a class="sharelink" rel="nofollow" href="#p143499" onclick="return false;">Поделиться</a><strong>957</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&p=96#p143499">02.12.20 19:47</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=7130" rel="nofollow">бродяга</a></li> <li class="pa-title">Ломастер</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/7130-1703605016.png" alt="бродяга" title="бродяга" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />Вчера 19:59</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+2649</span></li> <li class="pa-fld2"><img src="https://forumstatic.ru/files/0007/e3/f7/82723.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/70410.svg" alt="Наблюдатель" title="Наблюдатель" /> <img src="https://forumstatic.ru/files/0007/e3/f7/82799.svg" alt="Болтун" title="Болтун" /> <img src="https://forumstatic.ru/files/0007/e3/f7/46433.svg" alt="Отдыхающий" title="Отдыхающий" /> <img src="https://forumstatic.ru/files/0007/e3/f7/10325.svg" alt="Общительный" title="Общительный" /> <img src="https://forumstatic.ru/files/0007/e3/f7/30013.svg" alt="Постоялец" title="Постоялец" /></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143499-content" class="post-content"> <p><strong>ёжик в тумане</strong><br />Я, к сожалению, не вижу на тестовике категорий, не имею прав доступа) Если бы была видна хотя бы одна категория с гостя, тогда можно было бы посмотреть, в чём проблема.<br />И вы, похоже, поставили запрет на прокрутку в блок "html, body", а я говорил только про html. Просто в окне стиля где-нибудь в конце добавьте:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 7.5em"><pre>html { overflow-x: hidden; }</pre></div></div></div><p>а из "html, body" уберите строку overflow-x: hidden;</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p style="text-align:right;"><a href="https://dc-manunkind.ru/" rel="nofollow" target="_blank"><abbr title="Форумная ролевая игра по мотивам DC"><img class="sigimage" loading="lazy" src="https://forumstatic.ru/files/001a/e1/7e/32257.png?v=1" alt="https://forumstatic.ru/files/001a/e1/7e/32257.png?v=1" /></abbr></a><br /><a href="https://forumd.ru/viewtopic.php?id=7959">Блог</a><br /><a href="https://forumd.ru/viewtopic.php?id=6679">мой графоний</a><br /><a href="https://forumd.ru/viewtopic.php?id=6398">заказать вёрстку</a></p></dd></dl> </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"> AlexKolmar#7262</span></em></li></li> <li class="pl-email social-telegram has-display-name"><a href="https://t.me/AlexKolmar" target="_blank">Telegram<span class="acchide"> @AlexKolmar</span></a></li></li> <li class="pl-email social-lichnaya_tema has-display-name"><a href="https://forumd.ru/viewtopic.php?id=7959" target="_blank">Личная тема<span class="acchide"> https://forumd.ru/viewtopic.php?id=7959</span></a></li></li> <li class="pl-email social-portfolio has-display-name"><a href="https://forumd.ru/viewtopic.php?id=6398" target="_blank">Портфолио<span class="acchide"> https://forumd.ru/viewtopic.php?id=6398</span></a></li></li> </ul> </div> </div> </div> <div id="p143501" class="post altstyle" data-posted="1606927897" data-user-id="7140" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p143501" onclick="return false;">Поделиться</a><strong>958</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&p=96#p143501">02.12.20 19:51</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=7140" rel="nofollow">ёжик в тумане</a></li> <li class="pa-title">Участник</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/7140-1606849540.png" alt="ёжик в тумане" title="ёжик в тумане" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />09.03.24 16:44</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+17</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143501-content" class="post-content"> <p><strong>бродяга</strong><br />Да, вы правы! Я просто тупенький и не туда вставил <img src="https://forumstatic.ru/img/smilies/MyBB/universal/smile.gif" alt=":)" /> Теперь все работает как надо, и нет горизонтальной прокрутки. Спасибо! <br />Теперь остался вопрос с таблицей.</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+3</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p143509" class="post topic-starter" data-posted="1606995807" data-user-id="2" data-group-id="1"> <h3><span><a class="sharelink" rel="nofollow" href="#p143509" onclick="return false;">Поделиться</a><strong>959</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&p=96#p143509">03.12.20 14:43</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-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="p143509-content" class="post-content"> <div class="quote-box answer-box"><cite>ёжик в тумане написал(а):</cite><blockquote><p>1. Таблица из объявления: на главной странице от лица пользователя выглядит относительно ровно, так, как хотелось бы, но при переключении во вкладку участников или в любую другую или при выходе с форума все сдвигается влево и немного вверх.</p></blockquote></div><p>я вот в упор сдвига не вижу даже на скринах...<br />поставь-ка плз в скрипт пиар-входа ник и пароль.</p><div class="quote-box answer-box"><cite>ёжик в тумане написал(а):</cite><blockquote><p>2. (подобный вопрос видел не так давно, но видимо тупенький и не понял ответ) Когда открываешь форум, все вроде бы выглядит нормально, но внизу есть бегунок и, когда его сдвигаешь, видно, что фон справа больше, чем слева. Предполагаю, что это связанно с размерами шапки и низа (1920) или же margin, однако решил лучше уточнить</p></blockquote></div><p>да, ты все правильно понял - прокрутка связана как раз с этим. все потому, что штуки размером в 1920 должны пихаться куда-нибудь на фон, чтоб они там могли "обрезаться" экраном. а когда мы пихаем такие вещи в контейнер, который предназначен для контента, будут прокрутки.</p> <p>как ее убрать, уже @бродяга подсказал, но если есть желание, то лучше помаяться и переверстать: </p><div class="quote-box quote-main"><blockquote><p>body {<br />background: url(<strong><span style="color: #e63737">сюда верхний фон</span></strong>) no-repeat top center, url(<strong><span style="color: #e63737">сюда нижний фон</span></strong>) no-repeat bottom center, url(<span style="color: #e63737"><strong>сюда текстурку</strong></span>);<br />}</p></blockquote></div><p>и, кстати, все фоны надо попробовать сделать в jpg - так они меньше весят.</p> <p>после этого надо будет сделать так, чтоб "тело" не наезжало на низ и верх.<br />Фон "туловища" засунь не в #pun, а в .punbb:</p><div class="quote-box quote-main"><blockquote><p>.punbb {<br /><del><span style="color: #e63737"> float: center;</span></del><br /> height: auto;<br /> width: 98%;<br /><strong><span style="color: #0481d9">background-image: url("https://forumstatic.ru/files/000d/31/c1/53420.png");</span></strong><br />}</p></blockquote></div><p>красное - удали, это ошибка<br />а вот в #pun сделай оступы:</p><div class="quote-box quote-main"><blockquote><p>#pun {<br /> margin: auto;<br /> width: 913px;<br />padding: <strong><span style="color: #e63737">200px</span></strong> 0 <span style="color: #0481d9"><strong>300px</strong></span>;<br />}</p></blockquote></div><p>красное - отступ "тела" от шапки<br />синее - отступ "тела" от низа</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>Герду как-то спросили:<br />— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?<br />Герда не растерялась и ответила:<br />— Иди на**й.</p></dd></dl> </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="p143511" class="post altstyle endpost" data-posted="1606997268" data-user-id="7140" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p143511" onclick="return false;">Поделиться</a><strong>960</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=4498&p=96#p143511">03.12.20 15:07</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=7140" rel="nofollow">ёжик в тумане</a></li> <li class="pa-title">Участник</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/7140-1606849540.png" alt="ёжик в тумане" title="ёжик в тумане" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />09.03.24 16:44</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+17</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p143511-content" class="post-content"> <div class="quote-box answer-box"><cite>Герда написал(а):</cite><blockquote><p>я вот в упор сдвига не вижу даже на скринах...<br />поставь-ка плз в скрипт пиар-входа ник и пароль.</p></blockquote></div><p>Здравствуйте! <br />Ник: Рита Скитер<br />Пароль: сенсация<br />Обратите, пожалуйста, внимание на первый столбик и второй в пункте новости, спасибо.</p> <p class="lastedit">Отредактировано ёжик в тумане (03.12.20 15:08)</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+2</a></p></div> </div> <div class="clearer"><!-- --></div> </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&p=95">«</a>  <a href="https://forumd.ru/viewtopic.php?id=4498">1</a> <span class="ellipsis">…</span> <a href="https://forumd.ru/viewtopic.php?id=4498&p=94">94</a> <a href="https://forumd.ru/viewtopic.php?id=4498&p=95">95</a> <strong>96</strong> <a href="https://forumd.ru/viewtopic.php?id=4498&p=97">97</a> <a href="https://forumd.ru/viewtopic.php?id=4498&p=98">98</a> <span class="ellipsis">…</span> <a href="https://forumd.ru/viewtopic.php?id=4498&p=101">101</a>  <a class="next" href="https://forumd.ru/viewtopic.php?id=4498&p=97">»</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=14">Архив устаревших тем</a> <em>» </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=' » <a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; if ($('#pun').hasClass('en')) { $(".crumbs").find("a:first").text('Home page').after(s) } else { $(".crumbs").find("a:first").text('Главная страница').after(s) } }; if($(".punbb").attr("id")=="pun-index"){ var s=' » <a href="/pages/index" class="rus">Главная страница</a><a href="/pages/index-eng" class="eng">Home page</a> » \ <a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; $(".crumbs").html(s); }; </script> <!-- Аватар и ссылка в цитате © Alex_63 / Мод: Gerda, ForumD.ru --> <script>var FdQuoteAva = '<i class="fa-solid fa-user"></i>';</script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/79040.js"></script> <script type="text/javascript">setLinkAndAva()</script> <!-- HTML в постах с допуском по группам © Alex_63 --> <script type="text/javascript" src="/files/0015/c4/3f/52361.js"></script> <script type="text/javascript"> HTMLinPost.groups = [1,2]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = ['Дух осени','Maquis','Romych','Duka']; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script> <!-- Выделение и разворот кода © ForumD.ru, Gerda --> <script type="text/javascript"> $(document).ready(function() { $('.code-box').each(function() { var $codeBox = $(this); $codeBox.parents('.code-css').find('pre').wrapInner('<code class="language-css line-numbers"></code>'); $codeBox.parents('.code-javascript').find('pre').wrapInner('<code class="language-javascript line-numbers"></code>'); $codeBox.parents('.code-html').find('pre').wrapInner('<code class="language-html line-numbers"></code>'); $codeBox.find('.legend').html('<span class="copy-code" href="javascript:void(0);"><i><gg class="rus">Скопировать код</gg><gg class="eng">Copy code</gg></i><b><gg class="rus">Скопировано</gg><gg class="eng">Copied</gg></b></span>'); $codeBox.find('.legend').append('<span class="expand-code"><i><gg class="rus">Развернуть</gg><gg class="eng">Expand</gg></i><b><gg class="rus">Свернуть</gg><gg class="eng">Collapse</gg></b></span>'); $codeBox.find('.copy-code').on('click', function () { $codeBox.addClass('copied'); var textarea = document.createElement('textarea'); textarea.value = $codeBox.find('.scrollbox pre').text(); document.body.appendChild(textarea); textarea.select(); try { document.execCommand('copy'); console.log('Код скопирован успешно:', textarea.value); } catch (err) { console.error('Ошибка копирования кода:', err); } finally { document.body.removeChild(textarea); } }); $codeBox.find('.expand-code').on('click', function () { $codeBox.toggleClass('expanded'); }); }); }); </script> <!-- подсветка кода --> <link href="https://forumstatic.ru/files/0007/e3/f7/65930.css" rel="stylesheet"> <script src="https://forumstatic.ru/files/0007/e3/f7/20627.js" async></script> <!-- Полноэкранный просмотр изображений v.3 © ForumD, satsana & Gerda --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/97612.js?v=3" async></script> <!-- Автоматическая подписка на темы --> <script>(function(){var forumLnk=$('#pun-crumbs1 a[href*="viewforum.php"]:last');if(!forumLnk.length)return;if(~[5,6,19].indexOf(+forumLnk.attr('href').match(/id=(\d+)/)[1]))$('#fld6').parent('.checkfield').remove(),$('#pun-viewtopic,#pun-post').find('#post .areafield').append('<input type="checkbox" checked style="display:none" id="fld6" name="subscribe"/>');})()</script> <!-- цветовыделение должностей и мастеров --> <script> $(document).ready(function() { function addDutyClass(element, userId) { var userDuty = dutyData.find(item => String(item.id) === String(userId)); if (userDuty) { $(element).addClass(userDuty.color); } } function addVerifiedClass(element, userId) { var verifiedUser = verifiedData.find(item => String(item.id) === String(userId)); if (verifiedUser) { $(element).addClass(verifiedUser.color); } } $('.post-content a, a.post-mention, #onlinelist a, .modmenu a, .tcl.username a, .tcl.tc-username a, .tc2.pmtc22 a').each(function () { var href = $(this).attr('href'); var userIdMatch = href.match(/\/profile\.php\?id=(\d+)$/); if (userIdMatch) { var userId = userIdMatch[1]; addDutyClass(this, userId); addVerifiedClass(this, userId); } }); }); </script> <!-- Проверка имени при регистрации © Alex_63 --> <style> #username.normal {background-color: #abd4af !important; border: 2px solid #26af33; color: #2f5325;} #username.error {background-color: #e7b8b8 !important; border: 2px solid #e63737; color: #6c1313;} .stclr {margin-left: 10px;} .stclr.normal{color: #26af33; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} .stclr.error {color: #e63737; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} img.preloader{width:12px;height:12px;margin-left:3px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/28064.js" defer></script> <!-- Чекбокс "Выбрать все" при модерировании темы и форума © Alex_63 --> <script type="text/javascript">if($('#pun-modviewforum').length){$('th.tcmod').html('Выбрать все: <input type="checkbox" id="CheckAll" title="Выбрать все">');$('#CheckAll').click(function(){if($('#CheckAll').attr('checked')){$(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked',true);}else{$(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked',false);}});}else if(GroupID<=2 && $('.punbb[id^="pun-multi"]').length){$('.modmenu .button').before('<span>Выбрать все</span><input type="checkbox" id="CheckAll" title="Выбрать все">');$('#CheckAll').click(function(){if($('#CheckAll').attr('checked')){$(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked',true);}else{$(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked',false);}});}</script> <!-- Всплывающие Подсказки --> <style> #tooltip { display: none; position: absolute; z-index: 9999999999999999; background: rgba(0,0,0,0.8); color: #fff; padding: 5px 8px; border-radius: 4px; max-width: 250px; } </style> <script type="text/javascript"> jQuery.fn.quicktip = function(options){ var defaults = { speed: 500, xOffset: 26, yOffset: -5 }; var options = $.extend(defaults, options); return this.each(function(){ var $this = jQuery(this); var tipTitle = $this.attr('title'); if (tipTitle) { $this.removeAttr('title'); $this.on('mouseover', function(e) { $(this).css('cursor', 'pointer'); $("body").append("<div id='tooltip'>" + tipTitle + "</div>"); $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px") .fadeIn(options.speed); }).on('mouseout', function(e) { $("#tooltip").remove(); }); $this.mousemove(function(e) { $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px"); }); } }); }; // Добавление подсказок $('.post abbr').attr('data-title', function() { return $(this).attr('title') }); $(function() {$(window).on('load', function() { $('.post abbr').attr('title', function() { return $(this).attr('data-title') }); $('*[title]').quicktip({ speed: 700 }); });}); </script> <!-- костыли английской версии --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/52360.js?v=2"></script> <!-- кастомные селекты --> <script> var fdSelects = '#punbbsearch select, #userlist select, #birthday select, #form-area select, .questionary-post select'; </script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/66411.js" defer></script> <!-- Форма постинга рекламы --> <script> const piarTopicsPrefix = '[Реклама]'; //начало названия топиков, в которых будет форма const piarForumId = '186'; //id форума, в котором лежат топики, в которых будет форма const isPiarTopic = FORUM.topic?.subject.startsWith(piarTopicsPrefix) && FORUM.topic?.forum_id === piarForumId; if (location.pathname === '/viewtopic.php' && isPiarTopic) { const saveToLS = (data) => localStorage.setItem('pr_values', JSON.stringify(data)); const getFromLS = () => JSON.parse(localStorage.getItem('pr_values') || "false"); const removeFromLS = () => localStorage.removeItem('pr_values'); if (GroupID === 3){ const defaultReply = document.querySelector('#post-form'); if (defaultReply) defaultReply.remove(); const piarLogin = 'Ролевой Курьер'; //логин пиар-аккаунта const piarPassword = '1234'; //пароль пиар-аккаунта let linkError = ''; let codeError = ''; const validateFields = (fields) => true; const markup = ` <div id='piar_reply_emulator' class='container'> <form> <fieldset> <legend>Разместить рекламу</legend> <p style="display: grid; grid-template-columns: 1fr;"${linkError ? " class=has-error" : ""}> <label for="our_piar_link">Ссылка на ответную рекламу</label> ${linkError} <input type="text" id="our_piar_link" name="our_piar_link"> </p> <p${codeError ? " class=has-error" : ""}> <label for="your_piar_code">Код вашей рекламы</label><br> ${codeError} <textarea id="your_piar_code" name="your_piar_code" rows="13"></textarea> </p> </fieldset> <p><input type="submit"></p> </form> </div>`; const bottomPagination = document.querySelector('.linksb'); bottomPagination.insertAdjacentHTML('afterend', markup); const piarReplyEmulatorForm = bottomPagination.nextElementSibling.querySelector('form'); piarReplyEmulatorForm.addEventListener('submit', async (ev) => { ev.preventDefault(); const values = {}; for(let elem of piarReplyEmulatorForm){ if(['text', 'textarea'].includes(elem.type)) values[elem.name] = elem.value || '' } if (!validateFields(values)) return false; saveToLS(values); const loginFormMarkup = ` <form id="login" class="container" method="post" action="${location.origin}/login.php?action=in" onsubmit="return true"> <input type="hidden" name="form_sent" value="1"> <input type="hidden" name="redirect_url" value="${location.href}"> <input type="text" id="fld1" name="req_username" size="25" maxlength="25" value="${piarLogin}"> <input type="password" id="fld2" name="req_password" size="16" maxlength="16" value="${piarPassword}"> </form>`; const container = document.createElement('div'); container.innerHTML = loginFormMarkup; document.querySelector('body').append(container); const event = new Event("submit"); container.querySelector('form').submit(); }) } else { const pr_data = getFromLS(); if(pr_data) { document.querySelector('#main-reply').value = ` ${pr_data.your_piar_code} [b]Ваша:[/b] ${pr_data.our_piar_link}`.trim(); removeFromLS(); document.querySelector('#post-form #post').submit?.click() const logoutUrl = `${location.origin}/login.php?action=out&id=${window.UserID}` fetch(logoutUrl); } } } </script> <!-- Баннеры конкурса --> <div class="comp-banner" style="display: none;"> <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&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>