Про Сайты

HTML таблица с фиксированной шапкой Согласитесь, таблицы с большим количеством строк тяжело читать и разбирать. Куда удобнее их просматривать, когда шапка с наименования столбцов фиксируется при скролле. При помощи position: sticky можно зафиксировать шапку таблицы (или блок) при скролле странницы. Данное позиционирование схоже с position: fixed. Различие лишь в том, что position: sticky фиксирует элемент в пределах своего родителя. Чтобы зафиксировать шапку таблицы при скроллинге, задайте тегам <th> позиционирование sticky и отступ сверху при помощи 20px. ДЕМО table .th{ position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 20px; } Отступ необходим, если у вас, к примеру, также на сайте есть фиксированная шапка с…

Всплывающее окно при заходе на сайт Для различных целей может понадобится всплывающее окно на сайте с какой-либо важной информацией. К примеру: акции, подписка, объявления и т.п. Для реализации будем использовать стандартную библиотеку jquery и jquery.cookie. Окно можно сверстать, но я буду использовать стандартное модальное окно Bootstrap. Для начало вам понадобится подключить библиотеки jquery и css стили для Bootstrap: <!-- css Bootstrap --> <link rel="stylesheet" href="https://yastatic.net/bootstrap/3.3.6/css/bootstrap.min.css"> <!-- jquery --> <script src="https://yastatic.net/jquery/3.1.1/jquery.js"></script> <script src="https://yandex.st/jquery/cookie/1.0/jquery.cookie.min.js"></script> <script src="https://yastatic.net/bootstrap/3.3.6/js/bootstrap.min.js"></script> Код HTML всплывающего окна Bootstrap: <div id="okno" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title">Всплывающее…