Информация
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="http://forumd.ru/"><span>Форум</span></a></li> <li id="navuserlist"><a href="http://forumd.ru/userlist.php" rel="nofollow"><span>Участники</span></a></li> <li id="navrules"><a href="http://forumd.ru/misc.php?action=rules" rel="nofollow"><span>Правила</span></a></li> <li id="navsearch"><a href="http://forumd.ru/search.php" rel="nofollow"><span>Поиск</span></a></li> <li id="navregister"><a href="http://forumd.ru/register.php" rel="nofollow"><span>Регистрация</span></a></li> <li id="navlogin"><a href="http://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="http://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://upforme.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://upforme.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://upforme.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://upforme.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="http://upforme.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://upforme.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://upforme.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="http://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>» </em><a href="http://forumd.ru/viewforum.php?id=14">Архив устаревших тем</a> <em>» </em>Вопрос/ответ по дизайну css #5</p> </div> <div id="pun-break2" class="divider"><hr /></div> <div class="section" style="border:0 !important;max-width:100%;overflow:hidden;display:flex;justify-content:center;max-height:250px;overflow:hidden;min-width:300px;"> </div> <div id="pun-main" class="main multipage"> <h1><span>Вопрос/ответ по дизайну css #5</span></h1> <div class="linkst"> <div class="pagelink">Страница: <a class="prev" href="http://forumd.ru/viewtopic.php?id=3215&p=54">«</a>  <a href="http://forumd.ru/viewtopic.php?id=3215">1</a> <span class="ellipsis">…</span> <a href="http://forumd.ru/viewtopic.php?id=3215&p=53">53</a> <a href="http://forumd.ru/viewtopic.php?id=3215&p=54">54</a> <strong>55</strong> <a href="http://forumd.ru/viewtopic.php?id=3215&p=56">56</a> <a href="http://forumd.ru/viewtopic.php?id=3215&p=57">57</a> <span class="ellipsis">…</span> <a href="http://forumd.ru/viewtopic.php?id=3215&p=100">100</a>  <a class="next" href="http://forumd.ru/viewtopic.php?id=3215&p=56">»</a></div> <div class="postlink"><span class="closed">Тема закрыта</span></div> </div> <div id="topic_t3215" class="topic closed"> <h2><span class="item1">Сообщений</span> <span class="item2">541 страница 550 из 1000</span></h2> <div id="p108393" class="post toppost" data-posted="1346262971" data-user-id="5072" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p108393" onclick="return false;">Поделиться</a><strong>541</strong><a class="permalink" rel="nofollow" href="http://forumd.ru/viewtopic.php?id=3215&p=55#p108393">29.08.12 21:56</a></span></h3> <div class="container"> <div class="post-author no-avatar"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="http://forumd.ru/profile.php?id=5072" rel="nofollow">roro</a></li> <li class="pa-title">Призрак</li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />09.10.12 23:52</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>0</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p108393-content" class="post-content"> <p><strong>Rush</strong>, благодарю.)</p> <p><strong>sadhaka</strong>, размер: 300 на 90, полностью прозрачная. Текст внутри #ebe8e3.</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">0</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p108395" class="post altstyle" data-posted="1346263176" data-user-id="478" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p108395" onclick="return false;">Поделиться</a><strong>542</strong><a class="permalink" rel="nofollow" href="http://forumd.ru/viewtopic.php?id=3215&p=55#p108395">29.08.12 21:59</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="http://forumd.ru/profile.php?id=478" rel="nofollow">sadhaka</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="http://forumavatars.ru/img/avatars/0007/e3/f7/478-1255531930.gif" alt="sadhaka" title="sadhaka" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />12.04.15 16:29</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+874</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p108395-content" class="post-content"> <p><strong>Rush</strong><br />я исправила скрипт, должно работать.</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="p108399" class="post" data-posted="1346263939" data-user-id="2413" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p108399" onclick="return false;">Поделиться</a><strong>543</strong><a class="permalink" rel="nofollow" href="http://forumd.ru/viewtopic.php?id=3215&p=55#p108399">29.08.12 22:12</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="http://forumd.ru/profile.php?id=2413" rel="nofollow">Rush</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="http://forumavatars.ru/img/avatars/0007/e3/f7/2413-1354536519.gif" alt="Rush" title="Rush" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />06.07.15 15:49</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+797</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p108399-content" class="post-content"> <p><strong>sadhaka</strong><br />ты мой спаситель, спасибо тебе большое)</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p><a href="http://soulmirror.f-rpg.ru/" rel="nofollow" target="_blank"><img class="sigimage" loading="lazy" src="http://s2.uploads.ru/7MkJO.jpg" alt="Рады приветствовать Вас на просторах «Fantom - soul mirror»." title="Рады приветствовать Вас на просторах «Fantom - soul mirror»." /></a></p></dd></dl> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">0</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p108405" class="post altstyle" data-posted="1346265701" data-user-id="478" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p108405" onclick="return false;">Поделиться</a><strong>544</strong><a class="permalink" rel="nofollow" href="http://forumd.ru/viewtopic.php?id=3215&p=55#p108405">29.08.12 22:41</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="http://forumd.ru/profile.php?id=478" rel="nofollow">sadhaka</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="http://forumavatars.ru/img/avatars/0007/e3/f7/478-1255531930.gif" alt="sadhaka" title="sadhaka" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />12.04.15 16:29</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+874</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p108405-content" class="post-content"> <div class="quote-box answer-box"><cite>Rush написал(а):</cite><blockquote><p>ты мой спаситель, спасибо тебе большое)</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="p108411" class="post" data-posted="1346270865" data-user-id="2413" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p108411" onclick="return false;">Поделиться</a><strong>545</strong><a class="permalink" rel="nofollow" href="http://forumd.ru/viewtopic.php?id=3215&p=55#p108411">30.08.12 00:07</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="http://forumd.ru/profile.php?id=2413" rel="nofollow">Rush</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="http://forumavatars.ru/img/avatars/0007/e3/f7/2413-1354536519.gif" alt="Rush" title="Rush" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />06.07.15 15:49</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+797</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p108411-content" class="post-content"> <p>Итак... Мне нужно узнать возможно ли такое.. Вообщем хочу создать фэнтези карту. На этой карте будет изображено несколько миров (будут порталы изображены). Хотелось бы сделать так, чтобы если человек щелкал на мир, то выводилась бы карта именно этого мира (ну как на картах в яндексе, увеличиваешь масштаб - там более мелкие детали, так и тут грубо говоря). А вот в этих мира будут тоеже мап-карты (объекты на которые щелкаешь и появляется окошко с описанием). Вот вообщем возможно ли такое?</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p><a href="http://soulmirror.f-rpg.ru/" rel="nofollow" target="_blank"><img class="sigimage" loading="lazy" src="http://s2.uploads.ru/7MkJO.jpg" alt="Рады приветствовать Вас на просторах «Fantom - soul mirror»." title="Рады приветствовать Вас на просторах «Fantom - soul mirror»." /></a></p></dd></dl> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">0</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p108413" class="post altstyle" data-posted="1346273573" data-user-id="506" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p108413" onclick="return false;">Поделиться</a><strong>546</strong><a class="permalink" rel="nofollow" href="http://forumd.ru/viewtopic.php?id=3215&p=55#p108413">30.08.12 00:52</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="http://forumd.ru/profile.php?id=506" rel="nofollow">Eri</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="http://forumavatars.ru/img/avatars/0007/e3/f7/506-1341659325.gif" alt="Eri" title="Eri" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />17.08.14 02:18</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+619</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p108413-content" class="post-content"> <p><strong>Rush</strong><br />присоединяюсь к вопросу. Собственно, давно хочется что-то аналогичное. Можно, наверное, задрочиться с таблицей с всплывающими блоками на фоне из такой карты, а сами кнопки сделать прозрачными как бы вторым слоем, но может есть какое-то готовое решение для таких карт<br />типа <a href="http://htmlbook.ru/blog/postroenie-interaktivnoi-karty-s-raphael" rel="nofollow ugc" target="_blank">этого</a>? (<a href="http://htmlbook.ru/example/raphael/" rel="nofollow ugc" target="_blank">демо</a>). Ещеб кто помог разобраться</p><hr /><p>и вдогонку второй вопрос. Поставила подфорум скриптом с официальной поддержки, отображение новых сообщений, своя мини-иконка - все замечательно работает ровно до тех пор, пока в материнском форуме не появится новое сообщение. в таком случае <a href="http://uploads.ru/i/FpJ9V.jpg" rel="nofollow ugc" target="_blank">это</a> превращается в <a href="http://uploads.ru/i/pPNfw.jpg" rel="nofollow ugc" target="_blank">это</a>. Как бороться? <br /><a href="http://op-newgen.ru" rel="nofollow ugc" target="_blank">http://op-newgen.ru</a></p> <p class="lastedit">Отредактировано Eri (30.08.12 00:59)</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p style="text-align:right;"><br /><a href="http://op-newgen.ru" rel="nofollow" target="_blank"><img class="sigimage" loading="lazy" src="http://s1.uploads.ru/t/qWjmP.gif" alt="http://s1.uploads.ru/t/qWjmP.gif" /></a>           <br /><span style="color: gray">Я дизайнер, я не хочу ничего решать, я хочу       <br />кнопки "Поиграть со шрифтами" и "Сделать красиво".</span><br /></p></dd></dl> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">0</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p108420" class="post" data-posted="1346296513" data-user-id="4366" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p108420" onclick="return false;">Поделиться</a><strong>547</strong><a class="permalink" rel="nofollow" href="http://forumd.ru/viewtopic.php?id=3215&p=55#p108420">30.08.12 07:15</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="http://forumd.ru/profile.php?id=4366" rel="nofollow">Бу</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="http://forumavatars.ru/img/avatars/0007/e3/f7/4366-1341938948.jpg" alt="Бу" title="Бу" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />04.02.13 13:28</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+298</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p108420-content" class="post-content"> <div class="quote-box answer-box"><cite>Rush написал(а):</cite><blockquote><p>А вот в этих мира будут тоеже мап-карты (объекты на которые щелкаешь и появляется окошко с описанием)</p></blockquote></div><p>С этим просто, можно сделать меп-карту с всплывающими подсказками.</p><div class="quote-box answer-box"><cite>Eri написал(а):</cite><blockquote><p>типа этого?</p></blockquote></div><p>Не слишком ли это громоздко? Да и тяжеловато, наверное будет, а вообще там бы еще разобраться.</p><hr /><p>И мои вопросы:<br />Где регулируются отступы иконки<br /><a href="http://uploads.ru/?v=4rPNS.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="http://s1.uploads.ru/t/4rPNS.jpg" alt="http://s1.uploads.ru/t/4rPNS.jpg" /></a><br />Как поднять строчку Страница 1...<br /><a href="http://uploads.ru/?v=d4VFC.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="http://s1.uploads.ru/t/d4VFC.jpg" alt="http://s1.uploads.ru/t/d4VFC.jpg" /></a><br />Вот сюда нужна граница, знаю, сама так сделала, но теперь не помню где.<br /><a href="http://uploads.ru/?v=7VJbc.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="http://s1.uploads.ru/t/7VJbc.jpg" alt="http://s1.uploads.ru/t/7VJbc.jpg" /></a><br /><a href="http://uploads.ru/?v=IR6GS.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="http://s1.uploads.ru/t/IR6GS.jpg" alt="http://s1.uploads.ru/t/IR6GS.jpg" /></a><br />И сам фон категорий нужно подтянуть вверх<br /><a href="http://uploads.ru/?v=uF0XR.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="http://s1.uploads.ru/t/uF0XR.jpg" alt="http://s1.uploads.ru/t/uF0XR.jpg" /></a><br />Форум:http://testik.f-rpg.ru/</p> <p class="lastedit">Отредактировано Бу (30.08.12 07:21)</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, <em class="bbuline">не переделываются</em> по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте"  и прочее в том же духе.</p></dd></dl> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">0</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p108423" class="post altstyle" data-posted="1346307807" data-user-id="4083" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p108423" onclick="return false;">Поделиться</a><strong>548</strong><a class="permalink" rel="nofollow" href="http://forumd.ru/viewtopic.php?id=3215&p=55#p108423">30.08.12 10:23</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="http://forumd.ru/profile.php?id=4083" rel="nofollow">Ведьма</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="http://forumavatars.ru/img/avatars/0007/e3/f7/4083-1346394742.jpg" alt="Ведьма" title="Ведьма" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />29.08.14 14:14</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+101</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p108423-content" class="post-content"> <p>Дня доброго!)<br /><a href="http://sacilla.rusff.ru/" rel="nofollow ugc" target="_blank">Тестовый</a><br />1. Можно текст с названием форума и его описанием расположить таки по левому краю, а не по правому?<br />2. Как сделать такую же линию, которая отделяет подпись от поста? В идеале - картинку туда поставить, которая будет отображатьс с правого края...<br /><img class="postimg" loading="lazy" src="http://savepic.net/3321821.png" alt="http://savepic.net/3321821.png" /><br /><img class="postimg" loading="lazy" src="http://savepic.net/3296221.png" alt="http://savepic.net/3296221.png" /><br />3. Как сделать ссылки объемными при наведении?</p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">0</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p108428" class="post" data-posted="1346310733" data-user-id="4928" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p108428" onclick="return false;">Поделиться</a><strong>549</strong><a class="permalink" rel="nofollow" href="http://forumd.ru/viewtopic.php?id=3215&p=55#p108428">30.08.12 11:12</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="http://forumd.ru/profile.php?id=4928" rel="nofollow">Олюся</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="http://forumavatars.ru/img/avatars/0007/e3/f7/4928-1342269362.jpg" alt="Олюся" title="Олюся" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />19.03.15 00:13</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+21</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p108428-content" class="post-content"> <p><strong>Ведьма</strong><br />вот <a href="http://forumd.ru/viewtopic.php?pid=105182#p105182">тема</a>, где я нашла решение, как вставить разделитель подписи именно картинкой и чтоб она не обрезалась</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>)</p></dd></dl> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">0</a></p></div> </div> <div class="clearer"><!-- --></div> </div> </div> </div> <div id="p108432" class="post altstyle endpost" data-posted="1346312748" data-user-id="4928" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p108432" onclick="return false;">Поделиться</a><strong>550</strong><a class="permalink" rel="nofollow" href="http://forumd.ru/viewtopic.php?id=3215&p=55#p108432">30.08.12 11:45</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор: </span><a href="http://forumd.ru/profile.php?id=4928" rel="nofollow">Олюся</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="http://forumavatars.ru/img/avatars/0007/e3/f7/4928-1342269362.jpg" alt="Олюся" title="Олюся" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />19.03.15 00:13</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+21</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p108432-content" class="post-content"> <p>sadhaka,<br />доп. смайлы при редактировании всё ещё не появляются( может это можно настроить через стиль ксс?</p> <dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>)</p></dd></dl> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">0</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="http://forumd.ru/viewtopic.php?id=3215&p=54">«</a>  <a href="http://forumd.ru/viewtopic.php?id=3215">1</a> <span class="ellipsis">…</span> <a href="http://forumd.ru/viewtopic.php?id=3215&p=53">53</a> <a href="http://forumd.ru/viewtopic.php?id=3215&p=54">54</a> <strong>55</strong> <a href="http://forumd.ru/viewtopic.php?id=3215&p=56">56</a> <a href="http://forumd.ru/viewtopic.php?id=3215&p=57">57</a> <span class="ellipsis">…</span> <a href="http://forumd.ru/viewtopic.php?id=3215&p=100">100</a>  <a class="next" href="http://forumd.ru/viewtopic.php?id=3215&p=56">»</a></div> </div> <div class="section" style="border:0 !important; max-width:100%;text-align:center;overflow:hidden;max-height:250px;overflow:hidden;min-width:300px;"> <script>window.yaContextCb = window.yaContextCb || [] </script> <script async src="https://yandex.ru/ads/system/context.js"></script> <script async src="https://cdn.digitalcaramel.com/caramel.js"></script> <script>window.CaramelDomain = "mybb.ru"</script> </div> </div> <script type="text/javascript">$(document).trigger("pun_main_ready");</script> <!-- pun_stats --> <!-- banner_mini_bottom --> <!-- banner_bottom --> <!-- bbo placeholder--> <div id="pun-break3" class="divider"><hr /></div> <div id="pun-crumbs2" class="section"> <p class="container crumbs"><strong>Вы здесь</strong> <em>» </em><a href="http://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>» </em><a href="http://forumd.ru/viewforum.php?id=14">Архив устаревших тем</a> <em>» </em>Вопрос/ответ по дизайну css #5</p> </div> <div id="pun-break4" class="divider"><hr /></div> <div id="pun-about" class="section"> <p class="container"> <span class="item1" style="padding-left:0"><a title="создать бесплатный форум" href="//mybb.ru/" target="_blank">создать бесплатный форум</a></span> </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://upforme.ru/uploads/001c/00/4d/5/220581.gif"></a> <a href="https://thedome.rusff.me/" target="_blank" title="the dome"><img src="https://upforme.ru/uploads/001b/60/aa/48/821676.png"></a> <a href="http://curama.mybb.ru" target="_blank" title="Наруто: Печать времени"><img src="https://upforme.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://upforme.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://upforme.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://upforme.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>