Showing source for: https://serblog.ru/
Duration: 0.516702s
Server: nginx/1.20.1
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="autor" content="Александр Маврин" />
<!-- Platinum Seo Pack, version 2.4.0 by https://techblissonline.com/ -->
<title>Заработок в интернете на дому и создание сайтов, все о партнерских программах, уроки по фотошопу, уроки html, книги бесплатно, компьютерные программы</title>
<meta name="description" content="Блог о компьютерах, программах, создании сайтов, программировании" />
<meta name="robots" content="index,follow" />
<link rel="canonical" href="https://serblog.ru/" />
<link rel="next" href="https://serblog.ru/page/2/" />
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://serblog.ru/", "potentialAction": { "@type": "SearchAction", "target": "https://serblog.ru/?s={techblissonline_platinum_wordpress_seo}", "query-input": "required name=techblissonline_platinum_wordpress_seo" } } </script>
<!--Techblissonline Platinum SEO Pack -->
<link rel='https://api.w.org/' href='https://serblog.ru/wp-json/' />
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://serblog.ru/wp-content/themes/Vetro/style.css" type="text/css"
media="screen, projection" />
<script type="text/javascript" src="https://serblog.ru/wp-content/themes/Vetro/lib/js/openapi.js"></script>
<script type="text/javascript">
VK.init({
apiId: 2226638,
onlyWidgets: true
});
</script>
<link rel='dns-prefetch' href='//s.w.org' />
<link rel='stylesheet' id='wp-polls-css' href='https://serblog.ru/wp-content/plugins/wp-polls/polls-css.css?ver=2.77.2' type='text/css' media='all' />
<style id='wp-polls-inline-css' type='text/css'>
.wp-polls .pollbar {
margin: 1px;
font-size: 13px;
line-height: 15px;
height: 15px;
background: #5cb85c;
border: 1px solid #;
}
</style>
<link rel='stylesheet' id='wp-lightbox-2.min.css-css' href='https://serblog.ru/wp-content/plugins/wp-lightbox-2/styles/lightbox.min.ru_RU.css?ver=1.3.4' type='text/css' media='all' />
<link rel='stylesheet' id='wp-syntax-css-css' href='https://serblog.ru/wp-content/plugins/wp-syntax/css/wp-syntax.css?ver=1.2' type='text/css' media='all' />
<script type='text/javascript' src='https://serblog.ru/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='https://serblog.ru/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<link rel='https://api.w.org/' href='https://serblog.ru/wp-json/' />
<style data-context="foundation-flickity-css">/*! Flickity v2.0.2
http://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}</style><style data-context="foundation-slideout-css">.slideout-menu{position:fixed;left:0;top:0;bottom:0;right:auto;z-index:0;width:256px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}.slideout-menu.pushit-right{left:auto;right:0}.slideout-panel{position:relative;z-index:1;will-change:transform}.slideout-open,.slideout-open .slideout-panel,.slideout-open body{overflow:hidden}.slideout-open .slideout-menu{display:block}.pushit{display:none}</style><link rel="shortcut icon" href="https://serblog.ru/wp-content/uploads/2011/05/favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="Серьезный блог о серьезном RSS Feed" href="https://serblog.ru/feed/" />
<link rel="pingback" href="https://serblog.ru/xmlrpc.php" />
<style>.ios7.web-app-mode.has-fixed header{ background-color: rgba(3,122,221,.88);}</style></head>
<body>
<div id="wrapper">
<div id="container" class="container">
<ul class="nav">
<li><a href="/" title="">Главная</a></li>
<li><a href="/karta-bloga" title="">Карта блога</a></li>
<li><a href="/o-bloge" title="">О блоге</a></li>
<li><a href="/obo-mne" title=""
onclick="yaCounter975926.reachGoal('about');return true;">Обо мне</a></li>
<li><a href="/blog-pod-klyuch" title="">Услуги</a></li>
<li><a href="/reviews" onclick="yaCounter975926.reachGoal('forum');return true;">Отзывы</a></li>
</ul>
<div class="topsearch">
<div id="search" class="clerfix">
<form method="get" id="searchform" action="https://serblog.ru/">
<input type="text" value="Поиск"
name="s" id="s" onblur="if (this.value == '') {this.value = 'Поиск';}"
onfocus="if (this.value == 'Поиск') {this.value = '';}" />
<input type="image" src="https://serblog.ru/wp-content/themes/Vetro/images/search.png" title="Поиск" class="search-image" />
</form>
</div> <a class="logo" href="https://serblog.ru"></a>
<div class="banner">
<div class="popov"><a target="_blank"
href="https://www.youtube.com/c/%D0%90%D0%BB%D0%B5%D0%BA%D1%81%D0%B0%D0%BD%D0%B4%D1%80%D0%9C%D0%B0%D0%B2%D1%80%D0%B8%D0%BD1310"
onclick="yaCounter975926.reachGoal('youtube');return true;" rel="nofollow"><img
src="/files/youtube-chanel.jpg"></a></div>
</div>
<!-- #header -->
<div class="menu-secondary-wrap"><ul id="menu-kategorii" class="menus menu-secondary"><li id="menu-item-10462" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10462"><a href="https://serblog.ru/topics/wordpress/">WordPress</a></li>
<li id="menu-item-10489" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10489"><a href="https://serblog.ru/topics/windows/">Windows</a></li>
<li id="menu-item-10464" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10464"><a href="https://serblog.ru/topics/rabota/">Заработок</a></li>
<li id="menu-item-10465" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-10465"><a href="https://serblog.ru/topics/internet/">Интернет</a>
<ul class="sub-menu">
<li id="menu-item-10474" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10474"><a href="https://serblog.ru/topics/internet/blogosfera/">Блогосфера</a></li>
</ul>
</li>
<li id="menu-item-10736" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10736"><a href="https://serblog.ru/topics/seo-2/">SEO</a></li>
<li id="menu-item-10468" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-10468"><a href="https://serblog.ru/topics/poleznoe/">Полезное</a>
<ul class="sub-menu">
<li id="menu-item-10469" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10469"><a href="https://serblog.ru/topics/poleznoe/interesnoe/">Интересное</a></li>
</ul>
</li>
<li id="menu-item-10470" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10470"><a href="https://serblog.ru/topics/psixologiya/">Психология</a></li>
<li id="menu-item-10471" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10471"><a href="https://serblog.ru/topics/raznoe/">Разное</a></li>
<li id="menu-item-10472" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10472"><a href="https://serblog.ru/topics/skachat-2/">Скачать</a></li>
<li id="menu-item-10473" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10473"><a href="https://serblog.ru/topics/uroki/">Уроки</a></li>
</ul></div> <!--.secondary menu-->
</div>
<div id="main" class="span-24">
<div id="primary-sidebar-wrap" class="span-6">
<div class="sidebar-primary">
<ul class="widget-wrap"><li id="text-37" class="widget widget_text"><span class="widgettitle">Подарки</span> <div class="textwidget"><a href="https://serblog.ru/nastrojka-i-vedenie-kontekstnoj-reklamy-yandeks-direkt-i-google-adwords" target="_blank"><img src="/files/direct.jpg"/></a></div>
</li></ul> <ul class="widget-wrap"><li id="recent-posts-3" class="widget widget_recent_entries"> <span class="widgettitle">Свежие записи</span> <ul>
<li>
<a href="https://serblog.ru/kak-vklyuchit-sekundy-na-chasax-windows/">Как включить секунды на часах Windows</a>
</li>
<li>
<a href="https://serblog.ru/preloader-dlya-gridview-yii2-pjax/">Прелоадер для Gridview Yii2 Pjax</a>
</li>
<li>
<a href="https://serblog.ru/aktivaciya-windows-11-navsegda-besplatno-klyuchi-aktivacii/">Активация Windows 11 навсегда бесплатно (ключи активации)</a>
</li>
<li>
<a href="https://serblog.ru/pereopredelyaem-knopki-prosmotra-redaktirovaniya-i-udaleniya-v-gridview-yii2/">Переопределяем кнопки просмотра, редактирования и удаления в GridView Yii2</a>
</li>
<li>
<a href="https://serblog.ru/pravila-validacii-v-modeli-yii2/">Правила валидации в модели Yii2</a>
</li>
<li>
<a href="https://serblog.ru/zamena-standartnogo-alert-na-modalnoe-okno-bootstrap-pri-udalenii-zapisej-v-gridview-yii2/">Замена стандартного Alert на модальное окно Bootstrap при удалении записей в Gridview Yii2</a>
</li>
<li>
<a href="https://serblog.ru/massovoe-udalenie-zapisej-iz-gridview-yii2-po-otmechennym-chekboksam/">Массовое удаление записей из Gridview Yii2 по отмеченным чекбоксам</a>
</li>
<li>
<a href="https://serblog.ru/obrashhenie-k-dinamicheskim-elementam-v-dom-na-javascript-jquery/">Обращение к динамическим элементам в DOM на JavaScript (jQuery)</a>
</li>
<li>
<a href="https://serblog.ru/kak-vernut-panel-zagruzok-google-chrome-vniz/">Как вернуть панель загрузок Google Chrome вниз</a>
</li>
<li>
<a href="https://serblog.ru/chat-gpt-dlya-napisaniya-koda/">CHAT GPT для написания кода</a>
</li>
<li>
<a href="https://serblog.ru/otdelnyj-shablon-dlya-zapisej-v-wordpress/">Отдельный шаблон для записей в WordPress</a>
</li>
<li>
<a href="https://serblog.ru/pathinfo-php-poluchaem-informaciyu-o-fajle/">pathinfo PHP. Получаем информацию о файле</a>
</li>
<li>
<a href="https://serblog.ru/sozdanie-tablic-v-wordpress-s-pomoshhyu-plagina-advanced-custom-fields/">Создание таблиц в WordPress с помощью плагина Advanced Custom Fields</a>
</li>
</ul>
</li></ul><ul class="widget-wrap"><li id="text-35" class="widget widget_text"><span class="widgettitle">Инструменты</span> <div class="textwidget"><ul><li><a href="https://serblog.ru/demo/color_web/" target="_blank">Tаблица безопасных цветов</a></li>
<li><a href="https://serblog.ru/wp-content/uploads/2011/02/p.swf" target="_blank">Фотошоп онлайн</a></li><li><a href="https://serblog.ru/demo/tutorial_html" target="_blank">Самоучитель HTML</a></li>
<li><a href="https://serblog.ru/demo/online-calculator/" target="_blank">Онлайн калькулятор</a></li>
<li><a href="https://serblog.ru/demo/podschet_simvolov_online" target="_blank">Подсчет символов онлайн</a></li>
<li><a href="https://serblog.ru/check-ip/" target="_blank">Проверить IP адрес</a></li>
<li><a href="https://serblog.ru/demo/radio/" target="_blank">Слушать радио онлайн</a></li>
<li><a href="https://serblog.ru/demo/format-html/" target="_blank">Форматирование HTML</a><span class="check-ip">новый</span></li>
<li><a href="https://serblog.ru/demo/calc-percent/" target="_blank">Калькулятор процентов</a><span class="check-ip">новый</span></li>
<li><a href="https://serblog.ru/demo/base64/" target="_blank">Base64 Decoder/Encoder онлайн</a><span class="check-ip">новый</span></li>
</ul></div>
</li></ul>
</div><!-- .sidebar-primary -->
</div><!-- #primary-sidebar-wrap -->
<div id="content-wrap" class="span-12">
<div class="content">
<div class="post-wrap">
<div class="post clearfix post-16915 type-post status-publish format-standard has-post-thumbnail hentry category-windows tag-reestr" id="post-16915">
<h2 class="title"><a href="https://serblog.ru/kak-vklyuchit-sekundy-na-chasax-windows/"
title="Permalink to Как включить секунды на часах Windows"
rel="bookmark">Как включить секунды на часах Windows</a></h2>
<div class="postmeta-primary">
<span class="meta_date">
<script language="javascript" type="text/javascript">
document.write("10.04.2024");
</script>
</span>
<span
class="meta_comments"><a href="https://serblog.ru/kak-vklyuchit-sekundy-na-chasax-windows/#respond">Комментариев нет</a></span> <span class="meta_views"><img src='https://serblog.ru/wp-content/themes/Vetro/images/eye.svg' width='15'/> 371</span> </div>
<div class="entry clearfix">
<img width="200" height="150" src="https://serblog.ru/wp-content/uploads/2024/04/Добавить-секунды-в-часы-Windows.jpg" class="alignleft featured_image wp-post-image" alt="Добавить-секунды-в-часы-Windows" srcset="https://serblog.ru/wp-content/uploads/2024/04/Добавить-секунды-в-часы-Windows.jpg 800w, https://serblog.ru/wp-content/uploads/2024/04/Добавить-секунды-в-часы-Windows-150x113.jpg 150w, https://serblog.ru/wp-content/uploads/2024/04/Добавить-секунды-в-часы-Windows-300x225.jpg 300w, https://serblog.ru/wp-content/uploads/2024/04/Добавить-секунды-в-часы-Windows-768x576.jpg 768w" sizes="(max-width: 200px) 100vw, 200px" />
<p>В часах Windows по умолчанию на нижней панели отображаются только часы и минуты текущего времени, но чтобы увидеть секунды, нужно кликать по дате и времени, что бывает не всегда удобно, особенно если вы замеряете что-тол посекундно и отвлекаться от процесса нежелательно. Но включить секунды на панели (системном трее) Windows можно. Для этого потребуется добавить в…</br> </p>
<div class="wrapper_more"><a href="https://serblog.ru/kak-vklyuchit-sekundy-na-chasax-windows/" class="read_more"> Читать полностью</a></div>
</div>
</div>
</div><!-- Post ID 16915 -->
<div class="post-wrap">
<div class="post clearfix post-16901 type-post status-publish format-standard has-post-thumbnail hentry category-uroki tag-yii2" id="post-16901">
<h2 class="title"><a href="https://serblog.ru/preloader-dlya-gridview-yii2-pjax/"
title="Permalink to Прелоадер для Gridview Yii2 Pjax"
rel="bookmark">Прелоадер для Gridview Yii2 Pjax</a></h2>
<div class="postmeta-primary">
<span class="meta_date">
<script language="javascript" type="text/javascript">
document.write("31.01.2024");
</script>
</span>
<span
class="meta_comments"><a href="https://serblog.ru/preloader-dlya-gridview-yii2-pjax/#respond">Комментариев нет</a></span> <span class="meta_views"><img src='https://serblog.ru/wp-content/themes/Vetro/images/eye.svg' width='15'/> 567</span> </div>
<div class="entry clearfix">
<img width="200" height="150" src="https://serblog.ru/wp-content/uploads/2024/01/preloader.png" class="alignleft featured_image wp-post-image" alt="" srcset="https://serblog.ru/wp-content/uploads/2024/01/preloader.png 800w, https://serblog.ru/wp-content/uploads/2024/01/preloader-150x113.png 150w, https://serblog.ru/wp-content/uploads/2024/01/preloader-300x225.png 300w, https://serblog.ru/wp-content/uploads/2024/01/preloader-768x576.png 768w" sizes="(max-width: 200px) 100vw, 200px" />
<p>По умолчанию в Gridview Yii2 при фильтрации через модуль Pjax нет никакого индикатора загрузки этих данных и было бы неплохо сделать какой-то прелоадер, который бы давал понять пользователю, что идет загрузка контента и нужно подождать. Как правило это происходит быстро, но в некоторых случаях, когда на страницу выводится большой массив информации, это необходимо. Тем более,…</br> </p>
<div class="wrapper_more"><a href="https://serblog.ru/preloader-dlya-gridview-yii2-pjax/" class="read_more"> Читать полностью</a></div>
</div>
</div>
</div><!-- Post ID 16901 -->
<div class="post-wrap">
<div class="post clearfix post-16874 type-post status-publish format-standard has-post-thumbnail hentry category-windows tag-windows" id="post-16874">
<h2 class="title"><a href="https://serblog.ru/aktivaciya-windows-11-navsegda-besplatno-klyuchi-aktivacii/"
title="Permalink to Активация Windows 11 навсегда бесплатно (ключи активации)"
rel="bookmark">Активация Windows 11 навсегда бесплатно (ключи активации)</a></h2>
<div class="postmeta-primary">
<span class="meta_date">
<script language="javascript" type="text/javascript">
document.write("07.01.2024");
</script>
</span>
<span
class="meta_comments"><a href="https://serblog.ru/aktivaciya-windows-11-navsegda-besplatno-klyuchi-aktivacii/#comments">4 комментария</a></span> <span class="meta_views"><img src='https://serblog.ru/wp-content/themes/Vetro/images/eye.svg' width='15'/> 12935</span> </div>
<div class="entry clearfix">
<img width="200" height="150" src="https://serblog.ru/wp-content/uploads/2024/01/activate-win-11.png" class="alignleft featured_image wp-post-image" alt="Активация Windows 11" srcset="https://serblog.ru/wp-content/uploads/2024/01/activate-win-11.png 800w, https://serblog.ru/wp-content/uploads/2024/01/activate-win-11-150x113.png 150w, https://serblog.ru/wp-content/uploads/2024/01/activate-win-11-300x225.png 300w, https://serblog.ru/wp-content/uploads/2024/01/activate-win-11-768x576.png 768w" sizes="(max-width: 200px) 100vw, 200px" />
<p>Если вы столкнулись с тем, что ваш компьютер требует активации, о чем вас уведомляет специальная надпись в низу экрана, то сейчас мы с вами как раз займемся активацией Windows 11 и не важно какая у вас версия, домашняя, про или для образовательных учреждений, ключи найдутся для любой из них. Делать мы это будем по тому…</br> </p>
<div class="wrapper_more"><a href="https://serblog.ru/aktivaciya-windows-11-navsegda-besplatno-klyuchi-aktivacii/" class="read_more"> Читать полностью</a></div>
</div>
</div>
</div><!-- Post ID 16874 -->
<div class="post-wrap">
<div class="post clearfix post-16857 type-post status-publish format-standard has-post-thumbnail hentry category-uroki tag-yii2" id="post-16857">
<h2 class="title"><a href="https://serblog.ru/pereopredelyaem-knopki-prosmotra-redaktirovaniya-i-udaleniya-v-gridview-yii2/"
title="Permalink to Переопределяем кнопки просмотра, редактирования и удаления в GridView Yii2"
rel="bookmark">Переопределяем кнопки просмотра, редактирования и удаления в GridView Yii2</a></h2>
<div class="postmeta-primary">
<span class="meta_date">
<script language="javascript" type="text/javascript">
document.write("02.01.2024");
</script>
</span>
<span
class="meta_comments"><a href="https://serblog.ru/pereopredelyaem-knopki-prosmotra-redaktirovaniya-i-udaleniya-v-gridview-yii2/#respond">Комментариев нет</a></span> <span class="meta_views"><img src='https://serblog.ru/wp-content/themes/Vetro/images/eye.svg' width='15'/> 631</span> </div>
<div class="entry clearfix">
<img width="200" height="131" src="https://serblog.ru/wp-content/uploads/2024/01/btn-grid.png" class="alignleft featured_image wp-post-image" alt="btn-grid" srcset="https://serblog.ru/wp-content/uploads/2024/01/btn-grid.png 359w, https://serblog.ru/wp-content/uploads/2024/01/btn-grid-150x99.png 150w, https://serblog.ru/wp-content/uploads/2024/01/btn-grid-300x197.png 300w" sizes="(max-width: 200px) 100vw, 200px" />
<p>Если вы знакомы с PHP фреймворком Yii2, то знаете, что в виджете GridView выводятся стандартные кнопки просмотра, редактирования и удаления записи с SVG иконками, которые чаще всего не вписываются в дизайн проекта и, если уж быть до конца честным, то они устарели и берут свои истоки из Bootstrap 3-ей версии, в то время как уже…</br> </p>
<div class="wrapper_more"><a href="https://serblog.ru/pereopredelyaem-knopki-prosmotra-redaktirovaniya-i-udaleniya-v-gridview-yii2/" class="read_more"> Читать полностью</a></div>
</div>
</div>
</div><!-- Post ID 16857 -->
<div class="post-wrap">
<div class="post clearfix post-16843 type-post status-publish format-standard has-post-thumbnail hentry category-blogosfera category-uroki tag-yii2" id="post-16843">
<h2 class="title"><a href="https://serblog.ru/pravila-validacii-v-modeli-yii2/"
title="Permalink to Правила валидации в модели Yii2"
rel="bookmark">Правила валидации в модели Yii2</a></h2>
<div class="postmeta-primary">
<span class="meta_date">
<script language="javascript" type="text/javascript">
document.write("24.12.2023");
</script>
</span>
<span
class="meta_comments"><a href="https://serblog.ru/pravila-validacii-v-modeli-yii2/#respond">Комментариев нет</a></span> <span class="meta_views"><img src='https://serblog.ru/wp-content/themes/Vetro/images/eye.svg' width='15'/> 609</span> </div>
<div class="entry clearfix">
<img width="200" height="150" src="https://serblog.ru/wp-content/uploads/2023/12/valid-yii2.png" class="alignleft featured_image wp-post-image" alt="valid-yii2" srcset="https://serblog.ru/wp-content/uploads/2023/12/valid-yii2.png 800w, https://serblog.ru/wp-content/uploads/2023/12/valid-yii2-150x113.png 150w, https://serblog.ru/wp-content/uploads/2023/12/valid-yii2-300x225.png 300w, https://serblog.ru/wp-content/uploads/2023/12/valid-yii2-768x576.png 768w" sizes="(max-width: 200px) 100vw, 200px" />
<p>Правила валидации, они же Rules, в модели — это набор правил, которым подчиняются данные. Например, в модели User есть поля Email, Login, Password, Name, Status при чем первые три обязательны для заполнения, логин должен состоять только из латиницы, а статус по умолчанию должен принимать значение «1». Все это можно сделать через rules. Пример правил валидации…</br> </p>
<div class="wrapper_more"><a href="https://serblog.ru/pravila-validacii-v-modeli-yii2/" class="read_more"> Читать полностью</a></div>
</div>
</div>
</div><!-- Post ID 16843 -->
<div class="post-wrap">
<div class="post clearfix post-16832 type-post status-publish format-standard has-post-thumbnail hentry category-uroki tag-yii2" id="post-16832">
<h2 class="title"><a href="https://serblog.ru/zamena-standartnogo-alert-na-modalnoe-okno-bootstrap-pri-udalenii-zapisej-v-gridview-yii2/"
title="Permalink to Замена стандартного Alert на модальное окно Bootstrap при удалении записей в Gridview Yii2"
rel="bookmark">Замена стандартного Alert на модальное окно Bootstrap при удалении записей в Gridview Yii2</a></h2>
<div class="postmeta-primary">
<span class="meta_date">
<script language="javascript" type="text/javascript">
document.write("21.12.2023");
</script>
</span>
<span
class="meta_comments"><a href="https://serblog.ru/zamena-standartnogo-alert-na-modalnoe-okno-bootstrap-pri-udalenii-zapisej-v-gridview-yii2/#respond">Комментариев нет</a></span> <span class="meta_views"><img src='https://serblog.ru/wp-content/themes/Vetro/images/eye.svg' width='15'/> 532</span> </div>
<div class="entry clearfix">
<img width="200" height="150" src="https://serblog.ru/wp-content/uploads/2023/12/yii2-delete-confirm.png" class="alignleft featured_image wp-post-image" alt="yii2-delete-confirm" srcset="https://serblog.ru/wp-content/uploads/2023/12/yii2-delete-confirm.png 800w, https://serblog.ru/wp-content/uploads/2023/12/yii2-delete-confirm-150x113.png 150w, https://serblog.ru/wp-content/uploads/2023/12/yii2-delete-confirm-300x225.png 300w, https://serblog.ru/wp-content/uploads/2023/12/yii2-delete-confirm-768x576.png 768w" sizes="(max-width: 200px) 100vw, 200px" />
<p>В прошлой статье я показал как массово удалять запись в Yii2, а в здесь вы узнаете как сменить стандартный JavaScript confirm, который всплывает при нажатии кнопки удаления, на модальное окно bootstrap. Оно гораздо лучше вписывается в общий дизайн проекта на Yii2. Заходя вперед могу сказать, что всплывающее окно мы можем поставить любое, к примеру Sweet…</br> </p>
<div class="wrapper_more"><a href="https://serblog.ru/zamena-standartnogo-alert-na-modalnoe-okno-bootstrap-pri-udalenii-zapisej-v-gridview-yii2/" class="read_more"> Читать полностью</a></div>
</div>
</div>
</div><!-- Post ID 16832 -->
<div class="post-wrap">
<div class="post clearfix post-16806 type-post status-publish format-standard has-post-thumbnail hentry category-uroki tag-yii2" id="post-16806">
<h2 class="title"><a href="https://serblog.ru/massovoe-udalenie-zapisej-iz-gridview-yii2-po-otmechennym-chekboksam/"
title="Permalink to Массовое удаление записей из Gridview Yii2 по отмеченным чекбоксам"
rel="bookmark">Массовое удаление записей из Gridview Yii2 по отмеченным чекбоксам</a></h2>
<div class="postmeta-primary">
<span class="meta_date">
<script language="javascript" type="text/javascript">
document.write("09.12.2023");
</script>
</span>
<span
class="meta_comments"><a href="https://serblog.ru/massovoe-udalenie-zapisej-iz-gridview-yii2-po-otmechennym-chekboksam/#respond">Комментариев нет</a></span> <span class="meta_views"><img src='https://serblog.ru/wp-content/themes/Vetro/images/eye.svg' width='15'/> 643</span> </div>
<div class="entry clearfix">
<img width="163" height="160" src="https://serblog.ru/wp-content/uploads/2023/12/checkbox-gridview-yii2.png" class="alignleft featured_image wp-post-image" alt="checkbox-gridview-yii2" srcset="https://serblog.ru/wp-content/uploads/2023/12/checkbox-gridview-yii2.png 641w, https://serblog.ru/wp-content/uploads/2023/12/checkbox-gridview-yii2-150x147.png 150w, https://serblog.ru/wp-content/uploads/2023/12/checkbox-gridview-yii2-300x295.png 300w" sizes="(max-width: 163px) 100vw, 163px" />
<p>Всем привет. Этой статьей я открываю новый цикл записей, посвященный PHP фреймворку Yii2. И сейчас будем разбираться как можно быстро и массово удалять данные из Gridview Yii2. Изначально функция удаления отдельной записи уже реализована из коробки и с этим проблем нет. Но бывают ситуации, а в разработке вы будете с ними сталкиваться часто, что данные…</br> </p>
<div class="wrapper_more"><a href="https://serblog.ru/massovoe-udalenie-zapisej-iz-gridview-yii2-po-otmechennym-chekboksam/" class="read_more"> Читать полностью</a></div>
</div>
</div>
</div><!-- Post ID 16806 -->
<div class="post-wrap">
<div class="post clearfix post-16788 type-post status-publish format-standard has-post-thumbnail hentry category-uroki tag-jquery" id="post-16788">
<h2 class="title"><a href="https://serblog.ru/obrashhenie-k-dinamicheskim-elementam-v-dom-na-javascript-jquery/"
title="Permalink to Обращение к динамическим элементам в DOM на JavaScript (jQuery)"
rel="bookmark">Обращение к динамическим элементам в DOM на JavaScript (jQuery)</a></h2>
<div class="postmeta-primary">
<span class="meta_date">
<script language="javascript" type="text/javascript">
document.write("21.10.2023");
</script>
</span>
<span
class="meta_comments"><a href="https://serblog.ru/obrashhenie-k-dinamicheskim-elementam-v-dom-na-javascript-jquery/#respond">Комментариев нет</a></span> <span class="meta_views"><img src='https://serblog.ru/wp-content/themes/Vetro/images/eye.svg' width='15'/> 1069</span> </div>
<div class="entry clearfix">
<img width="200" height="141" src="https://serblog.ru/wp-content/uploads/2023/10/messages.png" class="alignleft featured_image wp-post-image" alt="" srcset="https://serblog.ru/wp-content/uploads/2023/10/messages.png 1025w, https://serblog.ru/wp-content/uploads/2023/10/messages-150x106.png 150w, https://serblog.ru/wp-content/uploads/2023/10/messages-300x211.png 300w, https://serblog.ru/wp-content/uploads/2023/10/messages-768x541.png 768w, https://serblog.ru/wp-content/uploads/2023/10/messages-1024x721.png 1024w" sizes="(max-width: 200px) 100vw, 200px" />
<p>Всем привет. Рано или поздно каждый из вас, кто занимается веб-разработкой, столкнетесь с необходимостью обращения к динамически создаваемым элементам на странице и чтения передаваемой через них информации с сервера. Это касается получения данных с бэкенда на фронтенд и обратно асинхронно без перезагрузки страницы. Это может быть, к примеру, чат на Ajax или Websocket. И если…</br> </p>
<div class="wrapper_more"><a href="https://serblog.ru/obrashhenie-k-dinamicheskim-elementam-v-dom-na-javascript-jquery/" class="read_more"> Читать полностью</a></div>
</div>
</div>
</div><!-- Post ID 16788 -->
<div class="post-wrap">
<div class="post clearfix post-16776 type-post status-publish format-standard has-post-thumbnail hentry category-internet tag-brauzer" id="post-16776">
<h2 class="title"><a href="https://serblog.ru/kak-vernut-panel-zagruzok-google-chrome-vniz/"
title="Permalink to Как вернуть панель загрузок Google Chrome вниз"
rel="bookmark">Как вернуть панель загрузок Google Chrome вниз</a></h2>
<div class="postmeta-primary">
<span class="meta_date">
<script language="javascript" type="text/javascript">
document.write("21.09.2023");
</script>
</span>
<span
class="meta_comments"><a href="https://serblog.ru/kak-vernut-panel-zagruzok-google-chrome-vniz/#comments">2 комментария</a></span> <span class="meta_views"><img src='https://serblog.ru/wp-content/themes/Vetro/images/eye.svg' width='15'/> 1706</span> </div>
<div class="entry clearfix">
<img width="197" height="160" src="https://serblog.ru/wp-content/uploads/2023/09/download-chrome.png" class="alignleft featured_image wp-post-image" alt="download-chrome" srcset="https://serblog.ru/wp-content/uploads/2023/09/download-chrome.png 457w, https://serblog.ru/wp-content/uploads/2023/09/download-chrome-150x122.png 150w, https://serblog.ru/wp-content/uploads/2023/09/download-chrome-300x244.png 300w" sizes="(max-width: 197px) 100vw, 197px" />
<p>Всем привет. После очередного обновления браузера Гугл Хром пользователи с удивлением обнаружили, что привычная панель загрузок переместилась снизу вверх вправо, а чтобы посмотреть, что было скачано, нужно сделать лишний клик. Такое нововведение не всем пришлось по душе, в том числе и мне. Казалось, что панель загрузок в Хроме привычней и удобней именно внизу. Поэтому пришлось…</br> </p>
<div class="wrapper_more"><a href="https://serblog.ru/kak-vernut-panel-zagruzok-google-chrome-vniz/" class="read_more"> Читать полностью</a></div>
</div>
</div>
</div><!-- Post ID 16776 -->
<div class="post-wrap">
<div class="post clearfix post-16760 type-post status-publish format-standard has-post-thumbnail hentry category-internet tag-nejroseti" id="post-16760">
<h2 class="title"><a href="https://serblog.ru/chat-gpt-dlya-napisaniya-koda/"
title="Permalink to CHAT GPT для написания кода"
rel="bookmark">CHAT GPT для написания кода</a></h2>
<div class="postmeta-primary">
<span class="meta_date">
<script language="javascript" type="text/javascript">
document.write("07.09.2023");
</script>
</span>
<span
class="meta_comments"><a href="https://serblog.ru/chat-gpt-dlya-napisaniya-koda/#respond">Комментариев нет</a></span> <span class="meta_views"><img src='https://serblog.ru/wp-content/themes/Vetro/images/eye.svg' width='15'/> 1764</span> </div>
<div class="entry clearfix">
<img width="200" height="150" src="https://serblog.ru/wp-content/uploads/2023/09/gpt.jpg" class="alignleft featured_image wp-post-image" alt="gpt" srcset="https://serblog.ru/wp-content/uploads/2023/09/gpt.jpg 800w, https://serblog.ru/wp-content/uploads/2023/09/gpt-150x113.jpg 150w, https://serblog.ru/wp-content/uploads/2023/09/gpt-300x225.jpg 300w, https://serblog.ru/wp-content/uploads/2023/09/gpt-768x576.jpg 768w" sizes="(max-width: 200px) 100vw, 200px" />
<p>Привет. Развитие нейросетей на данный момент идет семимильными шагами и их возможности, с начала из развития, очень расширились. Можно генерировать как текст, так и изображения. Но для программистов нейросеть Chat GPT может стать хорошим помощником для написания кода и это действительно работает. Когда я сделал запрос на написание функции, которая делает транслитерацию ссылок, то есть…</br> </p>
<div class="wrapper_more"><a href="https://serblog.ru/chat-gpt-dlya-napisaniya-koda/" class="read_more"> Читать полностью</a></div>
</div>
</div>
</div><!-- Post ID 16760 -->
<div class="navigation clearfix">
<div class='wp-pagenavi'>
<span class="current">1</span><a href="https://serblog.ru/page/2/">2</a><a href="https://serblog.ru/page/3/">3</a><a href="https://serblog.ru/page/4/">4</a><a href="https://serblog.ru/page/5/">5</a><span class="extend">…</span><a href="https://serblog.ru/page/10/">10</a><a href="https://serblog.ru/page/20/">20</a><a href="https://serblog.ru/page/30/">30</a><a href="https://serblog.ru/page/40/">40</a><a href="https://serblog.ru/page/50/">50</a><a href="https://serblog.ru/page/60/">60</a><span class="extend">…</span><a href="https://serblog.ru/page/62/">62</a><a href="https://serblog.ru/page/2/">вперед »</a></div>
</div><!-- .navigation -->
</div><!-- .content --></div><!-- #content-wrap -->
<div id="secondary-sidebar-wrap" class="span-6 last">
<div class="sidebar-secondary">
<ul class="widget_text widget-wrap"><li id="custom_html-3" class="widget_text widget widget_custom_html"><span class="widgettitle">Поддержать</span><div class="textwidget custom-html-widget"><iframe src="https://yoomoney.ru/quickpay/shop-widget?writer=seller&targets=%D0%9F%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D0%B0%D1%82%D1%8C%20%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D0%B0&targets-hint=&default-sum=50&button-text=13&hint=&successURL=&quickpay=shop&account=410011202600610&" width="202" height="223" frameborder="0" allowtransparency="true" scrolling="no" background-color="#333"></iframe></div></li></ul><ul class="widget-wrap"><li id="nav_menu-2" class="widget widget_nav_menu"><span class="widgettitle">Основные темы</span><div class="menu-metki-container"><ul id="menu-metki" class="menu"><li id="menu-item-15159" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-15159"><a href="https://serblog.ru/tag/css/">CSS</a></li>
<li id="menu-item-15160" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-15160"><a href="https://serblog.ru/tag/html/">html</a></li>
<li id="menu-item-15161" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-15161"><a href="https://serblog.ru/tag/javascript/">JavaScript</a></li>
<li id="menu-item-15162" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-15162"><a href="https://serblog.ru/tag/jquery/">jQuery</a></li>
<li id="menu-item-15163" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-15163"><a href="https://serblog.ru/tag/php/">PHP</a></li>
<li id="menu-item-16830" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-16830"><a href="https://serblog.ru/tag/yii2/">Yii2</a></li>
<li id="menu-item-15164" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-15164"><a href="https://serblog.ru/tag/seo/">SEO</a></li>
<li id="menu-item-15165" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-15165"><a href="https://serblog.ru/tag/windows/">Windows</a></li>
<li id="menu-item-15166" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-15166"><a href="https://serblog.ru/tag/wordpress/">WordPress</a></li>
<li id="menu-item-15167" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-15167"><a href="https://serblog.ru/tag/youtube/">YouTube</a></li>
<li id="menu-item-15168" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-15168"><a href="https://serblog.ru/tag/programmy/">Программы</a></li>
<li id="menu-item-15169" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-15169"><a href="https://serblog.ru/tag/servis/">Сервис</a></li>
</ul></div></li></ul><ul class="widget-wrap"><li id="most_popular_posts-2" class="widget widget_most_popular_posts">
<span class="widgettitle">Популярные записи</span>
<ul> <li><a href="https://serblog.ru/aktivaciya-windows-10-navsegda-besplatno/">Активация Windows 10 навсегда бесплатно</a> (232)</li>
<li><a href="https://serblog.ru/xaker-zalez-v-moj-kompyuter-i-upravlyal-im/">Хакер залез в мой компьютер и управлял им</a> (137)</li>
<li><a href="https://serblog.ru/gold-line-international-mezhdunarodnaya-sistema-finansovoj-vzaimopomoshhi/">Gold line International - международная система финансовой взаимопомощи</a> (102)</li>
<li><a href="https://serblog.ru/mail-ru-zadolbal/">Mail.ru задолбал</a> (97)</li>
<li><a href="https://serblog.ru/besplatnyj-konstruktor-wordpress-shablonov/">Бесплатный конструктор Wordpress шаблонов</a> (93)</li>
<li><a href="https://serblog.ru/krasivyj-tajmer-obratnogo-otscheta-na-jquery/">Красивый таймер обратного отсчета на jQuery</a> (90)</li>
<li><a href="https://serblog.ru/esli-vy-lox-kupite-moj-kurs/">Если вы лох - купите мой курс</a> (80)</li>
<li><a href="https://serblog.ru/loxotron-v-glopart-ili-dmitrij-gumilev-otzyvy/">Лохотрон в Glopart или Дмитрий Гумилев отзывы</a> (59)</li>
<li><a href="https://serblog.ru/aktivaciya-microsoft-office-2019-besplatno/">Активация Microsoft Office 2019 бесплатно</a> (50)</li>
<li><a href="https://serblog.ru/ispolzovanie-fleshki-pod-operativnuyu-pamyat-v-windows-7/">Использование флешки под оперативную память в Windows 7</a> (47)</li>
</ul>
</li></ul>
<ul class="widget-wrap"><li id="text-42" class="widget widget_text"><span class="widgettitle">YouTube канал</span> <div class="textwidget"><div id="fixed"><a href="https://www.youtube.com/channel/UCgNG9gOPDO8_tmBd1sHzqHA" target="_blank" onclick="yaCounter975926.reachGoal('youtube_banner');return true;"><img src=/files/img/youtube_subscribe.jpg" alt="Youtube канал Александр Маврин" width="202" height="252"/></a><div class="yotube_subscribers">8K Subs</div></div></div>
</li></ul></div><!-- .sidebar-secondary -->
</div><!-- #secondary-sidebar-wrap -->
</div><!-- #main -->
<div id="footer-wrap" class="span-24">
<div id="footer">
<div id="copyrights">
<a id="home" href="https://serblog.ru"></a><div id="blot"></div> 2024 <noindex>Серьезный блог о серьезном.</noindex> <noindex>Все права защищены. Обратная ссылка на источник обязательна!</noindex>
</div>
</div>
</div>
<!-- Yandex.Metrika counter --><script type="text/javascript">(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter975926 = new Ya.Metrika({id:975926, enableAll: true, webvisor:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="//mc.yandex.ru/watch/975926" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter -->
</div><!-- #wrapper -->
<!-- <div class="bottom-block"><p>Тема вебинара: Как начать зарабатывать в интернете<br>
с первого дня 400 - 1000 рублей без вложений. <br>Дата: 23.03.2019 в 20:00 по Москве</p><input type="button" value="Закрыть" onclick="yaCounter975926.reachGoal('close_vebinar_panel'); return true;"><a href="/page/vebinar-one/" target="_blank" class="submit-vebinar" onclick="yaCounter975926.reachGoal('btn_vebinar'); return true;">Принять участие</a></div> -->
<script type='text/javascript'>
/* <![CDATA[ */
jQuery.noConflict();
jQuery(function(){
jQuery('ul.menu-secondary').superfish({
animation: {height:'show'},
autoArrows: true,
dropShadows: true,
speed: 200,
delay: 800
});
});
/* ]]> */
</script>
</style>
<style> .video-widget {
display: none;
position: fixed;
left: 0;
z-index: 999999;
bottom: 0;
}
.video-widget__container {
font-family: Helvetica;
z-index: 999999;
overflow: hidden;
border-style: solid;
background: #eee;
-webkit-transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
-o-transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -o-transform .2s ease-in-out 0s;
-moz-transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -moz-transform .2s ease-in-out 0s;
transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s;
transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s;
outline: 0;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-box-shadow: rgba(0, 0, 0, .2) 0 10px 20px;
box-shadow: rgba(0, 0, 0, .2) 0 10px 20px;
position: absolute;
left: 30px;
bottom: 30px;
border-radius: 20px;
border-width: 1px;
width: 130px;
height: 180px;
border-color: #ffffff;
}
.video-widget__container:hover {
-webkit-transform: scale(1.1) translate(5px, -5px);
-moz-transform: scale(1.1) translate(5px, -5px);
-ms-transform: scale(1.1) translate(5px, -5px);
-o-transform: scale(1.1) translate(5px, -5px);
transform: scale(1.1) translate(5px, -5px);
border-color: #ffffff;
}
.video-widget__video {
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
z-index: 200;
-webkit-transition: opacity .4s ease-in-out 0s;
-o-transition: opacity .4s ease-in-out 0s;
-moz-transition: opacity .4s ease-in-out 0s;
transition: opacity .4s ease-in-out 0s;
opacity: .9;
}
.video-widget__close {
position: absolute;
top: 6px;
right: 6px;
width: 20px;
height: 20px;
z-index: 250;
opacity: 0;
-webkit-transition: opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s;
transition: opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s;
-o-transition: opacity .2s ease-in-out 0s, -o-transform .3s ease-in-out 0s;
-moz-transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s, -moz-transform .3s ease-in-out 0s;
transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s;
transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -moz-transform .3s ease-in-out 0s, -o-transform .3s ease-in-out 0s;
}
.video-widget__close:after, .video-widget__close:before {
position: absolute;
left: 9px;
top: 1px;
content: "";
height: 18px;
width: 2px;
background: #000000;
-webkit-box-shadow: rgba(0, 0, 0, .5) 1px 1px 10px;
box-shadow: rgba(0, 0, 0, .5) 1px 1px 10px;
}
.video-widget__close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.video-widget__close:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.video-widget__container:hover .video-widget__close {
opacity: .5;
}
.video-widget.video-widget[data-state=opened] .video-widget__container {
width: 230px;
height: 380px;
border-radius: 20px;
border-color: #ffffff;
}
.video-widget.video-widget[data-state=opened] .video-widget__close {
opacity: .5;
}
.video-widget.video-widget[data-state=opened] .video-widget__close:before {
display: none;
}
.video-widget.video-widget[data-state=opened] .video-widget__close:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.video-widget.video-widget[data-state=opened] .video-widget__close:hover {
opacity: 1;
}
.video-widget__button {
position: absolute;
bottom: 20px;
right: 20px;
left: 20px;
height: 65px;
border-radius: 15px;
z-index: 300;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 4px 15px;
box-shadow: rgba(0, 0, 0, .25) 0 4px 15px;
text-align: center;
-webkit-transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
-o-transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s;
-moz-transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s;
transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s;
transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s;
visibility: hidden;
background-color: #0077fe;
font-size: 10px;
font-weight: 100;
color: #ffffff !important;
text-align: center;
vertical-align: middle;
line-height: 65px;
text-transform: uppercase;
opacity: 0
}
@media screen and (max-width: 480px) {
.video-widget__button {
font-size: 8px;
}
}
.video-widget__button:hover {
background-color: #0077fe;
text-decoration: none;
}
.video-widget.video-widget[data-state=opened] .video-widget__button {
opacity: 1;
visibility: visible;
}
@media only screen and (max-width: 1023px) {
.video-widget__close {
opacity: .5;
}
}
@media only screen and (max-width: 480px) {
.video-widget__container {
right: 30px;
bottom: 75px;
width: 90px;
height: 125px;
}
} </style>
<div class="video-widget"
data-state="default" style="display:
block;">
<div
class="video-widget__container">
<video id="video-widget__video" loop="" autoplay=""
playsinline="" preload="auto" muted="muted"
controlslist="nodownload"
disablepictureinpicture=""
class="video-widget__video" src="/files/0327.mp4">
<source src="/files/0327.mp4" type="video/mp4">
</video>
<div class="video-widget__close"></div>
<a class="video-widget__button t-text" href="https://t.me/serblog_ru" role="button"
aria-haspopup="dialog" target="_blank">В телегу</a></div>
</div>
<script> (function () {
function nolimCookies(name, value, options) {
if (typeof value != 'undefined') {
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
;var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString();
}
;var path = options.path ? '; path=' + (options.path) : '';
var domain = options.domain ? '; domain=' + (options.domain) : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else {
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
}
function nolimvideowidgetcookie() {
nolimCookies('nlvideowidget99362189', 1, {expires: -1});
};
function t_ready(e) {
"loading" != document.readyState ? e() : document.addEventListener ? document.addEventListener("DOMContentLoaded", e) : document.attachEvent("onreadystatechange", (function () {
"loading" != document.readyState && e()
}))
}
t_ready(function () {
var e = document.querySelector(".video-widget");
var a = document.getElementById("video-widget__video");
document.querySelector(".video-widget__close").addEventListener("click", function (t) {
return t.preventDefault(), "default" == e.getAttribute("data-state") ? e.style.display = "none" : (e.setAttribute("data-state", "default"), a.muted = !0), !1
}), document.querySelector(".video-widget__container").addEventListener("click", function (t) {
if (!t.target.classList.contains("video-widget__close")) {
"default" == e.getAttribute("data-state") ? (e.setAttribute("data-state", "opened"), a.currentTime = 0, a.muted = !1) : (e.setAttribute("data-state", "default"), a.muted = !0);
}
}), document.addEventListener("mouseup", function (t) {
e.contains(t.target) || "default" == e.getAttribute("data-state") || (e.setAttribute("data-state", "default"), a.muted = !0)
});
document.querySelectorAll('.video-widget__close, .video-widget__button').forEach(function (item) {
item.addEventListener('click', function (e) {
nolimvideowidgetcookie();
});
});
if (Number(nolimCookies('nlvideowidget99362189')) > 0) {
document.querySelector(".video-widget").style.display = "none";
} else {
document.querySelector(".video-widget").style.display = "block";
}
});
})() </script>
<!-- Powered by WPtouch: 4.3.56 --><script type='text/javascript' src='https://serblog.ru/wp-includes/js/hoverIntent.min.js?ver=1.8.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var JQLBSettings = {"fitToScreen":"0","resizeSpeed":"400","displayDownloadLink":"0","navbarOnTop":"0","loopImages":"","resizeCenter":"","marginSize":"0","linkTarget":"_self","help":"","prevLinkTitle":"previous image","nextLinkTitle":"next image","prevLinkText":"\u00ab Previous","nextLinkText":"Next \u00bb","closeTitle":"close image gallery","image":"Image ","of":" of ","download":"Download","jqlb_overlay_opacity":"80","jqlb_overlay_color":"#000000","jqlb_overlay_close":"1","jqlb_border_width":"10","jqlb_border_color":"#ffffff","jqlb_border_radius":"0","jqlb_image_info_background_transparency":"100","jqlb_image_info_bg_color":"#ffffff","jqlb_image_info_text_color":"#000000","jqlb_image_info_text_fontsize":"10","jqlb_show_text_for_image":"1","jqlb_next_image_title":"next image","jqlb_previous_image_title":"previous image","jqlb_next_button_image":"https:\/\/serblog.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/next.gif","jqlb_previous_button_image":"https:\/\/serblog.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/prev.gif","jqlb_maximum_width":"","jqlb_maximum_height":"","jqlb_show_close_button":"1","jqlb_close_image_title":"close image gallery","jqlb_close_image_max_heght":"22","jqlb_image_for_close_lightbox":"https:\/\/serblog.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/closelabel.gif","jqlb_keyboard_navigation":"1","jqlb_popup_size_fix":"0"};
/* ]]> */
</script>
<script type='text/javascript' src='https://serblog.ru/wp-content/plugins/wp-lightbox-2/js/dist/wp-lightbox-2.min.js?ver=1.3.4.1'></script>
<script type='text/javascript' src='https://serblog.ru/wp-content/themes/Vetro/lib/js/jquery.js'></script>
<script type='text/javascript' src='https://serblog.ru/wp-content/themes/Vetro/lib/js/custom.js'></script>
<script id="kama_spamblock">
(function(){
const catch_submit = function( ev ){
let sbmt = ev.target.closest( '#submit' );
if( ! sbmt ){
return;
}
let input = document.createElement( 'input' );
let date = new Date();
input.value = ''+ date.getUTCDate() + (date.getUTCMonth() + 1) + 'uniq9065';
input.name = 'ksbn_code';
input.type = 'hidden';
sbmt.parentNode.insertBefore( input, sbmt );
}
document.addEventListener( 'mousedown', catch_submit );
document.addEventListener( 'keypress', catch_submit );
})()
</script>
<a id="scrolling" href="" onclick="yaCounter975926.reachGoal('scroll_to_top');return true;"></a>
</body>
</html>