Информация

JavaScript должен быть включен. С отключенным JavaScript функционал форума недоступен.
</noscript> <!-- Мгновенные уведомления © Alex_63, 2024 --> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" /> <script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script> <!-- посты из важных тем --> <script type="text/javascript"> notifications.load('common', {}); notifications.load('important', {topics: [2921,6505]}); </script> <script>notifications.load('subscriptions');</script><!-- подписки на форум/тему --> <script>notifications.load('fields', {fields: [1, 2], emptyNotify: true})</script><!-- изменения в полях профиля --> <script>notifications.load('mentions');</script><!-- упоминания --> <script>notifications.load('reports');</script><!-- Жалобы --> <script>notifications.load('new_user')</script><!-- регистрация юзеров --> <script>notifications.addons.tgbot.noInvite = true;</script> <!-- убрать подсказку про телегу --> <script>notifications.load('premod')</script><!-- премодерация --> <!-- Голосовые сообщения © Alex_63, 2024 --> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/voice.css" /> <script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/voice.js"></script> <script>voice.startOnOpen = false</script> <style> .voice-modal .container { overflow: hidden; } </style> <!-- виджеты на главной --> <script src="https://forumstatic.ru/files/0007/e3/f7/65165.js?v=13"></script> <script>window.RecentOnMain.showText = 'Показать виджет';</script> <!-- иконки 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', fld: '<span class="material-symbols-outlined red" title="Ведущий специалист: <b>UI/UX дизайн</b>, <b>CSS/Верстка</b>, Javascript">verified</span>' }, { id: '7032', fld: '<span class="material-symbols-outlined red" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span>' }, { id: '7907', fld: '<span class="material-symbols-outlined red" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span>' }, { id: '7006', fld: '<span class="material-symbols-outlined red" title="Ведущий специалист: <b>Вебдизайн</b>, <b>Графический дизайн</b>">verified</span>' }, { id: '7181', fld: '<span class="material-symbols-outlined red" title="Ведущий специалист: <b>DigitalArt</b> - цифровой рисунок, pixelart, анимация">verified</span>' }, { id: '7130', fld: '<span class="material-symbols-outlined orange" title="Проверенный специалист: <b>CSS/Верстка</b>">verified</span>' }, { id: '7639', fld: '<span class="material-symbols-outlined orange" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span>' }, { id: '6797', fld: '<span class="material-symbols-outlined orange" title="Проверенный специалист: <b>Javascript</b>">verified</span>' }, { id: '6489', fld: '<span class="material-symbols-outlined orange" title="Проверенный специалист: <b>PHP/Javascript</b>">verified</span>' }, { id: '8926', fld: '<span class="material-symbols-outlined orange" title="Проверенный специалист: <b>Вебдизайн</b>, <b>Верстка</b>">verified</span>' }, { id: '5063', fld: '<span class="material-symbols-outlined orange" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span>' } ]; // Должности var dutyData = [ { id: '2', color: 'red', fld: '<li class="fd-duty">Администратор ТО</li>', }, { id: '8926', color: 'red', fld: '<li class="fd-duty">Админ поддержки пользователей</li>', }, { id: '7842', color: 'green', fld: '<li class="fd-duty">Модератор каталога графики</li>', }, { id: '7151', color: 'green', fld: '<li class="fd-duty">Модератор ролевых разделов</li>', }, { id: '6995', color: 'green', fld: '<li class="fd-duty">Модератор стримов</li>' } ]; // группы с доступом к закладкам var BookmGroups = [1,2,6,16,4,8,12]; </script> <!-- Редирект на портал --> <script> var portal = '/pages/index'; var TimeRedirect = 24*60*60; //Редирект при последнем посещении более суток var url = document.URL.split('#')[0]; if(!localStorage.LastVisit || RequestTime-localStorage.LastVisit > TimeRedirect){ if((url+'%a').split('/%')[1]=='a'&&url.indexOf('mod')==-1)location.href=portal; }localStorage.LastVisit = RequestTime; $(document).ready(function(){ var a = $('#pun-navlinks #navindex a')[0]; a.href = a.href+'=&forum' }); </script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93794845, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/93794845" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </div> <div id="pun-title" class="section"> <table id="title-logo-table" cellspacing="0"> <tbody id="title-logo-tbody"> <tr id="title-logo-tr"> <td id="title-logo-tdl" class="title-logo-tdl"> <h1 class="title-logo"><span>ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</span></h1> </td> <td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td> </tr> </tbody> </table> </div> <div id="pun-navlinks" class="section"> <h2><span>Меню навигации</span></h2> <ul class="container"> <li id="navindex"><a href="https://forumd.ru/"><span>Форум</span></a></li> <li id="navuserlist"><a href="https://forumd.ru/userlist.php" rel="nofollow"><span>Участники</span></a></li> <li id="navrules"><a href="https://forumd.ru/misc.php?action=rules" rel="nofollow"><span>Правила</span></a></li> <li id="navsearch"><a href="https://forumd.ru/search.php" rel="nofollow"><span>Поиск</span></a></li> <li id="navregister"><a href="https://forumd.ru/register.php" rel="nofollow"><span>Регистрация</span></a></li> <li id="navlogin"><a href="https://forumd.ru/login.php" rel="nofollow"><span>Войти</span></a></li> </ul> </div> <div id="pun-ulinks" class="section" onclick="void(0)"> <h2><span>Пользовательские ссылки</span></h2> <ul class="container"> <li class="item1"><a href="https://forumd.ru/search.php?action=show_recent">Активные темы</a></li> </ul> </div> <!--noindex--> <div id="pun-announcement" class="section"> <h2><span>Объявление</span></h2> <div class="container"> <div class="html-box"> <!-- Юзер-меню --> <div id="user-menu" class="side-menu"> <div class="close"><i class="material-symbols-outlined">cancel</i></div> <div class="u-ava"></div> <div class="fd-guest g-inf rus"> <b>РЕГИСТРАЦИЯ</b> на форуме позволит: <li>скачивать <i>дизайны</i> и видеть <i>коды скриптов</i></li> <li>оставлять <i>ссылки</i> на сайты/картинки</li> <li><i>оформлять</i> заказы</li> <li>отправлять <i>личные</i> сообщения</li> <li><i>рекламировать</i> свои форумы/сайты или услуги</span> </div> <div class="fd-guest g-inf eng"> <b>REGISTRATION</b> on the forum allows you to: <li>download <i>designs</i> and view <i>script codes</i></li> <li>leave <i>links</i> to websites/images</li> <li><i>place</i> orders</li> <li>send <i>private</i> messages</li> <li><i>advertise</i> your forums/websites or services</li> </div> <ul class="u-menu"> <li class="fd-guest rus"><a href='/register.php'><span class='material-icons'>person</span> Регистрация</a></li> <li class="fd-guest rus"><a href='/login.php'><span class='material-icons'>login</span> Вход</a></li> <li class="fd-guest rus"><a href='/viewtopic.php?id=4506'><span class='material-icons'>message</span> Обратная связь</a></li> <li class="fd-guest eng"><a href='/register.php'><span class='material-icons'>person</span> Register</a></li> <li class="fd-guest eng"><a href='/login.php'><span class='material-icons'>login</span> Login</a></li> <li class="fd-guest eng"><a href='/viewtopic.php?id=7165'><span class='material-icons'>message</span> Feedback</a></li> </ul> </div> <!-- Сайдбар --> <div id="sidebar" class="rus"> <div class="u-ava" title="Меню профиля"></div> <div class="u-notif fd-user icon remake" title="Уведомления" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Личные сообщения"></div> <div class="u-arrow icon"> <div class="rus" title="Наверх страницы" id="ToTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div class="rus" title="Вниз страницы" id="OnBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <div id="sidebar" class="eng"> <div class="u-ava" title="Profile menu"></div> <div class="u-notif fd-user icon remake" title="Notifications" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Private messages"></div> <div class="u-arrow icon"> <div class="eng" title="Scroll to top" id="ToTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div class="eng" title="Scroll to bottom" id="OnBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <!--кнопки стрелки вверх вниз--> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop.rus").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom.rus").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) $("#ToTop.eng").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom.eng").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) }); </script> <!-- Меню --> <div id="nav"><ul class="inner"> <li id="logo"></li> <li id="navindex"><a href="/pages/index"><i class="material-symbols-outlined">home</i><span class="rus">Главная</span><span class="eng">Home</span></a></li> <li id="navforum"><a href="/=&forum"><i class="material-symbols-outlined">forum</i><span class="rus">Форум</span><span class="eng">Forum</span></a></li> <li id="navactive"><a href="/search.php?action=show_recent"><i class="material-symbols-outlined">chat</i><span class="rus">Активные темы</span><span class="eng">Active topics</span></a></li> <li id="navmembers"><a href="/userlist.php"><i class="material-symbols-outlined">group</i><span class="rus">Участники</span><span class="eng">Members</span></a></li> <li id="navsearch"><a href="/search.php"><i class="material-symbols-outlined">search</i><span class="rus">Поиск</span><span class="eng">Search</span></a></li> <li id="navadmin"><a href="/admin_index.php"><i class="material-symbols-outlined">shield_person</i><span class="rus">Админка</span><span class="eng">Admin</span></a></li> <li id="navguest"><a href="/register.php"><i class="material-symbols-outlined">passkey</i><span class="rus">Регистрация</span><span class="eng">Register</span></a></li> <li id="navguest"><a href="/login.php"><i class="material-symbols-outlined">login</i><span class="rus">Вход</span><span class="eng">Login</span></a></li> </ul></div> <!-- Смена языка --> <div id="langChange"><a class="material-icons">language</a><span class="eng"><b>Eng</b>/<a>Ru</a></span><span class="rus"><a>Eng</a>/<b>Ru</b></span></div> <!-- СЛАЙДEP РУССКИЙ --> <div id="da-slider" class="da-slider rus"> <!-- ****************** --> <!-- СЛАЙД для разговорного стрима <div class="da-slide"> <div class="da-slide2"> <h3>&#128308; Разговорный стрим "Время у<b>DEV</b>ительных историй"</h3> <p>Дата и время: начало <b>12 мая в 17:00 по МСК</b>;<br> Соберемся, чтобы <b>просто поговорить и приятно провести вечер</b><br> Добро пожаловать на разговорный стрим! &#128293;</p> <a href="/viewtopic.php?id=2921&p=30#p203151" class="da-link">Подробности</a> </div> <div class="da-img"><div style="background-image:url(https://i.gyazo.com/7cd509c9d66a81a4d5bc92dff4087a10.jpg); background-color: #2e3b4b; opacity:0.3;width:100%;height:100%;"></div></div> </div> --> <!-- СЛАЙД для разговорного стрима о ролевых <div class="da-slide"> <div class="da-slide2"> <h3>&#128308; Разговорный стрим "<b>DEV</b>очки ролят: Игромеханика из &#128169; и палок"</h3> <p>Начало <b>29 июня в 17:00 по МСК</b>;<br> Это коллаборация, которую вы просили и ждали: Атаманша (главный администратор <a href="https://nolf.mybb.ru">FRPG NOLF</a>) <br> раскроет все секреты и расскажет об <b>игровой механике</b>, созданной методом проб и ошибок за девять лет </p> <a href="/viewtopic.php?id=2921&p=32#p205586" class="da-link">Напомнить о стриме</a> </div> <div class="da-img"><div style="background-image:url(https://i.gyazo.com/0f9fa0906eddd3eb64423f5ab998c54b.jpg); background-color: #2e3b4b; opacity:0.3;width:100%;height:100%;"></div></div> </div> --> <!-- СЛАЙД для мастер классов <div class="da-slide"> <div class="da-slide2"> <h3>&#128308; НЕ МАСТЕР-КЛАСС от <a href="/profile.php?id=8926">Moju</a> "Создаем вместе веб-макет в Figma"</h3> <p>Дата и время: начало <b>8 июня в 17:00 по МСК</b>;<br> Хотите научиться <b>создавать макеты в Figma</b>, но боитесь что ничего не получится?<br> Наш веб-дизайнер, в прямом эфире, <b>покажет</b> как это делается! </p> <a href="/viewtopic.php?id=2921&p=31#p204773" class="da-link">Подробности</a> </div> <div class="da-img"><div style="background-image:url(https://i.gyazo.com/6c9345ac670f73e7fd5763dbd105b294.jpg); background-color: #2e3b4b; opacity:0.3;width:100%;height:100%;"></div></div> </div> --> <!-- СЛАЙД ивенты --> <div class="da-slide"> <div class="da-slide2"> <h3>&#9728;&#65039; Самый яркий форум: <b>голосование</b> за лучший летний дизайн</h3> <p>Начинаем голосование в нашем конкурсе <a href="/viewtopic.php?id=8255">"Самый яркий форум: летний конкурс дизайнов"</a><br> Пожалуйста, проранжируйте 3 понравившиеся работы, поставив их на 1-е, 2-е и 3-е место. </p> <a href="/viewtopic.php?id=8255" class="da-link">Проголосовать</a> </div> <div class="da-img"><div style="background-image:url(https://i.gyazo.com/fc1346e1e87e4f4206281222cc9663a4.jpg); background-color: #2e3b4b; opacity:0.3;width:100%;height:100%;"></div></div> </div> <!-- СЛАЙД ивенты --> <div class="da-slide"> <div class="da-slide2"> <h3>&#128167; Сезонная акция поиска графики: просто добавь воды</h3> <p>Для участия нужно найти в сети, сгенерировать с помощью ИИ или создать любую графику с водой<br> За каждую <b>единицу</b> будет начисляться <b>от 15 до 50 НБ</b>. Акция продлится <b>30 дней</b> </p> <a href="/viewtopic.php?id=8261" class="da-link">Поучаствовать</a> </div> <div class="da-img"><div style="background-image:url(https://i.gyazo.com/491885c39eeb7e3ec3796fb24d09bd5a.jpg); background-color: #2e3b4b; opacity:0.3;width:100%;height:100%;"></div></div> </div> <!-- СЛАЙД --> <div class="da-slide"> <div class="da-slide2"> <h3>&#128293; Новинка в портфолио: ВКЛАДКИ В ПОСТАХ</h3> <p>Стоимость: <b>БЕСПЛАТНО</b> | Автор: <a href="/profile.php?id=8186">Emerael</a><br> Cкрипт вкладок в постах на бб-тегах <b>для форумов MyBB.ru</b></p> <a href="/viewtopic.php?id=8186" class="da-link">Взять код</a> </div> <div class="da-img"><div style="background-image:url(https://forumstatic.ru/files/0007/e3/f7/29500.jpg); background-color: #2e3b4b; opacity:0.3;width:100%;height:100%;"></div></div> </div> <!-- СЛАЙД --> <div class="da-slide"> <div class="da-slide2"> <h3>&#128176; Мгновенные уведомления от <b>Alex_63</b> для <b>MyBB.ru</b></h3> <p> Этот скрипт оповещает пользователей о событиях на форуме в реальном времени. <br> Скрипт поддерживается уже более 5 лет и имеет много бесплатных дополнений, которые описаны <a href="https://forumd.ru/viewtopic.php?id=8045#p200065">в нашей документации</a>. <br> Мы принимаем все способы оплаты из любых стран, в том числе Paypal.</p> <a href="https://forumd.ru/viewtopic.php?id=8045" class="da-link">Подробности</a> </div> <div class="da-img"><div style="background-image:url(https://i.gyazo.com/ed44b252f421a0c73720a763745899ba.jpg); background-color: #2e3b4b; opacity:0.3;width:100%;height:100%;"></div></div> </div> <!-- СЛАЙД --> <div class="da-slide"> <div class="da-slide2"> <h3>&#127775; ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ</h3> <p>Заказы можно оплачивать наградными баллами (НБ). Полностью или частично. <br> Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ. <br> А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.</p> <a href="/viewtopic.php?id=7963" class="da-link">узнать подробности</a> </div> <div class="da-img"><div style="background-image:url(https://i.gyazo.com/82713b841b0175220fca2e045e14e4a5.jpg); background-color: #2e3b4b; opacity:0.3;width:100%;height:100%;"></div></div> </div> <!-- СЛАЙД --> <div class="da-slide"> <div class="da-slide2"> <h3>&#128227; Общение и комьюнити</h3> <p>Кроме кодов и техподдержки, у нас можно ещё поболтать и хорошо провести время: <br> &#9679; <a href="/viewforum.php?id=122">проф. общение для программистов и дизайнеров</a><br> &#9679; <a href="/viewtopic.php?id=8145">кружок самопрокачки HTML, JS & CSS</a><br> &#9679; <a href="/viewtopic.php?pid=203745">обмен опытом для админов текстовых RPG</a><br> &#9679; <a href="/viewtopic.php?pid=204513">встречи в реальности</a><br> &#9679; <a href="/viewtopic.php?id=8170">онлайн-встречи поиграть в настолки</a></p> </div> <div class="da-img"><div style="background-image:url(https://i.gyazo.com/80b6d82829df91d5c1f0ed31d39050ca.jpg); background-color: #2e3b4b;opacity:0.3;width:100%;height:100%;"></div></div> </div> <!-- ПОСЛЕДНИЙ СЛАЙД --> <div class="da-slide"> <div class="da-slide2"> <h3>&#10084;&#65039; Поддержать проект</h3> <p> Если у вас есть желание помочь нам сделать наш проект лучше:<br> <a href="/viewtopic.php?id=5790">Реклама на сайте</a> &#8226; <a href="/viewtopic.php?id=5283">Предложения</a><br> <a href=/viewtopic.php?id=5787>Стать модератором</a> &#8226; <a href="/viewtopic.php?id=4505">Отзывы</a> </p> <a href="/viewtopic.php?id=6616" class="da-link">Подробнее</a> </div> <div class="da-img"><div style="background-image:url(/files/0007/e3/f7/66132.jpg); background-color: #fff; opacity:0.3;width:100%;height:100%;"></div></div> </div> <!-- ****************** --> </div> <!-- СЛАЙДEP ENGLISH --> <div id="da-slider2" class="da-slider eng"> <!-- ****************** --> <!-- СЛАЙД --> <div class="da-slide"> <div class="da-slide2"> <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 href="/viewtopic.php?id=7243" class="da-link">Details</a> </div> <div class="da-img"><div style="background-image:url(https://forumupload.ru/uploads/0007/e3/f7/2/209339.jpg); background-color: #100806;opacity:0.3;width:100%;height:100%;"></div></div> </div> <!-- ПОСЛЕДНИЙ СЛАЙД --> <div class="da-slide"> <div class="da-slide2"> <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> &#8226; <a href="/viewtopic.php?id=7168">Reviews</a> </p> <a href="/viewtopic.php?id=6616" class="da-link">Details</a> </div> <div class="da-img"><div style="background-image:url(https://forumupload.ru/uploads/0007/e3/f7/6822/67256.jpg); background-color: #fff; opacity:0.3;width:100%;height:100%;"></div></div> </div> <!-- ****************** --> </div> <script type="text/javascript" src="/files/0007/e3/f7/33398.js"></script> <script type="text/javascript" src="/files/0007/e3/f7/88753.js"></script> <script type="text/javascript"> $(function() { $('#da-slider').cslider({ autoplay: true, interval: 10000 }); $('#da-slider2').cslider({ autoplay: true, interval: 10000 }); }); </script> <div class="bot-hr"></div> <!-- мини объявы --> <!-- --><div id="ann" class="rus"> &#10071; &#10071; &#10071; На форуме установлен новый дизайн. Пожалуйста, почистите кеш и куки!<br> Если вы заметили, что что-то где-то криво отображается, пишите в тему: <a href="https://forumd.ru/viewtopic.php?id=399">Сообщить об ошибках и багах</a>.<br> Предложения по дизайну можно внести здесь: <a href="https://forumd.ru/viewtopic.php?id=7848">Редизайн 2024 - идеи, предложения, обсуждения</a>.<br> </div> <!-- <div id="ann" class="rus"> &#10071; &#10071; &#10071; На форуме временные проблемы с регистрацией пользователей! &#10071; &#10071; &#10071; <br> Если вам не пришел пароль от аккаунта на почту пишите сюда свой никнейм и e-mail: <a href="/viewtopic.php?id=4506" target='blank'>Диалог с администрацией</a> <br>Администраторы зарегистрируют и активируют аккаунт вручную. </div> --> <!-- <div id="ann" class="rus"> &#127912; Баттл графистов: <a href="/viewtopic.php?id=8250" target='blank'>проголосуйте за понравившуюся работу</div> --> <!-- <div id="ann" class="rus">Требуются модераторы! <a href="https://forumd.ru/viewtopic.php?id=5787#p134326" target='blank'>Посмотреть вакансии и подать заявку.</a> Денежную оплату и "плюшки" гарантируем &#128178; </div> --> <!-- <div id="ann" class="rus"> &#127876; <a href="/viewtopic.php?id=2921&p=21#p191508" target='blank'>Подборка новогодних украшений вашего проекта</a></div> --> <!-- --><div id="ann" class="eng"> &#10071; &#10071; &#10071; Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, <a href="https://i.imgur.com/mg0OGtT.png" target='blank'>switch to the russian language.</a> This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience. </div> <!-- <div id="ann" class="rus moderator-ann">Пожалуйста <a href="/viewtopic.php?id=7206" target='blank'>заполните анкету</a> и расскажите о вашей готовности к англоязычным пользователям. </div> --> </div> </div> </div> <!--/noindex--> <div id="pun-status" class="section"> <h2><span>Информация о пользователе</span></h2> <p class="container"> <span class="item1">Привет, Гость!</span> <span class="item2"><a href="/login.php" rel="nofollow">Войдите</a> или <a href="/register.php" rel="nofollow">зарегистрируйтесь</a>.</span> </p> </div> <div id="pun-break1" class="divider"><hr /></div> <div id="pun-crumbs1" class="section"> <p class="container crumbs"><strong>Вы здесь</strong> <em>&#187;&#160;</em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=14">Архив устаревших тем</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=184">Архив конкурсов и ивентов</a> <em>&#187;&#160;</em>&quot;Я - вебмастер!&quot; Этап 1. Как это работает?! О_о</p> </div> <div id="pun-break2" class="divider"><hr /></div> <!-- banner_mini_top --> <div id="pun-main" class="main multipage"> <h1><span>&quot;Я - вебмастер!&quot; Этап 1. Как это работает?! О_о</span></h1> <div class="linkst"> <div class="pagelink">Страница: <strong>1</strong>&#160;<a href="https://forumd.ru/viewtopic.php?id=3890&amp;p=2">2</a>&#160;<a href="https://forumd.ru/viewtopic.php?id=3890&amp;p=3">3</a>&#160;<a href="https://forumd.ru/viewtopic.php?id=3890&amp;p=4">4</a>&#160;<a href="https://forumd.ru/viewtopic.php?id=3890&amp;p=5">5</a>&#160;&#160;<a class="next" href="https://forumd.ru/viewtopic.php?id=3890&amp;p=2">&raquo;</a></div> <div class="postlink"><span class="closed">Тема закрыта</span></div> </div> <div id="topic_t3890" class="topic closed pinned"> <h2><span class="item1">Сообщений</span> <span class="item2">1 страница 10 из 49</span></h2> <div id="p111653" class="post topicpost topic-starter" data-posted="1349379536" data-user-id="478" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p111653" onclick="return false;">Поделиться</a><strong>1</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=3890#p111653">04.10.12 23:38</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=478" rel="nofollow">sadhaka</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://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="p111653-content" class="post-content"> <p>Еще раз прошу прощения у всех за долгое ожидание, но (ура!) я, наконец, поправилась и мы продолжаем <img src="https://forumstatic.ru/img/smilies/MyBB/universal/smile.gif" alt=":)" /> </p> <p><strong>Объявляю об открытии ПЕРВОГО ЭТАПА конкурса &quot;Я веб-мастер!&quot;.</strong></p> <p><strong><span style="font-size: 14px">Напомню, что в первый этап прошли участники, набравшие 15 и больше баллов в отборочном этапе. Это 22 участника: </span></strong></p><div class="quote-box quote-main"><blockquote><p><img class="postimg" loading="lazy" src="https://s1.uploads.ru/H7wP4.png" alt="http://s1.uploads.ru/H7wP4.png" /> <strong>Рунный</strong> 24<br /><span style="color: navy"><strong>Адель Камински &quot;Кот&quot;</strong></span> 23<br /><img class="postimg" loading="lazy" src="https://s1.uploads.ru/H7wP4.png" alt="http://s1.uploads.ru/H7wP4.png" /> <strong>Ghоst</strong> 22<br /><img class="postimg" loading="lazy" src="https://s1.uploads.ru/H7wP4.png" alt="http://s1.uploads.ru/H7wP4.png" /> <strong>Leonheart</strong> 22<br /><img class="postimg" loading="lazy" src="https://s1.uploads.ru/H7wP4.png" alt="http://s1.uploads.ru/H7wP4.png" /> <strong>faiko</strong> 21<br /><img class="postimg" loading="lazy" src="https://s1.uploads.ru/H7wP4.png" alt="http://s1.uploads.ru/H7wP4.png" /> <strong>Eri</strong> 20<br /><img class="postimg" loading="lazy" src="https://s1.uploads.ru/H7wP4.png" alt="http://s1.uploads.ru/H7wP4.png" /> <strong>Danessa</strong> 20<br /><img class="postimg" loading="lazy" src="https://s1.uploads.ru/H7wP4.png" alt="http://s1.uploads.ru/H7wP4.png" /> <strong>Бу</strong> 19<br /><strong>Арина Пестрова</strong> 19<br /><strong>Mrayne</strong> 19<br /><strong><span style="color: navy">Deisy &quot;Кот&quot;</span></strong> 19<br /><strong>essen menschen </strong>&nbsp; &nbsp;18<br /><img class="postimg" loading="lazy" src="https://s1.uploads.ru/H7wP4.png" alt="http://s1.uploads.ru/H7wP4.png" /> <strong>MariaD</strong> 18<br /><strong>Пернатый</strong> 17<br /><strong>Лаит</strong>&nbsp; &nbsp;17<br /><img class="postimg" loading="lazy" src="https://s1.uploads.ru/H7wP4.png" alt="http://s1.uploads.ru/H7wP4.png" /> <strong>супернатурал</strong> 17<br /><strong><span style="color: navy">slastnicova &quot;Кот&quot;</span></strong> 17<br /><strong>Шериан</strong> 16<br /><strong>Rush</strong> 16<br /><strong>Нелл</strong>&nbsp; &nbsp;15<br />R<strong>hisenn</strong> 15<br /><strong><span style="color: navy">Ulia &quot;Кот&quot;</span></strong> 15</p></blockquote></div> <p><strong>Еще раз поздравляю прошедших и готова предложить новые задания <img src="https://forumstatic.ru/img/smilies/MyBB/universal/wink.gif" alt=";)" /> </strong></p><hr /><p><strong><span style="font-size: 16px"><span style="color: maroon">Этап 1. Как это работает? О_о</span></span></strong></p> <p><strong><span style="font-size: 14px"><span style="color: green">Правила этапа:</span></span></strong></p><div class="quote-box quote-main"><blockquote><p>Этот этап уже был на конкурсе, но в этом году претерпел некоторые изменения.<br />1. Этап содержит 16 заданий с открытым ответом.<br />2. На каждый вопрос участник должен дать развернутый или краткий ответ в зависимости от специфики вопроса (например, в некоторых вопросах нужно просто перечислить теги, а в некоторых - объяснить почему так или иначе работает данный код). <br />3. За каждый ответ участник может получить от 0 до 3 баллов в зависимости от полноты и правильности ответа. Проверять ответы будут 2 организатора sadhaka и Герда. При несовпадении оценок ответа, участник получит максимальную из оценок обоих организаторов (например, если sadhaka оценила ответ в 1 балл, а Герда - в 3, то участник получит 3 балла). <br />4. Поместите Ваш ответ в спойлер с пометкой &quot;Конкурс&quot; (с большой буквы(!)). Например,</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>[spoiler=&quot;Конкурс&quot;]Задание 1. Я считаю, что .... [/spoiler]</pre></div></div></div><p>Вы должны увидеть такое сообщение: </p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Конкурс</div><blockquote><p>Привет, мир!</p></blockquote></div><p>Если Вы увидели что-то другое, прошу Вас, сообщите организаторам.</p></blockquote></div> <p><strong>Этап открыт до 11.10 23.50 по Московскому времени. Результаты будут объявлены 13.10.</strong><br />Надеюсь в скором времени второй организатор в лице Герды приоткроет еще немного завесу тайны главного приза и озвучит утешительные призы этого этапа. </p> <p>Удачи!<br /><strong><span style="font-size: 14px"><span style="color: maroon"><br />Внимание! Задания!</span></span></strong></p> <p><strong>1. Какими свойствами будет обладать элемент, для которого определены следующие стилевые правила?</strong></p> <p><a href="http://uploads.ru/rSsyk.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://s1.uploads.ru/t/rSsyk.jpg" alt="http://s1.uploads.ru/t/rSsyk.jpg" /></a></p> <p><strong>2. Как убрать подчеркивание для всех ссылок?</strong></p> <p><strong>3. Дан код:</strong></p> <p><a href="http://uploads.ru/FfKiC.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://s1.uploads.ru/t/FfKiC.jpg" alt="http://s1.uploads.ru/t/FfKiC.jpg" /></a></p> <p><strong>В какой из строк установлен двойной межстрочный интервал и почему?</strong></p> <p><strong>4. В чём состоят отличия между примерами, представленными в следующем фрагменте кода:</strong></p> <p><a href="http://uploads.ru/LsWZG.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://s1.uploads.ru/t/LsWZG.jpg" alt="http://s1.uploads.ru/t/LsWZG.jpg" /></a></p> <p><strong>5. Каким образом будет выглядеть конечный документ после обработки браузером данного фрагмента кода и почему?</strong></p> <p><a href="http://uploads.ru/NiAvs.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://s1.uploads.ru/t/NiAvs.jpg" alt="http://s1.uploads.ru/t/NiAvs.jpg" /></a></p> <p><strong>6. Какой слой не будет виден после обработки браузером следующего фрагмента кода:</strong></p> <p><a href="http://uploads.ru/0HR9m.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://s1.uploads.ru/t/0HR9m.jpg" alt="http://s1.uploads.ru/t/0HR9m.jpg" /></a></p> <p><strong>7. Какие строки содержат ошибки? Исправьте их.</strong></p> <p><a href="http://uploads.ru/4EKOo.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://s1.uploads.ru/t/4EKOo.jpg" alt="http://s1.uploads.ru/t/4EKOo.jpg" /></a></p> <p><strong>8.&nbsp; Какое значение будет иметь третий маркер списка:</strong></p> <p><a href="http://uploads.ru/tjyV0.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://s1.uploads.ru/t/tjyV0.jpg" alt="http://s1.uploads.ru/t/tjyV0.jpg" /></a></p> <p><strong>9.&nbsp; Какие теги позволяют создавать элементы с множественным выбором?</strong></p> <p><strong>10. Что означает данный код?</strong></p> <p><a href="http://uploads.ru/eGLdN.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://s1.uploads.ru/t/eGLdN.jpg" alt="http://s1.uploads.ru/t/eGLdN.jpg" /></a></p> <p><strong>11. Может ли у тега &lt;a&gt; не быть атрибута href? Почему?</strong></p> <p><strong>12. Для чего предназначен id тегов?</strong>&nbsp; </p> <p><strong>13. Какими свойствами будет обладать элемент, для которого заданы следующие правила?</strong></p> <p><a href="http://uploads.ru/8Y1Mk.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://s1.uploads.ru/t/8Y1Mk.jpg" alt="http://s1.uploads.ru/t/8Y1Mk.jpg" /></a></p> <p><strong>14. Какими способами можно задать размеры изображения? Приведите примеры.</strong></p> <p><strong>15. Какие строки содержат ошибки? Исправьте их.</strong></p> <p><a href="http://uploads.ru/UTMpq.jpg" rel="nofollow ugc" target="_blank"><img class="postimg" loading="lazy" src="https://s1.uploads.ru/t/UTMpq.jpg" alt="http://s1.uploads.ru/t/UTMpq.jpg" /></a></p> <p><strong>16. Что произойдет с элементом, если задать ему правило position: absolute?</strong></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="p111678" class="post altstyle" data-posted="1349448021" data-user-id="4288" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p111678" onclick="return false;">Поделиться</a><strong>2</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=3890#p111678">05.10.12 18:40</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=4288" rel="nofollow">Leonheart</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/4288-1347858335.jpg" alt="Leonheart" title="Leonheart" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />02.07.14 16:41</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+35</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p111678-content" class="post-content"> <div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Конкурс</div><blockquote><p><del>Можно без вступительных слов... просто текстом отвечать?&nbsp; <img class="postimg" loading="lazy" src="https://uploads.ru/i/A/J/R/AJRIv.gif" alt="http://uploads.ru/i/A/J/R/AJRIv.gif" /> </del></p> <p><strong>Задание 1.</strong> <span style="font-size: 10px">(Какими свойствами будет обладать элемент, для которого определены стилевые правила)</span></p> <p>Элемент будет обладать следующими свойствами:<br />- отступ от левой границы элемента в 500 пикселей от начальной точки расположения, т.к. из двух заданий одного и того же свойства выполняется последнее.<br />В случае, если элемент содержит текст, то еще и:<br />- интервал между символами в 0.1 em единиц, относительно высоты шрифта; <br />- бувквы будут заглавными.</p> <p><strong>Задание 2.</strong> <span style="font-size: 10px">Как убрать подчеркивание для всех ссылок?</span></p> <p>С помощью CSS задать им свойство:</p><div class="quote-box quote-main"><blockquote><p>a, a:hover, a:active, a:visited {text-decoration: none;}</p></blockquote></div> <p>Уберет подчеркивание у обычной/при наведении/нажатой/посещенной ссылок соответственно.</p> <p><strong>Задание 3.</strong> <span style="font-size: 10px">Дан код... В какой из строк установлен двойной межстрочный интервал и почему?</span></p> <p>Двойной межстрочный интервал будет у первой строки, потому что задан стилевой класс, переопределивший стандартный размер (в данном случае в 1em) межстрочного интервала для первой строки.</p> <p><strong>Задание 4.</strong> <span style="font-size: 10px">В чём состоят отличия между примерами, представленными во фрагменте кода...</span></p> <p>Различие состоит в том, что в первом случае данное свойство семейства шрифтов будет применено <strong>и</strong> к абзацу, <strong>и</strong> к тексту, написанному курсивом (в тегах &lt;i&gt;&lt;/i&gt;); <br />во втором случае - только к тексту, написанному курсивом.</p> <p><strong>Задание 5.</strong> <span style="font-size: 10px">Каким образом будет выглядеть конечный документ после обработки браузером фрагмента кода и почему?</span></p> <p>Документ будет выглядеть так: <br />на сером фоне расположены друг под другом две строки текста, первая в оранжевом прямоугольнике, вторая изменений не претерпевает (т.е. черные буквы на сером фоне). Происходит это потому, что тег &lt;p&gt; является блочным элементом. И тег &lt;div&gt; также является блочным элементом. И по правилам тега &lt;p&gt; - если после первой строки не было поставлено закрывающего тега (&lt;/p&gt;), конец абзаца совпадет с началом следующего блочного элемента, коим и стал &lt;div&gt;.</p> <p><strong>Задание 6.</strong> <span style="font-size: 10px">Какой слой не будет виден после обработки браузером фрагмента кода.</span></p> <p><strong>Третий <span style="color: blue">(Third)</span></strong> - потому что его положение выходит за рамки окна браузера.</p> <p><strong>Задание 7.</strong> <span style="font-size: 10px">Какие строки содержат ошибки? Исправьте их.</span></p><div class="quote-box quote-main"><blockquote><p><strong>0</strong>&nbsp; div {<br /><strong>1</strong>&nbsp; background-color: transparent;<br /><strong>2</strong>&nbsp; color: <strong><span style="color: red">_</span></strong>d9b666;<br /><strong>3</strong>&nbsp; font-<strong><span style="color: red">style</span></strong>: <strong><span style="color: red">bold</span></strong>;<br /><strong>4</strong>&nbsp; margin-top: 10px;<br /><strong>5</strong>&nbsp; text-align: center;<br />&nbsp; &nbsp;}</p></blockquote></div> <p><strong>Ответ:</strong> ошибки в строках <strong>2</strong> и <strong>3</strong>.</p> <p><strong>1 вариант исправления:</strong></p><div class="quote-box quote-main"><blockquote><p>div {<br />&nbsp; background-color: transparent;<br />&nbsp; color: <strong><span style="color: blue">#</span></strong>d9b666;<br />&nbsp; font-style: <strong><span style="color: blue">italic</span></strong>;<br />&nbsp; margin-top: 10px;<br />&nbsp; text-align: center;<br />&nbsp; &nbsp;}</p></blockquote></div> <p>2 вариант исправления:</p><div class="quote-box quote-main"><blockquote><p>div {<br />&nbsp; background-color: transparent;<br />&nbsp; color: <strong><span style="color: blue">#</span></strong>d9b666;<br />&nbsp; font-<strong><span style="color: blue">weight</span></strong>: bold;<br />&nbsp; margin-top: 10px;<br />&nbsp; text-align: center;<br />&nbsp; &nbsp;}</p></blockquote></div> <p><strong>Задание 8.</strong> <span style="font-size: 10px">Какое значение будет иметь третий маркер списка:</span></p> <p>Значение &quot;<strong><span style="color: blue">H</span></strong>&quot; (англ. алфавит).</p> <p><strong>Задание 9.</strong> <span style="font-size: 10px">Какие теги позволяют создавать элементы с множественным выбором?</span></p> <p>Теги <strong>&lt;select&gt;&lt;/select&gt;</strong> с атрибутом <strong>multiple</strong> позволяют создавать элементы с множественным выбором.</p> <p><strong>Пример:</strong></p><div class="quote-box quote-main"><blockquote><p>&lt;form&gt;<br />&lt;select multiple&gt;<br />&lt;option&gt;Element 1&lt;/option&gt;<br />&lt;option&gt;Element 2&lt;/option&gt;<br />&lt;/select&gt;<br />&lt;/form&gt;</p></blockquote></div> <p><strong>Задание 10.</strong> <span style="font-size: 10px">Что означает данный код?</span></p> <p>Данный код означает, что на странице расположено 3 элемента с &quot;флажками&quot;, последний из которых будет заранее помечен (<strong>checked</strong>). <br />Кроме того, у каждого элемента задано имя (<strong>name</strong>), что позволит его идентифицировать при обработке, и значение (<strong>value</strong>), которое является уникальным для каждого флажка и позволит обработчику одназначно установить, какой пункт был выбран.</p> <p><strong>Задание 11.</strong> <span style="font-size: 10px">Может ли у тега &lt;a&gt; не быть атрибута href? Почему?</span></p> <p>У тега <strong>&lt;a&gt;</strong> <em class="bbuline">не может <strong>не</strong> быть</em> атрибута <strong><span style="color: red">href</span></strong>, т.к. последний является для тега <strong>&lt;a&gt;</strong> обязательным.</p> <p><strong>Задание 12.</strong> <span style="font-size: 10px">Для чего предназначен id тегов? </span></p> <p>Атрибут <strong>id</strong> присваивает элементу уникальное название, которое может быть только единственным в пределах данного документа (т.е. двух элементов с одинаковыми значениями id в коде быть не должно, <del>для этого существуют классы</del>). <br />Это уникальное название впоследствии даст возможность обратиться к элементу посредством скриптов.<br />Атрибут <strong>id</strong> в HTML имеет не одно применение:<br />- он может выступать как селектор стиля отдельных элементов,<br />- так и в качестве закладки для гиперссылок,<br />- или для указания на конкретный элемент из сценария (script),<br />- также в качестве имени элемента object.</p> <p><strong>Задание 13.</strong> <span style="font-size: 10px">Какими свойствами будет обладать элемент, для которого заданы правила?</span></p> <p>1. Если элемент содержит текст, то цвет текста будет черного цвета, а тень текста будет размытой в радиусе <strong>6</strong> пикселей цвета <strong>c0c0c0</strong>. </p> <p>(*2. Куски кода, отвечающие за фон блочного элемента не сработают, ибо там три ошибки кряду.<br />Если в последней строке исправить на:</p><div class="quote-box quote-main"><blockquote><p>back<strong><span style="color: blue">g</span></strong>round: transparent;</p></blockquote></div> <p>Фактически ничего не поменяется, т.к. по умолчанию цвет фона и без того <strong>transparent</strong>. Но вот если исправить после этого еще 2 ошибки в первой строке:</p><div class="quote-box quote-main"><blockquote><p>back<strong><span style="color: blue">g</span></strong>round-color: #fffff<strong><span style="color: blue">f</span></strong> !important;</p></blockquote></div> <p>то у фона блочного элемента появится цвет, и будет он <strong>белым</strong>, причем неважно, какой код цвета будет задан в последней строке, <strong>!important</strong> повышает приоритет первой строки.</p><hr /><p>Однако если это были <span style="font-style: italic">не</span>намеренные опечатки (а скорее всего они были сделаны специально), вторая часть ответа идет как примечание оО.</p> <p><strong>Задание 14.</strong> <span style="font-size: 10px">Какими способами можно задать размеры изображения? Приведите примеры.</span></p> <p><strong>С помощью HTML.</strong></p> <p>1. Прямо в тегe, предназначенном для вывода изображения в графическом виде:</p><div class="quote-box quote-main"><blockquote><p>&lt;img <span style="color: blue">width=&quot;100&quot; height=&quot;100&quot;</span> src=&quot;http://mmm.ru&quot;/&gt;</p></blockquote></div> <p>Причем если указать только ширину </p><div class="quote-box quote-main"><blockquote><p>&lt;img <span style="color: blue">width=&quot;100&quot;</span> src=&quot;http://mmm.ru&quot;/&gt;</p></blockquote></div> <p>высота будет вычисляться браузером автоматически и пропорционально относительно основного изображения.</p> <p>2. Этим же способом, но в процентном отношении:</p><div class="quote-box quote-main"><blockquote><p>&lt;img <span style="color: blue">width=&quot;101%&quot; height=&quot;101%&quot;</span> src=&quot;http://mmm.ru&quot;/&gt;<br />&lt;img <span style="color: blue">width=&quot;101%&quot;</span> src=&quot;http://mmm.ru&quot;/&gt;</p></blockquote></div> <p><strong>Средствами CSS:</strong></p> <p>3.</p><div class="quote-box quote-main"><blockquote><p>&lt;img <span style="color: blue">style=&quot;width: 101%; height: 101%;&quot;</span> src=&quot;http://mmm.ru&quot;/&gt;<br />&lt;img <span style="color: blue">style=&quot;width: 101%;&quot;</span> src=&quot;http://mmm.ru&quot;/&gt;</p></blockquote></div> <p>Причем в этом случае уже возможны любые доступные CSS единицы длины, <span style="font-style: italic">не</span> только px и %.</p> <p>4. Описать через CSS путем обращения к тегу <strong>&lt;img/&gt;</strong>:</p><div class="quote-box quote-main"><blockquote><p>img {<span style="color: blue">width: 200px; height: 30px;</span>}</p></blockquote></div> <p>или</p><div class="quote-box quote-main"><blockquote><p>img {<span style="color: blue">width: 200px;</span>}</p></blockquote></div> <p>Пропорции сохраняются как и прежде.</p> <p>В вопросе не указано, как конкретно представлено изображение, размеры которого меняем доступными нам способами. Значится ли оно в теге <strong>&lt;img/&gt;</strong> или описано через CSS как свойство <strong>background</strong>. <br />5. Если последний случай все же имеет смысл, то есть такое свойство как <strong><span style="color: blue">background-size</span></strong>, которое масштабирует изображение согласно заданным размерам. К примеру одно из значений этого свойства - <strong>contain</strong></p><div class="quote-box quote-main"><blockquote><p>background: transparent url(&quot;...link...&quot;) 0 0 no-repeat;<br /><span style="color: blue">background-size: contain;</span></p></blockquote></div> <p>Масштабирует изображение с сохранением пропорций так, что картинка полностью помещается внутри блока. <br /><del>Об остальных значениях можно почитать в учебниках...</del></p> <p><del>Ну или просто обрезать/уменьшить в ФШ или любом другом граф. редакторе до нужного размера и поставить в &lt;img/&gt; как есть )</del></p> <p><strong>Задание 15.</strong> <span style="font-size: 10px">Какие строки содержат ошибки? Исправьте их.</span></p><div class="quote-box quote-main"><blockquote><p><strong>0</strong>&nbsp; div {<br /><strong>1</strong>&nbsp; &nbsp; border-color: #c1b194;<br /><strong>2</strong>&nbsp; &nbsp; border-style: <strong><span style="color: red">thin</span></strong>;<br /><strong>3</strong>&nbsp; &nbsp; border-width: 1<strong><span style="color: red">%</span></strong>;<br /><strong>4</strong>&nbsp; &nbsp; }</p></blockquote></div> <p><strong>Ответ:</strong> ошибки в строках 2 и 3</p> <p>Относительно 2-ой строки, у <strong>border-style</strong> нет такого значения как <strong><span style="color: red">thin</span></strong>. Поэтому меняем его на любое существующее.<br />Относительно 3-ей строки, <strong>border-width</strong> имеет 3 значения <strong>thin|medium|thick</strong>, однако толщина этих значений несколько отличается в разных браузерах. Рациональнее задавать <strong>border-width</strong> в пикселях. <br />Также в процентах толщина границы не измеряется, и браузер просто выдает толщину границы по умолчанию.</p> <p>Поэтому</p><div class="quote-box quote-main"><blockquote><p>div {<br />&nbsp; border-color: #c1b194;<br />&nbsp; border-style: <strong><span style="color: blue">solid</span></strong>;<br />&nbsp; border-width: <strong><span style="color: blue">1px</span></strong>;<br />&nbsp; }</p></blockquote></div> <p><strong>Задание 16.</strong></p> <p><span style="font-size: 8px"><del>И последний вопрос... неужели <img src="https://forumstatic.ru/img/smilies/MyBB/universal/lol.gif" alt=":D" /></del></span></p> <p>При задании элементу правила <strong>position: absolute</strong> элемент окажется абсолютно позиционированым, при этом другие элементы документа отобразятся так, словно нашего абсолютно позиционированного и нет среди них. <br /><del>Ситуация исправляется применением правила <strong>z-index</strong>.</del> <br />Положение элемента будет задаваться такими свойствами как <strong>top</strong>, <strong>right</strong>, <strong>bottom</strong>, <strong>left</strong>.<br />На положение абсолютно позиционированного элемента влияет и значение свойства <strong>position</strong> <span style="color: red">у родительского элемента</span>.</p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Проверка. sadhaka</div><blockquote><p>1. 3б<br />2. 3б<br />3. 2,5б (не указано, что стилевое правило трекинга для класса .line задано с помощью множителя).<br />4. 1,5б (во втором случае к курсиву в абзаце)<br />5. 3б<br />6. 3б <br />7. 3б<br />8. 3б<br />9. 1,5б (не указан &lt;input type=&quot;checkbox&quot;&gt;<br />10. 3б<br />11. 0б (может, если это - якорь, тогда задан должен быть атрибут name)<br />12. 3б<br />13. 3б<br />14. 3б (+бонус 1б)<br />15. 3б<br />16. 2б</p></blockquote></div><p><span style="font-size: 16px"><strong><span style="color: maroon">41,5 баллов</span></strong></span></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="p111682" class="post" data-posted="1349452005" data-user-id="4127" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p111682" onclick="return false;">Поделиться</a><strong>3</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=3890#p111682">05.10.12 19:46</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=4127" rel="nofollow">Ghоst</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/4127-1356722751.jpg" alt="Ghоst" title="Ghоst" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />22.11.13 16:00</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+299</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p111682-content" class="post-content"> <div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Конкурс</div><blockquote><p><strong>1. </strong>Отступом слева в 500px, отступом между буквами в 0.1 от размера шрифта элемента, все буквы прописные.</p> <p><strong>2. </strong>Для всех видов ссылок, в том числе наведенных, активных и пр. </p><div class="quote-box quote-main"><blockquote><p>a { text-decoration: none!important }</p></blockquote></div> <p><strong>3.</strong> У параграфа класса line, то есть у строки &quot;Строка 1...&quot;, поскольку в его стиле прописан множитель интерлиньяжа 2, то есть основной интервал в 1em умножается на 2.<br /><strong>4.</strong> В первом примере стилевое указание относятся к тегам p и i, тогда как во втором - к тегам i, стоящим внутри тегов p - так называемый контекстный селектор.<br /><strong>5. </strong>на сером фоне странице будет строка с оранжевым фоном, черными буквами и надписью &quot;First&quot;, а после нее с новой строки будет блок без фона (то есть с подложкой из фона страницы) с черной надписью &quot;Second&quot;.<br /><strong>6. </strong>Четвертый, так как отступ считается от материнского элемента, а здесь им является тело страницы. Так что четвертый блок уйдет влево за ее пределы. <br /><strong>7.</strong> </p><div class="quote-box quote-main"><blockquote><p>div {<br />&nbsp; &nbsp; &nbsp;background-color: transparent;<br />&nbsp; &nbsp; &nbsp;color: #d9b666;<br />&nbsp; &nbsp; &nbsp;font-weight: bold;<br />&nbsp; &nbsp; &nbsp;margin-top: 10px;<br />&nbsp; &nbsp; &nbsp;text-align: center;<br />&nbsp; &nbsp; }</p></blockquote></div><p><strong>8.</strong> h.<br /><strong>9. </strong></p><div class="quote-box quote-main"><blockquote><p>&lt;input type='checkbox'&gt;</p></blockquote></div><div class="quote-box quote-main"><blockquote><p>&lt;select multiple&gt;<br />&nbsp; &lt;option&gt;Пункт&lt;/option&gt;<br />&nbsp; &lt;option&gt;Пункт&lt;/option&gt;<br />&lt;/select&gt;</p></blockquote></div><p><strong>10.</strong> Три &quot;флажка&quot;, чекбокса, причем последний из них заранее отмечен, уникально определенных для клиентской или серверной программы с помощью value для определения однозначности выбора пользователя и уникально именованы на странице.<br /><strong>11. </strong>У тега - может не быть, если тег является якорем. Тогда для него обязательным является name. Для ссылки этот атрибут обязателен.<br /><strong>12. </strong>Задает стилевой идентификатор, то есть уникальное имя элемента, с помощью которого к нему можно обращаться через css или скрипты. Должен быть уникальным, то есть присутствовать только у одного элемента.<br /><strong>13.</strong> Черный цвет текста, серая тень у текста без смещения радиуса 6px. В background'ах ошибка в написании.<br /><strong>14.</strong> Можно в самом изображении </p><div class="quote-box quote-main"><blockquote><p>&lt;img src=&quot;&quot; width=&quot;350&quot; height=&quot;250&quot;&gt;</p></blockquote></div><p>Можно поизвращеннее.</p><div class="quote-box quote-main"><blockquote><p>&lt;img src=&quot;&quot; style=&quot;width: 350px; height: 250px&quot;&gt;</p></blockquote></div> <p>Если нам плевать и все изображения в одном размере - можно обратиться потегово:</p><div class="quote-box quote-main"><blockquote><p>&lt;img src=&quot;&quot;&gt;<br />&lt;style&gt; <br />img { width: 350px; height: 250px }<br />&lt;/stye&gt;</p></blockquote></div> <p>Если у нас есть нужда масштабировать изображение, помещенное в другой тег (например, в параграф), то можно использовать контекстный селектор:</p><div class="quote-box quote-main"><blockquote><p>&lt;p&gt;&lt;img src=&quot;&quot;&gt;&lt;/p&gt;<br />&lt;style&gt; <br />p img { width: 350px; height: 250px }<br />&lt;/stye&gt;</p></blockquote></div> <p>Если внешний элемент у нас имеет класс или идентификатор, то можно обратиться к изображению в конкретном параграфе/параграфах с помощью контекстного селектора (расписывать не буду, ибо лень и само собой уже понятно).</p> <p>Можно задать идентификатор и обращаться к нему.</p><div class="quote-box quote-main"><blockquote><p>&lt;img src=&quot;&quot; id=&quot;image&quot;&gt;<br />&lt;style&gt; <br />#image { width: 350px; height: 250px }<br />&lt;/stye&gt;</p></blockquote></div><p>Можно класс, если изображений с одним размером много.</p><div class="quote-box quote-main"><blockquote><p>&lt;img src=&quot;1&quot; class=&quot;image&quot;&gt;<br />&lt;img src=&quot;2&quot; class=&quot;image&quot;&gt;<br />&lt;style&gt; <br />.image { width: 350px; height: 250px }<br />&lt;/stye&gt;</p></blockquote></div> <p>Можно для особых извратов изображение масштабировать с помощью css3</p><div class="quote-box quote-main"><blockquote><p>&lt;img src=&quot;&quot; style=&quot;transform: scale(1.2);&quot;&gt;</p></blockquote></div> <p><strong>15.</strong><br />У border-style нет значения thin, а border-width не воспринимает проценты, хотя в справочнике сказано, что можно использовать пикселы и другие единицы. em воспринимает нормально.</p><div class="quote-box quote-main"><blockquote><p>div {<br />&nbsp; border-color: #c1b194;<br />&nbsp; border-style: solid;<br />&nbsp; border-width: 1px;<br />&nbsp; }</p></blockquote></div> <p><strong>16.</strong> Задает абсолютное позиционирование элемента, так, что остальные элементы на странице ведут себя так, словно позиционированного элемента не существует. Положение задаются через задание расстояний от краев родительского элемента (left, right и т.д.) и зависит от позиционирования родительского элемента.</p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Проверка. sadhaka</div><blockquote><p>1. 3б<br />2. 2б (!important вовсе необязательно) <br />3. 3б<br />4. 3б<br />5. 2б (нет объяснения, почему)<br />6. 3б<br />7. 3б<br />8. 0б (не &quot;h&quot;, а &quot;H&quot;)<br />9. 3б<br />10. 3б<br />11. 3б<br />12. 3б<br />13. 3б<br />14. 3б (+бонус 1б)<br />15. 3б<br />16. 2б</p></blockquote></div><p><span style="font-size: 16px"><strong><span style="color: maroon">43 балла</span></strong></span></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="p111683" class="post altstyle" data-posted="1349453218" data-user-id="4127" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p111683" onclick="return false;">Поделиться</a><strong>4</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=3890#p111683">05.10.12 20:06</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=4127" rel="nofollow">Ghоst</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/4127-1356722751.jpg" alt="Ghоst" title="Ghоst" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />22.11.13 16:00</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+299</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p111683-content" class="post-content"> <p>Тов. организаторы. На странице ответа post.php спойлер виден как спойлер, а не как &quot;Ваш ответ принят...&quot;.</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="p111685" class="post topic-starter" data-posted="1349454036" data-user-id="478" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p111685" onclick="return false;">Поделиться</a><strong>5</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=3890#p111685">05.10.12 20:20</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=478" rel="nofollow">sadhaka</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://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="p111685-content" class="post-content"> <p><strong>Ghоst</strong><br />Да на самом защита от копирования - слабая, да и сильная не планировалась. Кто хочет может просто отключить яваскрипт. <br />Я все же надеюсь на порядочность участников. Убирала просто, чтобы не маячило. <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="p111687" class="post altstyle" data-posted="1349454243" data-user-id="4288" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p111687" onclick="return false;">Поделиться</a><strong>6</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=3890#p111687">05.10.12 20:24</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=4288" rel="nofollow">Leonheart</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/4288-1347858335.jpg" alt="Leonheart" title="Leonheart" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />02.07.14 16:41</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+35</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p111687-content" class="post-content"> <p><span style="font-size: 8px">Я так понимаю, исправлению не подлежит, если уже после отправки вспомнил, где и почему ошибся...</span>&nbsp; <img class="postimg" loading="lazy" src="https://uploads.ru/i/k/X/H/kXHQl.gif" alt="http://uploads.ru/i/k/X/H/kXHQl.gif" /></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="p111690" class="post topic-starter" data-posted="1349455036" data-user-id="478" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p111690" onclick="return false;">Поделиться</a><strong>7</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=3890#p111690">05.10.12 20:37</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=478" rel="nofollow">sadhaka</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://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="p111690-content" class="post-content"> <p><strong>Leonheart</strong><br />Можно дописать новым постом точно так же в спойлер, номер задания и ответ. <br />Поскольку завершается этап 13 числа, до 13 можно исправлять сколько угодно.</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="p111692" class="post altstyle" data-posted="1349455599" data-user-id="4127" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p111692" onclick="return false;">Поделиться</a><strong>8</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=3890#p111692">05.10.12 20:46</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=4127" rel="nofollow">Ghоst</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/4127-1356722751.jpg" alt="Ghоst" title="Ghоst" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />22.11.13 16:00</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+299</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p111692-content" class="post-content"> <p><strong>sadhaka</strong><br />Кто хочет - найдет путь, хех. <br />Да чего там, пока что все относительно просто.</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="p111693" class="post" data-posted="1349456288" data-user-id="4288" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p111693" onclick="return false;">Поделиться</a><strong>9</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=3890#p111693">05.10.12 20:58</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=4288" rel="nofollow">Leonheart</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/4288-1347858335.jpg" alt="Leonheart" title="Leonheart" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />02.07.14 16:41</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+35</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p111693-content" class="post-content"> <p><del><strong>sadhaka</strong>, благодарю за пояснение&nbsp; <img class="postimg" loading="lazy" src="https://uploads.ru/i/c/S/r/cSrO9.gif" alt="http://uploads.ru/i/c/S/r/cSrO9.gif" /></del> </p><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Конкурс</div><blockquote><p><strong>Задание 6. (Исправленное)</strong></p> <p><strong>Четвертый (<span style="color: blue">Fourth</span>)</strong> - потому что его положение выходит за рамки окна браузера.</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="p111699" class="post altstyle endpost" data-posted="1349458769" data-user-id="5140" data-group-id="17"> <h3><span><a class="sharelink" rel="nofollow" href="#p111699" onclick="return false;">Поделиться</a><strong>10</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=3890#p111699">05.10.12 21:39</a></span></h3> <div class="container"> <div class="post-author"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=5140" rel="nofollow">супернатурал</a></li> <li class="pa-title">Призрак</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/5140-1348421093.png" alt="супернатурал" title="супернатурал" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />09.11.12 17:39</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+12</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p111699-content" class="post-content"> <div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Конкурс</div><blockquote><p><strong>Задание 1.</strong><br />Элемент будет иметь отступ (расстояние от левого края) в 500px<span style="color: red">*</span>, текстовые символы этого элемента приобретут интервал в 0.1 em, а так же станут заглавными (ВЕРХНИЙ РЕЕСТР)<br /><span style="color: red">*</span> грубо говоря одно и то же свойство прописано два раза, поэтому браузер будет использовать то значение, которое задали последним, а 200px первого значения будут проигнорированы.</p> <p><strong>Задание 2.</strong><br />Это делается при помощи css и свойства <span style="font-style: italic">text-decoration</span><br />Вообще, по умолчанию задано значение none, то бишь без подчеркивания.<br />Но если нужно убрать подчеркивание, то прописываем следующее (для обычной ссылки)</p><div class="quote-box quote-main"><blockquote><p><strong>a</strong> {text-decoration: none;}</p></blockquote></div><p>Для других видов ссылок нужно добавить класс после <strong>выделенного</strong>, к которому собственно привязывается это свойство:<br /> a:active - активная ссылка;<br /> a:hover - при наведении на него курсора мыши;<br /> a:visited - посещенные ссылки.</p> <p><strong>Задание 3.</strong><br />Двойной межстрочный интервал установлен <em class="bbuline">в первой строке</em> css, так как значение &quot;2&quot; как раз таки дает нужным нам интервал. Данный интервал применяется только к первой строке (содержащей стилевой класс)<br />Вторая же строка кода дает стандартный отступ в 1em.</p> <p><strong>Задание 4.</strong><br />В первом примере свойства применяются сразу к двум позициям - тексту и абзацу.<br />Во втором же случае, если я не ошибаюсь, свойства применяются к курсивному тексту (<span style="font-style: italic">italic</span>)</p> <p><strong>Задание 5.</strong><br />Серый фон, слева расположены друг под другом две строки со стандартным межстрочным отступом. Блок первой окрашен в оранжевый цвет (т.к. к блочному элементу P привязано это свойство), второй не изменяется (потому что это уже другой блочный элемент - div, а значит свойства предыдущего блока на него не распространяются, новых задано не было)</p> <p><strong>Задание 6.</strong><br />Четвертый. Его положение выходит за рамки окна браузера.</p> <p><strong>Задание 7.</strong></p><div class="quote-box quote-main"><blockquote><p>div {<br />&nbsp; background-color: transparent;<br />&nbsp; color: <span style="color: red"><em class="bbuline">#</em></span>d9b666;<br />&nbsp; font-<span style="color: red"><em class="bbuline">style</em></span>: <span style="color: red"><em class="bbuline">bold</em></span>;<br />&nbsp; margin-top: 10px;<br />&nbsp; text-align: center;<br />&nbsp; &nbsp;}</p></blockquote></div> <p>Во <strong>второй</strong> строке забыли указать решетку (#)<br />А в <strong>третей</strong> строке значение не подходит к классу. Решить это можно двумя способами: либо заменить значение, либо непосредственно самого свойства.<br />Два варианта исправления:<br /><strong>1.</strong></p><div class="quote-box quote-main"><blockquote><p>div {<br />&nbsp; background-color: transparent;<br />&nbsp; color: <span style="color: green"><em class="bbuline">#</em></span>d9b666;<br />&nbsp; font-style: <span style="color: green"><em class="bbuline">normal</em></span>;<br />&nbsp; margin-top: 10px;<br />&nbsp; text-align: center;<br />&nbsp; &nbsp;}</p></blockquote></div> <p><strong>2.</strong></p><div class="quote-box quote-main"><blockquote><p>div {<br />&nbsp; background-color: transparent;<br />&nbsp; color: <span style="color: green"><em class="bbuline">#</em></span>d9b666;<br />&nbsp; font-<span style="color: green"><em class="bbuline">weight</em></span>: bold;<br />&nbsp; margin-top: 10px;<br />&nbsp; text-align: center;<br />&nbsp; &nbsp;}</p></blockquote></div> <p><strong>Задание 8.</strong><br />h</p> <p><strong>Задание 9.</strong><br />&lt;select&gt; c атрибутом multiple</p><div class="quote-box quote-main"><blockquote><p>&lt;select multiple&gt;...&lt;/select&gt;</p></blockquote></div> <p><strong>Задание 10.</strong><br />3 элемента с &quot;флажками&quot;, при чем последний будет заранее помечен.</p> <p><strong>Задание 11.</strong><br />Нет, для ссылки <strong><span style="font-style: italic"><em class="bbuline">атрибут обязателен</em></span></strong>. Без него ссылка, собственно говоря, не ссылка.</p> <p><strong>Задание 12.</strong><br />Присваивает элементу <strong>уникальное</strong> название, используя который можно через css и/или html обращаться к данному элементу.</p> <p><strong>Задание 13.</strong><br />На белом фоне (по умолчанию) текст черного цвета, с размытой в 6 пикселей тенью без смещения.<br />back<strong>g</strong>round-ы не будут работать, так как содержат ошибки.</p> <p><strong>Задание 14.</strong><br />1) Самый простой и распространенный:</p><div class="quote-box quote-main"><blockquote><p>&lt;img src=&quot;img.png&quot; <strong>width</strong>=&quot;100&quot; <span style="font-style: italic">height</span>=&quot;100&quot;&gt;</p></blockquote></div><p>-----------------------</p> <p>2) Можно так же воспользоваться стайлом:</p><div class="quote-box quote-main"><blockquote><p>&lt;img src=&quot;img.png&quot; style=&quot;<strong>width</strong>: 100px; <span style="font-style: italic">height</span>: 100px&quot;&gt;</p></blockquote></div><p>-----------------------</p> <p>3) Или обратиться еще и к css, но в данном случае ВСЕ изображения приобретут такой размер:</p><div class="quote-box quote-main"><blockquote><p>&lt;style&gt;img { width: 100px; height: 100px }&lt;/stye&gt;<br />&lt;img src=&quot;img.png&quot;&gt;</p></blockquote></div><p>-----------------------</p> <p>4) Задать уникальный идентификатор и прописать непосредственно его</p><div class="quote-box quote-main"><blockquote><p>&lt;style&gt;#img100 { width: 100px; height: 100px }&lt;/stye&gt;<br />&lt;img src=&quot;img.png&quot; id=&quot;img100&quot;&gt;</p></blockquote></div><p>-----------------------</p> <p>5) Или же привязать класс:</p><div class="quote-box quote-main"><blockquote><p>&lt;style&gt;.img10 { width: 100px; height: 100px }&lt;/stye&gt;<br />&lt;img src=&quot;img.png&quot; class=&quot;img100&quot;&gt;</p></blockquote></div><p>-----------------------</p> <p>6) Ну и еще можно использовать &quot;области обитания&quot; изображений, то бишь тег в который помещено изображение</p><div class="quote-box quote-main"><blockquote><p>&lt;style&gt;p img { width: 100px; height: 100px }&lt;/stye&gt;<br />&lt;p&gt;&lt;img src=&quot;img.png&quot;&gt;&lt;/p&gt;</p></blockquote></div> <p><strong>Задание 15.</strong></p><div class="quote-box quote-main"><blockquote><p>div {<br />&nbsp; border-color: #c1b194;<br />&nbsp; border-style: <strong><span style="color: red">this</span></strong>;<br />&nbsp; border-width: <strong><span style="color: red">1%</span></strong>;<br />&nbsp; }</p></blockquote></div><p><strong><span style="color: red">this</span></strong> - border-style не имеет такого значения.<br /><strong><span style="color: red">1%</span></strong> - ширину границы нельзя указать в процентах, хотя бы потому что она (ширина) не рассматривается относительно ширины чего-то еще.</p> <p>Исправленный вариант:</p><div class="quote-box quote-main"><blockquote><p>div {<br />&nbsp; border-color: #c1b194;<br />&nbsp; border-style: <strong><span style="color: green">solid</span></strong>;<br />&nbsp; border-width: <strong><span style="color: green">1px</span></strong>;<br />&nbsp; }</p></blockquote></div> <p><strong>Задание 16.</strong><br />Элемент приобретет абсолютное позиционирование, так что остальные элементы никак не влияют на него. </p></blockquote></div><div class="quote-box spoiler-box text-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Проверка. sadhaka</div><blockquote><p>1. 3б<br />2. 3б<br />3. 2б (не точное объяснение)<br />4. 1,5б (во втором случае - к курсиву в абзаце)<br />5. 2б (не точное объяснение)<br />6. 3б<br />7. 3б<br />8. 0б (должно быть &quot;H&quot;)<br />9. 1,5б (не указаны чекбоксы)<br />10. 2б (не точное объяснение)<br />11. 0б (тег &lt;a&gt; может быть якорем и тогда вместо href у него будет name)<br />12. 3б<br />13. 2,5б (не указан цвет тени)<br />14. 3б (+бонус 1б)<br />15. 3б<br />16. 1б (не точное объяснение)</p></blockquote></div><p><strong><span style="color: maroon"><span style="font-size: 16px">34,5 баллов</span></span></strong></p> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+3</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">Страница: <strong>1</strong>&#160;<a href="https://forumd.ru/viewtopic.php?id=3890&amp;p=2">2</a>&#160;<a href="https://forumd.ru/viewtopic.php?id=3890&amp;p=3">3</a>&#160;<a href="https://forumd.ru/viewtopic.php?id=3890&amp;p=4">4</a>&#160;<a href="https://forumd.ru/viewtopic.php?id=3890&amp;p=5">5</a>&#160;&#160;<a class="next" href="https://forumd.ru/viewtopic.php?id=3890&amp;p=2">&raquo;</a></div> </div> <!-- topic_banner_bottom --> </div> <script type="text/javascript">$(document).trigger("pun_main_ready");</script> <!-- pun_stats --> <!-- banner_mini_bottom --> <!-- banner_bottom --> <div id="pun-break3" class="divider"><hr /></div> <div id="pun-crumbs2" class="section"> <p class="container crumbs"><strong>Вы здесь</strong> <em>&#187;&#160;</em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=14">Архив устаревших тем</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=184">Архив конкурсов и ивентов</a> <em>&#187;&#160;</em>&quot;Я - вебмастер!&quot; Этап 1. Как это работает?! О_о</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> 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"> $(document).ready(function() { $('#sidebar').prependTo('#pun'); $('#pun-navlinks #navpm a').appendTo('#sidebar .u-pm'); if (BookmGroups.indexOf(Number(GroupID)) !== -1) { $('#sidebar .u-pm').after('<div class="u-bookm icon rus" onclick="FORUM.bookmarks.toggleBookmSection();" title="Закладки"></div>'); $('#sidebar .u-pm').after('<div class="u-bookm icon eng" onclick="FORUM.bookmarks.toggleBookmSection();" title="Bookmarks"></div>'); $('#sidebar .u-bookm').html('<i class="material-symbols-outlined">developer_guide</i>'); } if (GroupID <= '2') { $('#sidebar.rus').append('<div class="u-prem mod icon remake rus" title="Премодерация"></div>'); $('#sidebar.eng').append('<div class="u-prem mod icon remake eng" title="Pre-moderation"></div>'); $('#pun-ulinks #h-premod a').appendTo('#sidebar .u-prem'); } if (GroupID == '3') { $('#sidebar .u-ava').append('<i class="fa-solid fa-user"></i>').addClass('no-ava'); $('#user-menu .u-ava').append('<i class="fa-solid fa-user"></i>').addClass('no-ava'); } else { if (UserAvatar == '') { $('#sidebar .u-ava').append('<i class="fa-solid fa-user"></i>').addClass('no-ava'); $('#user-menu .u-ava').append('<i class="fa-solid fa-user"></i>').addClass('no-ava'); } $('#sidebar .u-ava').css('background-image', `url("${UserAvatar}")`); $('#user-menu .u-ava').css('background-image', `url("${UserAvatar}")`); $('#user-menu .u-menu').append(` <li><a href='/profile.php?id=${UserID}'><span class='material-icons'>person</span> <gg class='rus'>Мой профиль</gg><gg class='eng'>My Profile</gg></a></li> <li><a href='/profile.php?section=uploads&id=${UserID}'><span class='material-icons'>insert_photo</span> <gg class='rus'>Мои загрузки</gg><gg class='eng'>My Uploads</gg></a></li> <li><a href='/search.php?action=show_subscriptions'><span class='material-icons'>star</span> <gg class='rus'>Мои подписки</gg><gg class='eng'>My Subscriptions</gg></a></li> <li><a href='/search.php?action=show_user_topics&user_id=${UserID}'><span class='material-icons'>storage</span> <gg class='rus'>Мои темы</gg><gg class='eng'>My Topics</gg></a></li> <li><a href='/search.php?action=show_user_posts&user_id=${UserID}'><span class='material-icons'>message</span> <gg class='rus'>Мои сообщения</gg><gg class='eng'>My Posts</gg></a></li> <li><a href='/vip.php'><span class='material-icons'>shopping_cart_checkout</span> <gg class='rus'>Улучшить аккаунт</gg><gg class='eng'>Upgrade Account</gg></a></li> <li><a href='/misc.php?action=markread'><span class='material-icons'>mark_chat_read</span> <gg class='rus'>Всё прочитано</gg><gg class='eng'>Mark All Read</gg></a></li> <li><a href='/login.php?action=out&id=${UserID}'><span class='material-icons'>logout</span> <gg class='rus'>Выход</gg><gg class='eng'>Logout</gg></a></li> `); } $('#sidebar .u-ava').click(function(){ $('#user-menu').css('animation', 'fadeInLeft 1s'); $('#user-menu').addClass('show'); }); $('#user-menu .close').click(function(){ $('#user-menu').css('animation', 'slideOutLeft 0.3s'); setTimeout(function(){ $('#user-menu').removeClass('show'); }, 290); }); $('#sidebar .u-bookm').click(function(){ $('#MyBookmarks').css('animation', 'fadeInLeft 1s'); }); });</script> <!-- изменение кода страниц --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/67067.js?v=2"></script> <!-- главная форума --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/25287.js?v=5"></script> <!-- топиклист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/13065.js?v=2"></script> <!-- подписки в топиклисте --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/26591.js?v=12"></script> <!-- топики --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/49006.js"></script><!-- юзерлист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/18416.js"></script><!-- ЛС --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/20727.js"></script><!-- Профиль --> <!--Добавляем ссылку на форум в crumbs --> <script> if(!$("#pun-index").length&&document.URL.indexOf("/pages/index")==-1){ var s=' »&nbsp;<a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; if ($('#pun').hasClass('en')) { $(".crumbs").find("a:first").text('Home page').after(s) } else { $(".crumbs").find("a:first").text('Главная страница').after(s) } }; if($(".punbb").attr("id")=="pun-index"){ var s=' »&nbsp;<a href="/pages/index" class="rus">Главная страница</a><a href="/pages/index-eng" class="eng">Home page</a> »&nbsp;\ <a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; $(".crumbs").html(s); }; </script> <!-- Аватар и ссылка в цитате © Alex_63 / Мод: Gerda, ForumD.ru --> <script>var FdQuoteAva = '<i class="fa-solid fa-user"></i>';</script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/79040.js"></script> <script type="text/javascript">setLinkAndAva()</script> <!-- HTML в постах с допуском по группам © Alex_63 --> <script type="text/javascript" src="/files/0015/c4/3f/52361.js"></script> <script type="text/javascript"> HTMLinPost.groups = [1,2,12]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = ['Дух осени','Maquis','Romych','Duka']; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script> <!-- Выделение и разворот кода © ForumD.ru, Gerda --> <script type="text/javascript"> $(document).ready(function() { $('.code-box').each(function() { var $codeBox = $(this); $codeBox.parents('.code-css').find('pre').wrapInner('<code class="language-css line-numbers"></code>'); $codeBox.parents('.code-javascript').find('pre').wrapInner('<code class="language-javascript line-numbers"></code>'); $codeBox.parents('.code-html').find('pre').wrapInner('<code class="language-html line-numbers"></code>'); $codeBox.find('.legend').html('<span class="copy-code" href="javascript:void(0);"><i>Скопировать код</i><b>Скопировано</b></span>'); $codeBox.find('.legend').append('<span class="expand-code"><i>Развернуть</i><b>Свернуть</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"></script> <!-- Полноэкранный просмотр изображений v.3 © ForumD, satsana & Gerda --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/97612.js"></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"></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() { $('.post-content a, #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]; var userDuty = dutyData.find(item => String(item.id) === String(userId)); if (userDuty) { $(this).addClass(userDuty.color); } } }); }); </script> <!-- Проверка имени при регистрации © Alex_63 --> <style> #username.normal {background-color: #abd4af !important; border: 2px solid #26af33;} #username.error {background-color: #e7b8b8 !important; border: 2px solid #e63737;} .stclr {margin-left: 10px;} .stclr.normal{color: #26af33; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} .stclr.error {color: #e63737; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} img.preloader{width:12px;height:12px;margin-left:3px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/28064.js"></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> <!-- English script translation --> <script type="text/javascript"> $(document).ready(function() { if ($('#pun').hasClass('en')) { setTimeout(function() { $('#s-block #sTheme').attr('placeholder', 'Search in topic'); }, 1000); var members = [4, 8, 17, 18]; var bots = [10, 14]; members.forEach(function(memberId) { $('#pun-statistic .group' + memberId + ' td.tc-title').text('Member'); }); bots.forEach(function(botId) { $('#pun-statistic .group' + botId + ' td.tc-title').text('Bot'); }); $('#pun-statistic .group1 td.tc-title').text('Administrator'); $('#pun-statistic .group2 td.tc-title').text('Moderator'); $('#pun-statistic .group6 td.tc-title').text('VIP Member'); $('#pun-statistic .group12 td.tc-title').text('Developer'); $('#pun-statistic .group16 td.tc-title').text('VIP Developer'); } }); </script> <!--Копирайт--> <div id="bottom"><div class="inner"> <div id="fdcop1" class="fdcop rus"><a href="/viewtopic.php?id=4505" target='blank'>Отзывы</a> | <a href='/viewtopic.php?id=5790' target='blank'>Реклама на сайте</a> | <a href='/viewtopic.php?id=6616' target='blank'>Помочь нам</a> | <a href='/misc.php?action=rules' target='blank'>Правила проекта</a></div> <div id="fdcop2" class="fdcop icons rus"> <!-- <a href="mailto:forumd-ru@yandex.ru" target="_blank" id="MAIL"></a> --> <a href="https://discord.gg/Vz8GGZT" target="_blank" id="DISK" class="tip" title="Наш сервер на дискорде для заказов"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" target="_blank" id="BACK" class="tip" title="Диалог с администрацией"><i class="fa-regular fa-comment"></i></a> <!-- <a href="/viewtopic.php?id=6616" target="_blank" id="DON" class="tip" title="Поддержать проект"></a> --> <a href="https://vk.com/forumd" target="_blank" id="VK" class="tip" title="Мы в ВК"><i class="fa-brands fa-vk"></i></a> <a href="https://www.facebook.com/ForumDru-102111278367583/" target="_blank" id="FB" class="tip" title="Мы на Фейсбуке"><i class="fa-brands fa-facebook"></i></a> <a href="https://t.me/forumd_ru" target="_blank" id="" class="tip" title="Канал в Телеграме"><i class="fa-brands fa-telegram"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" id="YOU" class="tip" title="Канал на Ютубе"><i class="fa-brands fa-youtube"></i></a> <!-- <a href="https://www.twitch.tv/forum_d" target="_blank" id="YOU" class="tip" title="Канал на Твитче"><i class="fa-brands fa-twitch"></i></a> --> <a href="https://pinterest.com/ForumD_ru/" target="_blank" id="PIN" class="tip" title="Мы на Пинтересте"><i class="fa-brands fa-pinterest"></i></a> </div> <div id="fdcop2" class="fdcop icons eng"> <a href="https://discord.gg/Vz8GGZT" target="_blank" id="DISK" class="tip" title="Our Discord server"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" target="_blank" id="BACK" class="tip" title="Dialogue with the administration"><i class="fa-regular fa-comment"></i></a> <a href="https://www.facebook.com/ForumDru-102111278367583/" target="_blank" id="FB" class="tip" title="Our Facebook page"><i class="fa-brands fa-facebook"></i></a> <a href="https://t.me/forumd_ru" target="_blank" id="" class="tip" title="Our Telegram"><i class="fa-brands fa-telegram"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" id="YOU" class="tip" title="Our Youtube channel"><i class="fa-brands fa-youtube"></i></a> <!-- <a href="https://www.twitch.tv/forum_d" target="_blank" id="YOU" class="tip" title="Our Twitch"><i class="fa-brands fa-twitch"></i></a> --> <a href="https://pinterest.com/ForumD_ru/" target="_blank" id="PIN" class="tip" title="Our Pinterest page"><i class="fa-brands fa-pinterest"></i></a> </div> <div class="fdcop rus">© ForumD.ru, 2009-2023<br> <a href="https://forumd.ru/viewtopic.php?id=5751#rule" target="_blank">Условия использования бесплатного контента</a></div> <div class="fdcop eng">© ForumD.ru, 2009-2023<br> When publishing our content, please leave a link to the source.</div> <div id="fdbotBANNER" class="fdcop rus"><!-- баннеры --> <!-- баттл графистов, до 09.08 --> <a href='https://nolf.mybb.ru/' target='blank' title="ФРПГ No One Lives Forever"><img src="https://forumstatic.ru/files/0015/1e/ae/64347.gif" border="0" width="88" height="31"></a> <!-- баттл графистов, до 10.08 --><a href="https://skreverse.rusff.me/"><img src="https://forumupload.ru/uploads/001c/05/11/2/204926.png" title="Shaman King: reverse"></a> <!-- яркий форум, до 18.08 --> <a target="_blank" href="https://lepidus.ru/" title="Любовники Смерти"><img src="https://forumupload.ru/uploads/0011/93/3d/1186/t111844.gif"></a> <!-- яркий форум, до 19.08 --> <a href="https://joannaseymour.ru" target="_blank" title="Моё настроение"><img src="https://forumstatic.ru/files/0018/22/20/25501.gif"></a> <!-- яркий форум, до 02.09 --> <a href="https://thewaffle.ru/" target="_blank" title="WAFFLE"><img src="https://forumstatic.ru/files/001c/1a/85/15156.gif"></a> <!-- форум Moju --> <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://forumupload.ru/uploads/001b/b9/c5/4/598723.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a> <!-- форум Радомир --><a href="https://windworld.rusff.me" target=_blank><img src="https://forumstatic.ru/files/001b/e4/17/37572.png" title="Windworld|Хроники мира ветров"></a> <!-- От Automation Baby --> <a href="http://www.admil.ru/" class="tip" target=_blank><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/815029.gif" class="tip" title="Адреса милосердия"></a> <!-- ЛИЛ, взаимный референс --><a href="https://urchoice.su" class="tip" title="Каталог форумов" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/61730.png"></a> <!-- референс к подкастерам, Герда <a href="https://urchoice.su/viewtopic.php?id=58390#p2160217" class="tip" title="Подкаст «НеТЕролевые» - Рассказываем и обсуждаем ФРПГ" target=_blank><img src="https://forumupload.ru/uploads/0014/80/a5/2/729997.png"></a> --> <!-- рпг-хит - референс --> <a href="http://rpg-hit.ru/vote/forumcard/id/38" title="каталог ролевых: RPG-HIT" target="_blank" class="tip"><img src="https://forumstatic.ru/files/001b/c3/c4/23464.gif"></a> <!-- Top.Roleplay.Ru --> <script type="text/javascript" language="javascript"> var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353&rnd=" + Math.random(); topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+ "<img src='//img.rpgtop.su/88x31x11x8.gif' class='tip' title='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> "; document.write(topRPGc); </script> <noscript> <img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' class="tip" title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'><img src='//img.rpgtop.su/88x31x11x8.gif' border='0' width='88' height='31'></a> </noscript> <!-- /Top.Roleplay.Ru --> <!-- Yandex.Metrika informer --> <a href="https://metrika.yandex.ru/stat/?id=93794845&amp;from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/93794845/3_1_EFEFEFFF_EFEFEFFF_0_uniques" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="93794845" data-lang="ru" /></a> <!-- /Yandex.Metrika informer --> </div> <div id="fdbotMENU" class="rus"> <div class="bmenu"><span>Заказать</span> <ul> <li><a href="/viewtopic.php?id=5760" target='blank'>Дизайн для форумов/сайтов</a></li> <li><a href="/viewtopic.php?id=5768" target='blank'>Графика и арт</a></li> <li><a href="/viewtopic.php?id=6322" target='blank'>Аватары и подписи</a></li> <li><a href="/viewtopic.php?id=5769" target='blank'>Стримы и соцсети</a></li> <li><a href="/viewtopic.php?id=5771" target='blank'>Скрипты и техоснащение</a></li> </ul> </div> <div class="bmenu"><span>Полезное</span> <ul> <li><a href="/viewtopic.php?id=2791" target='blank'>Бесплатные MyBB-дизайны</a></li> <li><a href="/viewtopic.php?id=7051" target='blank'>Бесплатные макеты</a></li> <li><a href="/pages/allscripts" target='blank'>Бесплатные скрипты и коды</a></li> <li><a href="/viewforum.php?id=7" target='blank'>Гайды по вебдизайну</a></li> <li><a href="/viewforum.php?id=96" target='blank'>Поиск специалистов</a></li> </ul> </div> <div class="bmenu"><span>Заказчикам</span> <ul> <li><a href="/viewforum.php?id=75" target='blank'>Техническая поддержка</a></li> <li><a href="/viewforum.php?id=1" target='blank'>Размещение рекламы форума/сайта</a></li> <li><a href="/viewtopic.php?id=5762" target='blank'>Условия работы ForumD.ru</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила оформления заказов</a></li> </ul> </div> <div class="bmenu"><span>Специалистам</span> <ul> <li><a href="/viewforum.php?id=90" target='blank'>Размещение портфолио</a></li> <li><a href="/viewtopic.php?id=5788" target='blank'>Присоединиться к команде ForumD.ru</a></li> <li><a href="/viewtopic.php?id=6036" target='blank'>Бонусы и привилегии</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила выполнения заказов</a></li> </ul> </div> </div> <div class="stat-place"></div> </div></div> <!-- ------------------------------------------------------------------------------ --> <!-- Спецпосты - скрипт и стили --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0007/e3/f7/34232.css"> <!-- стили спец постов --> <script type="text/javascript"> ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'portfoliopost', 'portfoliotopic'); ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'anketa-hide', 't-anketa'); $('#pun-edit .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#pun-post .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#post-preview .post-box').appendTo('#portprew .post-body'); $('.no-prof:contains("no-prof")').parents('.post').addClass('no-prof'); $('.portfoliopost:contains("portfoliopost")').parents('.post').addClass('portfolio'); $('.forsalepost:contains("forsalepost")').parents('.post').addClass('forsale'); $('.saledpost:contains("saledpost")').parents('.post').addClass('saled'); $('.freepost:contains("freepost")').parents('.post').addClass('free'); $('.makeportfoliolight:contains("makeportfoliolight")').parents('.post').addClass('portfolio-light'); $('#pun-searchposts .post:contains("***QUESTIONARY***")').addClass('anketa'); $('.questionary-post').parents('#pun-main').addClass('questionary'); </script></div> </div> </div> </div> </div> </body> </html>