HTML и CSS. Уровень 3. Продвинутые методологии и инструменты верстки

#giftcert_form { position: fixed; top: 20%; bottom: 0; text-align: center; right: 0; height: fit-content; left: 0; margin: 0 auto; z-index: 100; width: 470px; background: #2e81c8; border-radius: 8px; box-shadow: 0px 1px 6px #3F3F3F; } #giftcert_form:after { background: #F9F9F9; margin: 10px; position: absolute; content: " "; bottom: 0; left: 0; right: 0; top: 0; z-index: -1; border: 1px #E5E5E5 solid; border-radius: 8px; } .giftcert_form_text { margin: 0; padding: 20px 10px; font-size: 14px; } .giftcert_form_button { display: inline-block; width: 15em; margin: 0px 5px 20px; font-size: 10px; color: rgba(255, 255, 255, .9); text-shadow: #2e7ebd 0 1px 2px; text-decoration: none; text-align: center; line-height: 1.1; padding: .7em 0; border: 1px solid; border-color: #60a3d8 #2970a9 #2970a9 #60a3d8; border-radius: 6px; outline: none; background: #60a3d8 linear-gradient(#89bbe2, #60a3d8 50%, #378bce); box-shadow: inset rgba(255, 255, 255, .5) 1px 1px; cursor: pointer; } a.giftcert_form_button:visited { color: rgba(255, 255, 255, .9); } .giftcert_form_button:first-line { font-size: 170%; font-weight: 700; } .giftcert_form_button:hover { color: rgb(255, 255, 255); background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce); } .giftcert_form_button:active { color: rgb(255, 255, 255); border-color: #2970a9; background-image: linear-gradient(#5796c8, #6aa2ce); box-shadow: none; } .pop-up-close { cursor: pointer; position: absolute; text-align: center; width: 25px; border-radius: 50%; height: 25px; padding: 5px; color: white; background: #3081c9; top: -15px; right: -10px; font-size: 20px; border: solid 3px white; } X Данный контент доступен только авторизованным пользователям. Пожалуйста, войдите на сайт, либо зарегистрируйтесь. Вход Регистрация Программа курса соответствует требованиям профессионального стандарта. Курс рекомендован Российской ассоциацией электронных коммуникаций. Курс одобрен Ассоциацией интернет-разработчиков. Во время обучения вы научитесь работать с большим объёмом кода, получите необходимое представление о том, как пишется быстрый, эффективный и качественный код HTML5/CSS3. Узнаете о возможностях использования 3D на страницах, а также о том, как можно быстро разрабатывать HTML-код. На занятиях рассматриваются технологии: Bower, OOCSS, Yandex.БЭМ, верстка с использованием модульных сеток Grid, фреймворки Bootstrap и Foundation, css- и html-препроцессоры. Курс поможет научиться культуре разработки кода и освоить методологию, благодаря которой вы сможете грамотно структурировать информацию и закладывать прочный фундамент содержания сайтов. Курс необходим всем, кто планирует овладеть престижной профессией интернет-маркетолога, веб-верстальщика, контент-менеджера, веб-мастера, веб-дизайнера, веб-программиста или оптимизатора. Полезная информация. Именование элементов • Скачать (PDF, 100KБ) $(function(){ function unauthorizedcheck(id) { if (id = '1') { var oldhref = ' } var logon = $('span.enter').children('a').attr('href'); if (logon != '/profile') { $('.lid-magnet_download-button').attr('href', 'javascript:void(0)'); $(".giftcert_form_fill").toggle(); $("#giftcert_form").toggle(); } else { $(this).attr('href', oldhref); $(this).attr('target', '_blank'); } } $('body').on('click', '.unauthorizedcheck', unauthorizedcheck); }); // закрытие окна при клике по остальной области браузера (если нужно) $(document).mouseup(function(e) { var container = $("#giftcert_form"); if (container.has(e.target).length === 0) { container.hide(); $(".giftcert_form_fill").hide(); } }); // закрытие окна при клике на крест label.pop-up-close $(document).on('click', '.pop-up-close', function() { $(this).parent().hide(); $(".giftcert_form_fill").hide(); });