Как сделать всплывающую подсказку в powerpoint?

Как вставить триггер в презентацию PowerPoint. Часть 2. Создаем презентацию-тест на основе триггеров

Одним из примеров использования триггеров в презентации является тест, когда дан вопрос и несколько вариантов ответов: при нажатии левой кнопкой мыши на неправильные варианты, они, к примеру, пропадают со слайда, а при нажатии на правильный вариант ответа, проигрывается приятная музыка или ответ «кладется» в корзинку. Запрограммировать действие презентации при нажатии на конкретный вариант ответа помогают триггеры.

Для того чтобы понять, как это делать, создадим слайд, на котором будут находиться вопрос и три варианта ответа.

На данном слайде триггеры и анимацию настроим так, чтобы при нажатии на верный ответ (в данном случае «Реостат») слово «Реостат» выделялось; при нажатии на неверный ответ («Амперметр» или «Вольтметр») это слово исчезало.

Добавление анимации

Добавим анимацию на ответы: на правильный ответ (реостат) — анимацию выделения, на неправильные (амперметр и вольтметр) — анимацию выхода (то есть убирания со слайда).

Для этого выделим слово «Реостат» и перейдем в область настройки анимации (справа, она должна быть открыта). Читайте, как открыть область анимации.

Если мы используем версию 2007 в области Настройка анимации откроем список эффектов (треугольник рядом с Добавить эффект) и выберем Выделение — Другие эффекты.

В версии 2010 на вкладке Анимация выберем Добавить эффектДополнительные эффекты выделения.

Добавим эффект Мерцание (или Цветовая пульсация) — ОК.

Добавим эффекты анимации на объекты, которые должны исчезнуть при нажатии на них левой кнопкой мыши.

Для этого выделим объекты «Амперметр» и «Вольтметр».

Для версии 2007 в области Настройка анимации откроем список эффектов (треугольник рядом с «Добавить эффект») и выберем Выход — Другие эффекты.

В версии 2010 на вкладке Анимация выберем Добавить эффектДополнительные эффекты выхода.

В обоих случаях выберем эффект выхода, например, Растворение и нажмем ОК.

Обратим внимание на область Настройка анимации. У нас появилось три эффекта, которые мы добавили к объектам (эффекты выхода обозначены красным цветом).

Переименуем объекты

Перейдем в область Выделение и видимость (в первом примере мы рассмотрели, как ее открыть).

В этой области находится список тех объектов, которые расположены на слайде, их названия очень похожи. Чтобы нам было удобно назначать триггеры, переименуем названия фигур. Не будем забывать обращать внимание на то, какой объект на слайде выделяется при выборе названия в области Выделение и видимость. Получим следующее:

Создание триггеров

Осталось только добавить к объектам триггеры. Для этого перейдем в область Настройка анимации. Около надписи «Реостат» раскроем список и выберем Время.

В окне настройки эффекта выберем Переключатели, установим радиокнопку Начать выполнение эффекта при щелчке и выберем в списке РеостатОК. (Выполнятся эффект должен По щелчку).

Выполним такие же действия для вставки триггеров для объектов «Амперметр» и «Вольтметр». В данном случае название анимированного объекта и название триггера должны совпадать. (Выполнятся эффекты должны По щелчку).

Если мы все правильно выполнили, то должно получиться следующее:

В данном примере объект, на который добавляется анимация, сам для себя является триггером.

Настройка показа слайдов

Главное, о чем нужно помнить при создании презентации с триггерами, это правильно настроить показ презентации так, чтобы переключаться между слайдами можно было только по гиперссылкам и управляющим кнопкам. В этом случае нельзя перейти с одного слайда на другой, нажимая на стрелки на клавиатуре или щелкая левой кнопкой мыши на слайде.

Если этого не сделать, то, нечаянно кликнув мышью мимо настроенного триггера, мы перейдем на другой слайд, то есть собьем нашу запрограммированную презентацию.

Чтобы настроить презентацию с триггерами так, чтобы она работала без таких ошибок, нужно на панели Риббон открыть вкладку Показ слайдов, — Настройка демонстрацииАвтоматическийOK.

О том, как создавать гиперссылки и управляющие кнопки (а без них нельзя обойтись в презентациях с триггерами, узнаем в другом уроке.

В этой статье мы учились создавать триггеры в презентации PowerPoint. Мы рассмотрели самые простые примеры.

Нельзя перечислить все возможности применения триггеров, многое зависит от фантазии того, кто готовит презентацию с их использованием. Можно создавать тесты, кроссворды, игры, обучающий материал для индивидуальной работы и т.д.

Если Вы решили научиться создавать презентации с триггерами, то важно помнить следующее.

Правила создания презентаций PowerPoint с триггерами

Перед тем как создавать такую презентацию, нужно задать себе вопросы:

  • Зачем Вы создаете презентацию с использованием триггеров?
  • Для кого Вы ее создаете?
  • Какой результат Вы хотите получить?

Обязательно продумайте, какие объекты будут анимированными, а какие будут триггерами.

Не забудьте составить инструкцию по работе с презентацией.

Не перегружайте презентацию ненужной анимацией. Это отвлекает внимание от материала.

Видеоурок по теме (версия 2003, объясняется принцип работы)

Кратко об авторе:

Шамарина Татьяна Николаевна — учитель физики, информатики и ИКТ, МКОУ «СОШ», с. Саволенка Юхновского района Калужской области. Автор и преподаватель дистанционных курсов по основам компьютерной грамотности, офисным программам. Автор статей, видеоуроков и разработок.

Спасибо за Вашу оценку. Если хотите, чтобы Ваше имя
стало известно автору, войдите на сайт как пользователь
и нажмите Спасибо еще раз. Ваше имя появится на этой стрнице.

Есть мнение?
Оставьте комментарий

Понравился материал?
Хотите прочитать позже?
Сохраните на своей стене и
поделитесь с друзьями

Вы можете разместить на своём сайте анонс статьи со ссылкой на её полный текст

Ошибка в тексте? Мы очень сожалеем,
что допустили ее. Пожалуйста, выделите ее
и нажмите на клавиатуре CTRL + ENTER.

Кстати, такая возможность есть
на всех страницах нашего сайта

2007-2020 «Педагогическое сообщество Екатерины Пашковой — PEDSOVET.SU».
12+ Свидетельство о регистрации СМИ: Эл №ФС77-41726 от 20.08.2010 г. Выдано Федеральной службой по надзору в сфере связи, информационных технологий и массовых коммуникаций.
Адрес редакции: 603111, г. Нижний Новгород, ул. Раевского 15-45
Адрес учредителя: 603111, г. Нижний Новгород, ул. Раевского 15-45
Учредитель, главный редактор: Пашкова Екатерина Ивановна
Контакты: +7-920-0-777-397, info@pedsovet.su
Домен: https://pedsovet.su/
Копирование материалов сайта строго запрещено, регулярно отслеживается и преследуется по закону.

Отправляя материал на сайт, автор безвозмездно, без требования авторского вознаграждения, передает редакции права на использование материалов в коммерческих или некоммерческих целях, в частности, право на воспроизведение, публичный показ, перевод и переработку произведения, доведение до всеобщего сведения — в соотв. с ГК РФ. (ст. 1270 и др.). См. также Правила публикации конкретного типа материала. Мнение редакции может не совпадать с точкой зрения авторов.

Для подтверждения подлинности выданных сайтом документов сделайте запрос в редакцию.

сервис вебинаров

О работе с сайтом

Мы используем cookie.

Публикуя материалы на сайте (комментарии, статьи, разработки и др.), пользователи берут на себя всю ответственность за содержание материалов и разрешение любых спорных вопросов с третьми лицами.

При этом редакция сайта готова оказывать всяческую поддержку как в публикации, так и других вопросах.

Если вы обнаружили, что на нашем сайте незаконно используются материалы, сообщите администратору — материалы будут удалены.

Все лучшие горячие клавиши Microsoft PowerPoint

Даже если вы умеете пользоваться Microsoft PowerPoint вы удивитесь количеству и разнообразию клавиатурных сокращений (горячих клавиш) которые вы можете использовать для ускорения вашей работы, улучшения продуктивности и в целом для упрощения взаимодействия с программой.

Нужно ли пытаться запомнить все эти комбинации? Конечно нет! У каждого из нас разные потребности, поэму полезные, часто применяемые сочетания клавиш, будут у каждого свои. Даже если вы подберёте всего несколько комбинаций, которые запомните и будете в дальнейшем использовать, они стоят потраченного на них времени. Мы также попытались сделать список ясным и простым чтобы вы могли распечатать его — это должно помочь!

И даже хотя приведённый здесь наш список сокращений довольно длинный, это не означает, что это полный список всех возможных комбинаций горячих клавиш доступных в PowerPoint. Мы попытались отобрать самые часто используемые и полезные быстрые клавиши. И вы будете счастливы узнать, что практически все эти горячие клавиши были с нами на протяжении долгого времени, поэтому они должны работать не зависимо от версии PowerPoint которую вы используете.

Читать еще:  Как сделать красивые буквы в powerpoint?

Помните: мы представили комбинации горячих клавиш используя следующие правила оформления. Знак плюс означает, что вы должны нажать эти клавиши вместе. Запятая означает что вы должны нажать кнопки последовательно. Поэтому, например, «Ctrl+N» означает зажать кнопку Ctrl и удерживая её нажать кнопку N и затем отпустить обе кнопки. С другой стороны, «Alt+N,P» означает, что вам нужно удерживая нажатой кнопку Alt нажать кнопку N, отпустив кнопку N нажать кнопку P и затем отпустить все кнопки. Хотя везде буквы показаны заглавными, нажимать Shift не нужно (если это не указано специально). Все буквы являются латинскими, хотя раскладка клавиатуры во время ввода может быть любой.

Общепрограммные горячие кнопки

В начале давайте начнём с обзора некоторых общих клавиатурных быстрых кнопок для открытия, закрытия, переключения между презентациями, а также перемещения по Ленте.

  • Ctrl+N: Создать новую презентацию
  • Ctrl+O: Открыть существующую презентацию
  • Ctrl+S: Сохранить презентацию
  • F12 или Alt+F2: Открыть диалоговое окно Сохранить как
  • Ctrl+W или Ctrl+F4: Закрыть презентацию
  • Ctrl+Q: Сохранить и закрыть презентацию
  • Ctrl+Z: Отменить последнее действие
  • Ctrl+Y: Сделать последнее действие ещё раз
  • Ctrl+F2: Предварительный просмотр для печати
  • F1: Открыть панель справки
  • Alt+H,1: Переход в «Что вы хотите сделать?»
  • F7: Проверка орфографии
  • Alt или F10: Включение или отключение подсказок по кнопкам
  • Ctrl+F1: Показать или спрятать Ленту
  • Ctrl+F: Поиск по презентации или использование Найти и заменить
  • Alt+A: Открыть меню вкладки Файл
  • Alt+Z: Перейти к вкладке Главная
  • Alt+’,2: Перейти к вкладке Вставка
  • Alt+Q: Перейти к вкладке Дизайн
  • Alt+[: Перейти к вкладке Переходы
  • Alt+B: Перейти к вкладке Анимация
  • Alt+C: Перейти к вкладке Слайд-шоу
  • Alt+H,2: Перейти к вкладке Рецензирование
  • Alt+’,3: Перейти к вкладке Вид
  • Ctrl+Tab: Переключение между открытыми презентациями

Выбор и навигация по тексту, объектам и слайдам

Вы можете использовать сочетания клавиш клавиатуры для лёгкого перемещения по вашей презентации. Попробуйте эти сокращения в качестве быстрых и простых способов выбрать текст внутри поля, объектов на ваших слайдах, или выбрать слайды на вашей презентации.

  • Ctrl+A: Выбрать весь текст внутри текстового поля, все объекты на слайде или все слайды в презентации (действие различается в зависимости от активного элемента; для последнего варианта сначала кликните на области миниатюр слайдов)
  • Tab: Выбрать или переместиться к следующему объекту на слайде
  • Shift+Tab: Выбрать или переместиться к предыдущему объекту на слайде
  • Home: Перейти к первому слайду, или внутри текста перейти к началу текущей строки
  • End: Перейти к последнему слайду, или внутри текста перейти к концу текущей строки
  • PgDn: Перейти к следующему слайду
  • PgUp: Перейти к предыдущему слайду
  • Ctrl+стрелка вверх/вниз: Переместить слайд вверх или вниз по вашей презентации (для начала кликните на миниатюрах слайдов)
  • Ctrl+Shift+стрелка вверх/вниз: Перемещение слайда к началу или концу презентации (для начала кликните на миниатюрах слайдов)

Форматирование и редактирование

Следующие сочетания клавиш клавиатуры сберегут вам время поскольку вы сможете редактировать и форматировать быстрее чем успеете моргнуть!

  • Ctrl+X: Вырезать выбранный текст, выбранный объект(ы) или выбранный слайд(ы)
  • Ctrl+C или Ctrl+Insert: Скопировать выделенный текст, выбранный объект(ы) или выбранный слайд(ы)
  • Ctrl+V или Shift+Insert: Вставить выбранный текст, выбранный объект(ы) или выбранный слайд(ы)
  • Ctrl+Alt+V: Открыть диалоговое окно Специальная вставка
  • Delete: Удалить выбранный текст, выбранный объект(ы) или выбранный слайд(ы)
  • Ctrl+B: Сделать или отменить текст полужирным
  • Ctrl+I: Сделать или отменить текст курсивом
  • Ctrl+U: Сделать или отменить подчёркивание текста
  • Ctrl+E: Центрировать (расположить посередине) параграф
  • Ctrl+J: Выровнять параграф по ширине страницы
  • Ctrl+L: Выровнять параграф по левому краю
  • Ctrl+R: Выровнять параграф по правому краю
  • Ctrl+T: Открыть диалоговое окно Шрифты когда выбран текст или объект
  • Alt+Q,F: Открыть диалоговое окно Масштаб для изменения масштаба слайда
  • Alt+]: Вставка картинки
  • Alt+O: Вставка фигуры
  • Alt+Q,N: Выбрать макет слайда
  • Ctrl+K: Вставить гиперссылку
  • Ctrl+M: Вставить новый слайд
  • Ctrl+D: Дуплицировать (сделать копию) выбранного объекта или слайда (для последнего варианта кликните сначала миниатюру слайда)

Полезные сокращения слайдшоу

Теперь, когда вы готовы запустить презентацию, следующие клавиатурные комбинации быстрых клавиш должны вам пригодиться.

  • F5: Запустить презентацию с начала
  • Shift+F5: Начать презентацию с текущего слайда (это супер удобно когда вы хотите протестировать, как слайд, над которым вы работаете в данное время, будет выглядеть в презентации)
  • Ctrl+P: Делать аннотации (писать поверх слайда) инструментом Перо во время слайдшоу
  • N или Page Down: Перейти к следующему слайду во время слайдшоу
  • P или Page Up: Вернуться к предыдущему слайду во время слайдшоу
  • B: Изменить экран на чёрный во время слайдшоу (затемнение экрана, временное сокрытие экрана); нажмите ещё раз B для возврата в слайдшоу
  • Esc: Остановить слайдшоу

Заключение

Чем больше вы используете клавиатурные комбинации клавиш, тем проще их запомнить. Никто не ждёт от вас, что вы их выучите все. Надеюсь, что вы найдёте для себя несколько полезных и будете их использовать, чтобы они сделали вашу жизнь в PowerPoint немного проще.

Кстати, если у вас клавиатура с дополнительными функциональными клавишами, на которые можно назначить определённые действия, то если вы часто работаете в PowerPoint или в других офисных программах, вы можете настроить для этих функциональных кнопок сочетания клавиш PowerPoint. Это позволит очень удобно использовать эти сочетания даже не запоминая их! Главное запомните, какой функциональной клавише какое действие вы присвоили.

Кстати, это же работает и для так называемых «игровых мышек» — то есть мышек с большим количеством кнопок — после настройки офисных сочетаний клавиш и привыкания, вы сможете драматически увеличить свою производительность при работе с текстом!

11 подсказок для презентации PowerPoint: от пресной до интересной

Что может быть хуже унылого, безжизненного и затянувшегося слайд-шоу? Наверное, осознание того, что именно ты заставляешь всех спать. Но правда в том, что плохие презентации случаются и с умными людьми. Нередко выступающий является такой же жертвой, как и бедняги, которые его слушают. Исключите такую ситуацию и добавьте жизни своим слайдам с помощью этих 11 подсказок.

Содержание

Для начала продумайте структуру и логику презентации. Прежде, чем открыть PowerPoint, представьте день своего будущего выступления. Что вы скажете аудитории? Пока у вас не будет четкого понимания, мысли о дизайне будут только рассеивать внимание и отвлекать от важного.

Один слайд — одна мысль

Бесспорно, вы так много знаете о своей теме, что хотите рассказать все. Но в таком потоке информации людям легко потеряться и утратить интерес. Придерживайтесь правила: один слайд — одна мысль. Представьте, что презентация — это билборды вдоль дороги. Зрители проезжают мимо на высокой скорости и должны уловить главную идею за несколько секунд. Они не будут останавливаться, чтобы прочитать все, что вы написали мелким шрифтом.

Три ключевые вещи

Упрощайте и сокращайте текст. Это тяжело, но публика оценит. Советуем разбить презентацию на 3 главных аргумента и вывода. Этот трюк срабатывает всегда. Ведь обычно мы запоминаем только три основных тезиса после сказанного. Чтобы облегчить процесс отсечения, ответьте на вопрос: какие три вещи из вашей презентации должны остаться в памяти у аудитории?

Продумайте паузы

Учтите, что удержать внимание людей на протяжении всего выступления трудно. Поэтому подумайте о запланированных паузах и переходах. Например, вопросы к аудитории, видео, возможно ваши собственные “фишки” и т.д.

Когда логика рассказа продумана, можно браться за его оформление. Такой порядок работы избавит от искушения использовать визуальные приёмы только ради их наличия. Представьте, как ваш текст будет выглядеть на слайдах. Многие рисуют эскизы или раскадровки прямо от руки. Это здорово помогает структурировать информацию. Продумайте стиль презентации, его нужно будет придерживаться до конца. Цвета, шрифты и остальные элементы должны между собой сочетаться.

Цветовая гамма

Люди ожидают увидеть уникальную презентацию. Они видели стандартные темы PowerPoint бесчисленное количество раз, поэтому лучше от них отказаться. Исследования показывают, что правильное использование цветов может мотивировать человека, убедить, повысить интерес и улучшить понимание. Поэтому все чаще опытные ораторы прибегают к помощи профессиональных шаблонов PowerPoint, в которых сочетание оттенков уже продумано дизайнерами. Это минимум работы и максимум возможностей кастомизации. Так что если вам некогда заморачиваться над всеми нюансами, обязательно их попробуйте.

Читать еще:  Как сделать раздаточный материал в powerpoint?

Полностью настраиваемый PowerPoint шаблон с более 100 готовых слайдов.

Если же вам все-таки пришлось работать с цветом самостоятельно, попробуйте использовать фирменные цвета своего бренда. Также подумайте, в каком помещении вы будете проводить презентацию. В светлой комнате лучше воспринимается темный текст на светлом фоне, а в темной — наоборот.

Стив Джобс предпочитал выступать в темном зале и использовал черный для фона презентации.

Сервис Adobe Color CC позволяет найти подходящие цвета, создавать и сохранять темы. А приложение Pictaculous выдаст цветовую палитру, которая будет идеально сочетаться с вашим изображением.

Выбирайте простые шрифты, удобные для чтения. Например Arial, Times New Roman или Verdana. Избегайте каллиграфических шрифтов. Используйте максимум два разных шрифта — один для заголовков, другой для контента. Обратите внимание на размер, он должен быть как минимум 24, но желательно — 30, чтобы люди в конце зала могли легко все прочитать.

Забудьте о скучных списках

Маркированные списки — это уже каменный век. Оставьте их для похода в магазин 🙂

Чтобы выглядеть профессионально, придавайте спискам форму.

Конечно, вы скажете — «Это не двухминутная задача!» и «Я не дизайнер». Это действительно так. Но как же часто докладчик обладает невероятными знаниями, но из-за недостатка возможностей продемонстрировать свой интеллект, его презентация терпит полнейший провал. Не позволяйте себе становиться жертвой такой ситуации. В этом случае проблему нехватки идей и времени снова могут решить готовые шаблоны.

Только высококачественная графика

Никогда не растягивайте маленькую фотографию с низким разрешением. Постарайтесь не использовать корпоративные стоковые изображения — они банальны и вряд ли вдохновят кого-либо. Избегайте клипартов PowerPoint и подобной мультяшной линейной графики. Ваша аудитория видела это уже миллионы раз. Возможно, это было интересно в 90-х, но сегодня такие картинки подрывают профессионализм докладчика.

Диаграммы и графики

Диаграммам стоит уделить особое внимание, чтобы не ошарашить публику массивом данных. Но не переборщите с их количеством. Прилагайте диаграммы, когда они добавляют вес вашему повествованию. Хороший вариант, когда следующий слайд описывает суть ваших инфографик. Избегайте вычурной анимации или 3D графики.

Яркий шаблон с графиками и диаграммами, которые эффектно иллюстрируют ваш месседж.

Иконки облегчают и ускоряют восприятие информации. Они помогают расставить акценты на слайде. Выберите определенный цвет и тип иконок, который будете использовать во всей презентации — например, контурные или залитые. Также следите за тем, чтобы толщина контуров иконок и текста совпадала.

На сайте FlatIcon можно найти около полумиллиона графических элементов.

Сохраните презентацию в разных форматах

Сохраните презентацию в формате PDF, JPEG или MPEG-4. Если стандартный PPT файл не сможет открыться или будет отображаться некорректно, у вас всегда будет запасной вариант.

Готовый шаблон на будущее

Позаботьтесь о шаблоне для будущих презентаций, который можно будет быстро отредактировать и обновить актуальной информацией. Это позволит значительно сэкономить время в следующий раз.

Заключение

Не позволяйте PowerPoint диктовать свои правила. Откажитесь от заезженных цветовых схем, списков-буллетов, поднадоевшей графики с 3d человечками. Продумайте дизайн самостоятельно по принципу — чем проще, тем лучше.

P.S. Конечно, это далеко не исчерпывающий список подсказок, поэтому не стесняйтесь делиться своими лайфхаками в комментариях.

Желаем успешных презентаций и лояльной аудитории!

Всплывающие подсказки — html, JS, Bootstrap

Всплывающая подсказка представляет собой короткое текстовое сообщение с пояснением, возникающие в результате наведения курсора мышки на элемент страницы. Далее рассмотрим как сделать всплывающую подсказку в html.

Стандартный способ

За показ подсказки отвечает . Этот атрибут можно использовать для показа подсказки к разным объектам, но чаще всего его используют в качестве поясняющего текста к изображениям.</p> <p>Для показа всплывающей подсказки нужно только лишь добавить это атрибут и написать в нем необходимый поясняющий текст.</p> <p>В качестве подсказки может использоваться как одно слово или словосочетание, так и сразу несколько предложений. Обычно всплывающая html подсказка выглядит следующим образом:</p> <p style="clear: both"> <img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://fokit.ru/wp-content/uploads/2019/01/Vsplyvayushhaya-podskazka-na-HTML.jpg" /><noscript><img src="https://fokit.ru/wp-content/uploads/2019/01/Vsplyvayushhaya-podskazka-na-HTML.jpg" /></noscript></p> <p>Поясняющий текст появляется не сразу после наведения мышки на изображение, а через пару секунд. Такая особенность всплывающих подсказок заложена по умолчанию.</p> <p>Стандартная всплывающая html подсказка при наведении на текст имеет один существенный недостаток – отсутствие инструментов для стилизации. Чтобы решить эту проблему необходимо использовать другие способы создания всплывающей подсказки.</p> <h2>Способ на чистом css</h2> <p>Для красивого вывода подсказки обычно используется именно этот способ. Он предусматривает заключение картинки в контейнер с идентификатором. Благодаря этому, обеспечивается возможность обращения к данному контейнеру в стилях:</p> <p>В вышеуказанном примере единственным непонятным моментом может быть . Этот атрибут не выполняет никакой функции. Однако его значение используется в js и css. Таким образом, и этот атрибут может быть полезен. Но сначала необходимо описать стили блок-контейнера.</p> <p>Относительное позиционирование используется по причине того, что контейнер со всплывающей подсказкой будет позиционироваться абсолютно. Поэтому необходимо сделать так, чтобы текст позиционировался только относительно родительского блока, а не всей страницы.</p> <p>Блочно-строчное отображение не помешает родительскому блоку (в том числе и контейнеру с со всплывающей подсказкой) растянуться на всю ширину окна. Теперь осталось создать поясняющий текст.</p> <p>Всплывающие подсказки в css проще всего делать посредством псевдоэлементов:</p> <p>Несмотря на обилие кода, он очень прост для понимания. Селектор #pdskzk:hover:after необходим для создания псевдоэлемента after в тот момент, когда пользователь ставит курсор на контейнер с изображением. Свойство content: attr(data-name) предназначено для указания текстового значения. Оно соответствует свойству, которое записано в атрибуте data-name у контейнера-обертки изображения.</p> <p>После этого остается позиционировать объект абсолютно и задать ему необходимые параметры:</p> <p>Таким образом, получается такая всплывающая подсказка css при наведении на картинку:</p> <p style="clear: both"> <img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://fokit.ru/wp-content/uploads/2019/01/Vsplyvayushhaya-css-podskazka-pri-navedenii-na-kartinku.jpg" /><noscript><img src="https://fokit.ru/wp-content/uploads/2019/01/Vsplyvayushhaya-css-podskazka-pri-navedenii-na-kartinku.jpg" /></noscript></p> <p>По сравнению со стандартной подсказкой, этот вариант поясняющего текста при наведении на изображение выглядит более интересно и привлекательно. К тому же подсказка возникает сразу при наведении курсора на элемент. При этом плавное появление всплывающей подсказки невозможно из-за то, что псевдоэлементы не поддерживают такой функционал.</p> <h2>Плавное появление</h2> <p>Тем не менее, возможности css позволяют использовать плавное появление подсказки. В этом случае не используются псевдоэлементы. Это обусловлено тем, что именно они не позволяют применить опцию плавного появления. Пример реализации плавного появления всплывающей подсказки на css представлен ниже:</p> <p>Стоит заметить, что css-код практически не изменился:</p> <p>Ключевое изменение касается свойства content, которое не используется в этом примере. Оно потеряло актуальность ввиду того, что поддерживается только псевдоэлементами. Еще одно изменение – появление свойства transition. Именно это свойство отвечает за создание плавных переходов. Внимательный читатель наверняка обратил внимание на значение opacity: 0. Оно делает контейнер с подсказкой прозрачным.</p> <p>Теперь при наведении на родительский блок достаточно вернуть стандартную прозрачность контейнеру с подсказкой. После этого можно проверить работу кода и убедиться в том, что поясняющий текст возникает на экране плавно.</p> <p>CSS3 позволяет скрыть элемент и другими способами. Например, может использоваться трансформация. Этот метод предусматривает замену полной прозрачности на свойство transform: scale(0). Также необходимо уменьшить размер контейнера до 0. Таким образом, его не будет видно на странице. При наведении на контейнер с изображением нужно указать свойство transform: scale(1). Этот способ позволяет сделать появление всплывающего текстового сообщения не только плавным, но и эффектным.</p> <h2>Другие способы</h2> <p>Всплывающие текстовые сообщения можно создавать и посредством jQuery. Эта библиотека может использоваться как для написания своего кода, так и для создания плагина для всплывающих подсказок на jQuery, который реализует необходимый эффект.</p> <p>Альтернативный вариант – всплывающие подсказки на Bootstrap. Этот фреймворк имеет множество готовых реализаций всплывающих подсказок. Достаточно только ознакомиться с документацией к Bootstrap и изучить доступные примеры кода. При этом совершенно необязательно полностью подключать этот фреймворк. Достаточно скачать и подключить компонент toolptips.</p> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-format-a3-v-powerpoint.html" target="_blank" class="ud8b9ba1039644f8344219d4668188573"><!-- INLINE RELATED POSTS 3/3 //--><style> .ud8b9ba1039644f8344219d4668188573 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:inherit; border:0!important; border-left:4px solid inherit!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .ud8b9ba1039644f8344219d4668188573:active, .ud8b9ba1039644f8344219d4668188573:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .ud8b9ba1039644f8344219d4668188573 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .ud8b9ba1039644f8344219d4668188573 .ctaText { font-weight:bold; color:inherit; text-decoration:none; font-size: 16px; } .ud8b9ba1039644f8344219d4668188573 .postTitle { color:inherit; text-decoration: underline!important; font-size: 16px; } .ud8b9ba1039644f8344219d4668188573:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">Читать еще:</span>  <span class="postTitle">Как сделать формат а3 в powerpoint?</span></div></a></div><p>В целом сегодня существует огромное количество способов создания всплывающих подсказок без js. Благодаря такому разнообразию, можно использовать как стандартные реализации, так и более эффектные с плавным или резким появлением. Кроме того, не стоит забывать о возможностях библиотеки jQuery и фреймворка Bootstrap.</p> <h2>Как работать в PowerPoint</h2> <p>С помощью программы PowerPoint можно не только создавать слайд шоу из ваших фотографий но и делать презентации создавая свои слайды и вставляя в них диаграммы, рисунки, анимацию, текст, видео и даже можно озвучить вашу презентацию. Но чтобы сделать презентацию нужно уметь пользоваться PowerPoint.</p> <h2>Как вставить сноску в PowerPoint</h2> <p>Иногда нужно на слайдах сделать сноски для более подробного пояснения какого-нибудь слова.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/add-a-footer-to-a-slide-in-PowerPoint-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/add-a-footer-to-a-slide-in-PowerPoint-600x401.jpg" /></noscript> Нажимаем в PowerPoint Колонтитулы</p> <p>Чтобы сделать сноску нужно перейти на вкладку Вставка, нажать Колонтитулы. Откроется окно в котором на вкладке Слайд ставите галочку у пункта Нижний колонтитул и вписываете поясняющийся текст который будет отображаться внизу слайда, нажимаете кнопку Применить. Внизу на слайде появится написанный вами текст, выделяете его и делаете нужным шрифтом.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/footer-on-a-slide-in-PowerPoint-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/footer-on-a-slide-in-PowerPoint-600x401.jpg" /></noscript> Как работать в программе PowerPoint</p> <p>После этого в тексте выделяете сноску например цифру 1 и нажимаете на главной Вкладке открытие диалогового окна Шрифт. В открывшемся окне ставите галочку у пункта Надстрочный и нажимаете кнопку ОК.</p> <h2>Как распечатать PowerPoint</h2> <p>Для презентации распечатывают по 1 слайду чтобы было видно издалека, а для индивидуального просмотра лучше распечатать по 3 слайда на лист чтобы можно было посмотреть и сделать поправки и замечания.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/print-PowerPoint-slides-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/print-PowerPoint-slides-600x401.jpg" /></noscript> Обычно работа в PowerPoint 2010 распечатывается по 3 слайда на листе</p> <p>Чтобы распечатать готовую презентацию нужно нажать Файл, а затем Печать. Выберите сколько слайдов необходимо поместить на лист и нажмите Печать.</p> <h2>Как вставить анимацию в PowerPoint</h2> <p>Анимация в программе PowerPoint накладывается на любые объекты в том числе и на переходы между слайдами. В Microsoft PowerPoint анимация на один объект может накладываться нескольких видов которые будут срабатывать в порядке своей очереди.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/Animation-in-PowerPoint-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/Animation-in-PowerPoint-600x401.jpg" /></noscript> Как в PowerPoint сделать анимацию картинки</p> <p>Чтобы сделать какой-нибудь объект анимационным нужно выделить его и перейти на вкладку Анимация. На этой вкладке нажимаете на Добавить анимацию, откроются различные эффекты анимации в PowerPoint, выбираете из них подходящий. Чтобы посмотреть полученные анимационные презентации в PowerPoint на вкладке Анимация нажмите Просмотр.</p> <h2>Как редактировать PowerPoint</h2> <p>Иногда презентацию в PowerPoint отмечают как окончательной и не редактируемой и тогда возникают трудности с редактированием. Чтобы снова можно было редактировать презентацию нужно нажать Файл — Сведения — Защитить презентацию — Пометить как окончательный.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/editing-in-PowerPoint-prohibited-600x403.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/editing-in-PowerPoint-prohibited-600x403.jpg" /></noscript> Включить редактор презентаций PowerPoint</p> <p>Также можно снять запрет нажав на кнопку Всё равно редактировать которая появляется в верхней части при переходе с вкладки Файл на любую другую.</p> <h2>Как в PowerPoint вставить музыку</h2> <p>Если у вас на компьютере имеется какая-то музыка или файл со звуком то можно наложить их на презентацию. Наложить музыку в PowerPoint можно на всю презентацию или на какой-нибудь конкретный слайд.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/Adding-sound-to-PowerPoint-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/Adding-sound-to-PowerPoint-600x401.jpg" /></noscript> Как наложить музыку на презентацию в PowerPoint</p> <p>Очень легко добавить музыку в PowerPoint для этого на вкладке Вставка выберите Мультимедиа — Звук — Звук из файла. В открывшемся окне чтобы вставить звук в PowerPoint найдите ваш файл с музыкой или звуком и нажмите кнопку Вставить. На слайде отобразится значок звука, нажмите на него и появится вкладка Воспроизведение, перейдите на неё.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/Play-sound-in-PowerPoint-on-all-slides-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/Play-sound-in-PowerPoint-on-all-slides-600x401.jpg" /></noscript> Как добавить музыку в презентацию PowerPoint</p> <p>На этой вкладке можно будет наложить музыку на слайды в PowerPoint которая будет играть во время просмотра всех слайдов. Для этого на этой вкладке выберите Параметры звука и выберите из всплывающего списка пункт Для всех слайдов.</p> <h2>Как вставить гифку в PowerPoint</h2> <p>Гифка это анимационная картинка в формате GIF. Вставляются гифки в PowerPoint как и обычные рисунки.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/insert-animated-pictures-in-PowerPoint-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/insert-animated-pictures-in-PowerPoint-600x401.jpg" /></noscript> Вставляем анимационные картинки GIF в PowerPoint</p> <p>Если у вас в компьютере уже есть такие картинки то вставляются в слайды они следующим образом. На вкладке Вставка выбираете пункт Рисунок и в открывшемся окне ищите нужную картинку и нажимаете кнопку Вставить. Гифка смотрится как обычная картинка, а анимационной она становится только при просмотре презентации.</p> <h2>Как создавать слайды в PowerPoint</h2> <p>Чтобы сделать слайды в PowerPoint для презентации нужно на вкладке Главная нажать Создать слайд столько раз сколько нужно слайдов для вашей презентации. Также можно вставлять слайды в PowerPoint между уже готовыми слайдами, для этого нужно выбрать слайд и нажать на главной вкладке Создать слайд и после выбранного вами слайда появится новый слайд.</p> <h2>Как сделать гиперссылку в PowerPoint</h2> <p>Гиперссылка в PowerPoint создаётся для быстрого перекидывания с одного слайда на другой или для открытия какого-нибудь другого документа.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/make-hyperlinks-in-PowerPoint-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/make-hyperlinks-in-PowerPoint-600x401.jpg" /></noscript> Изменить цвет гиперссылки в PowerPoint можно на главной вкладке</p> <p>Чтобы создать гиперссылку нужно выделить объект например текст, картинку или график и перейти на вкладку Вставка. На этой вкладке нажимаете Гиперссылка и в открывшемся окне выбираете место куда должна вести гиперссылка.</p> <h2>Как сделать диаграмму PowerPoint</h2> <p>Диаграммы создаются для более наглядного отображения данных находящихся в какой-нибудь таблицы.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/Make-diagram-in-PowerPoint-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/Make-diagram-in-PowerPoint-600x401.jpg" /></noscript> Диаграмма в PowerPoint</p> <p>Если у вас в Excel создана таблица то её можно отобразить в виде диаграммы, для этого создаёте новый слайд, переходите на вкладку Вставка и нажимаете Диаграмма. Откроется окошко с различными видами диаграмм и графиков, выберите из них подходящий и нажмите кнопку ОК. Откроется Excel в котором нужно будет создать таблицу и поместить в неё все необходимые данные. Если вам необходимо будет изменить диаграмму в PowerPoint то нужно будет навести на неё курсор и нажать правую кнопку мыши, а из появившегося контекстного меню выбрать пункт Изменить тип диаграммы.</p> <h2>Как сохранить слайды в PowerPoint</h2> <p>Готовую презентацию можно сохранить полностью или отдельный его слайд в виде картинки. Чтобы сохранить презентацию нужно нажать Файл — Сохранить как и в открывшемся окне из всплывающего списка Тип документа выбрать в каком формате сохранять презентацию PowerPoint. Если презентацию PowerPoint сохранить в PDF то тем самым вы сможете сжать презентацию PowerPoint. Правда если таким способом как уменьшить размер презентации PowerPoint то потом она не будет открываться в PowerPoint, а просмотреть её можно будет какой-нибудь программой на вроде Adobe Reader. Если сначала выбрать слайд, а затем перейти к сохранению и выбрав Тип документа Рисунок в формате то вам предложат сохранить все слайды или только текущий.</p> <h2>Как удалить слайд в PowerPoint</h2> <p>Чтобы убрать слайд в PowerPoint который вам больше не нужен достаточно в левой колонке навести на него курсор и нажав правую кнопку мыши выбрать из контекстного меню пункт Удалить слайд.</p> <h2>Как изменить фон в PowerPoint</h2> <p>Чтобы поменять фон в презентации PowerPoint нужно навести курсор на пустое место в слайде и нажать правую кнопку мыши.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/change-the-background-in-PowerPoint-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/change-the-background-in-PowerPoint-600x401.jpg" /></noscript> Как поменять фон в PowerPoint</p> <p>Откроется контекстное меню из которого выбираете пункт Формат фона. Откроется окно в котором можно выбрать фон для PowerPoint задав цвет заливки или текстуру. Также в этом окне можно сделать картинку фоном в PowerPoint, для этого достаточно поставить точку у пункта Рисунок или текстура нажать на файл и выбрать в открывшемся окошке вашу картинку.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/make-another-background-in-PowerPoint-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/make-another-background-in-PowerPoint-600x401.jpg" /></noscript> Делаем фоновый рисунок в PowerPoint на слайде</p> <p>Чтобы фон изменился только у данного слайда надо нажать кнопку Закрыть, а если нажать кнопку Применить ко всем то фон изменится на всех слайдах. Чтобы убрать фон в PowerPoint достаточно в этом же окне нажать на кнопку Восстановить фон. Если вам нужно убрать фон с картинки в PowerPoint то наводите курсор на картинку и нажимаете левую кнопку мыши. После этого появится вкладка Формат.</p> <p style="clear: both"> <img class="lazy lazy-hidden" style="float: left; margin: 0 10px 5px 0;" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://kaknakomputere.ru/wp-content/uploads/2017/02/remove-the-background-from-the-image-in-PowerPoint-600x401.jpg" /><noscript><img style="float: left; margin: 0 10px 5px 0;" src="http://kaknakomputere.ru/wp-content/uploads/2017/02/remove-the-background-from-the-image-in-PowerPoint-600x401.jpg" /></noscript> Как в PowerPoint сделать прозрачный фон картинки</p> <p>На этой вкладке нажимаете на Цвет и в появившемся контекстном окне выбираете пункт Установить прозрачный цвет. Затем на картинке наводите курсор на картинку в то место в котором имеется цвет который нужно удалить с картинки.</p> <div class="flat_pm_end"></div> </div> </article> <div class="post-meta"> <div class="post-share"> Сохранить себе в: <script type="text/javascript">(function(w,doc) { if (!w.__utlWdgt ) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h=d[g]('body')[0]; h.appendChild(s); }})(window,document); </script> <div data-mobile-view="true" data-share-size="30" data-like-text-enable="false" data-background-alpha="0.0" data-pid="1856126" data-mode="share" data-background-color="#ffffff" data-hover-effect="scale" data-share-shape="round-rectangle" data-share-counter-size="12" data-icon-color="#ffffff" data-mobile-sn-ids="fb.vk.tw.ok.wh.tm.vb." data-text-color="#000000" data-buttons-color="#ffffff" data-counter-background-color="#ffffff" data-share-counter-type="disable" data-orientation="horizontal" data-following-enable="false" data-sn-ids="fb.vk.ok.tm.vb.ps." data-preview-mobile="false" data-selection-enable="false" data-exclude-show-more="false" data-share-style="5" data-counter-background-alpha="1.0" data-top-button="false" class="uptolike-buttons" ></div> </div> </div> <meta itemprop="headline" content="Как сделать всплывающую подсказку в powerpoint?"> <meta itemprop="author" content="Игорь Игнатенков"> <meta itemprop="datePublished" content="2020-03-07"> <meta itemprop="dateModified" content="2020-03-07"> <a itemprop="url" href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-vsplyvayushhuyu-podskazku-v-powerpoint.html" style="display:none">Как сделать всплывающую подсказку в powerpoint?</a> <a itemprop="mainEntityOfPage" href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-vsplyvayushhuyu-podskazku-v-powerpoint.html" style="display:none">Ссылка на основную публикацию</a> <div style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"> <img itemprop="url" src="https://gadgetz-zone.ru/wp-content/cache/thumb/32/172bfb4635e2132_320x200.jpg" alt="Как сделать всплывающую подсказку в powerpoint?"> <meta itemprop="width" content="320"> <meta itemprop="height" content="200"> </div> <div style="display: none;" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"> <meta itemprop="name" content=" gadgetz-zone.ru"> <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"> <img itemprop="url" src="http://gadgetz-zone.ru/wp-content/uploads/2020/02/Screenshot_18.png" alt=" gadgetz-zone.ru"> </div> </div> </div><!-- .article-wrap --> <div class='yarpp-related'> <div class="title">Похожие публикации</div> <ul class="related"> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/87/91ef6094f544f87_150x95.png" width="150" height="95" alt="Как из презентации powerpoint сделать сайт?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-iz-prezentatsii-powerpoint-sdelat-sajt.html">Как из презентации powerpoint сделать сайт?</a> </li> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/29/99b641040a40b29_150x95.png" width="150" height="95" alt="Как сделать браузер в powerpoint?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-brauzer-v-powerpoint.html">Как сделать браузер в powerpoint?</a> </li> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/8a/d14453c3605798a_150x95.gif" width="150" height="95" alt="Как сделать выпадающий список в powerpoint?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-vypadayushhij-spisok-v-powerpoint.html">Как сделать выпадающий список в powerpoint?</a> </li> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/da/90eff72440540da_150x95.png" width="150" height="95" alt="Как сделать игру кто хочет стать миллионером в powerpoint?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-igru-kto-hochet-stat-millionerom-v-powerpoint.html">Как сделать игру кто хочет стать миллионером в powerpoint?</a> </li> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/1d/e53025b1296451d_150x95.png" width="150" height="95" alt="Как сделать картинку в powerpoint?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-kartinku-v-powerpoint.html">Как сделать картинку в powerpoint?</a> </li> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/6d/d456e47954f0a6d_150x95.png" width="150" height="95" alt="Как сделать музыку на все слайды в powerpoint 2003?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-muzyku-na-vse-slajdy-v-powerpoint-2003.html">Как сделать музыку на все слайды в powerpoint 2003?</a> </li> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/fa/ffb402a4006dffa_150x95.png" width="150" height="95" alt="Как сделать переход с одного слайда на другой в powerpoint?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-perehod-s-odnogo-slajda-na-drugoj-v-powerpoint.html">Как сделать переход с одного слайда на другой в powerpoint?</a> </li> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/7a/d42d36989fd417a_150x95.png" width="150" height="95" alt="Как сделать презентацию на компьютере пошаговая инструкция в powerpoint?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-prezentatsiyu-na-kompyutere-poshagovaya-instruktsiya-v-powerpoint.html">Как сделать презентацию на компьютере пошаговая инструкция в powerpoint?</a> </li> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/f7/e92216df2cde0f7_150x95.png" width="150" height="95" alt="Как сделать слайд вертикальным в powerpoint 2010?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-slajd-vertikalnym-v-powerpoint-2010.html">Как сделать слайд вертикальным в powerpoint 2010?</a> </li> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/be/31b8802e8d24cbe_150x95.jpg" width="150" height="95" alt="Как сделать схемы в powerpoint?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-shemy-v-powerpoint.html">Как сделать схемы в powerpoint?</a> </li> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/eb/b8666083b9b64eb_150x95.jpg" width="150" height="95" alt="Как сделать фон в презентации microsoft powerpoint 2003?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-fon-v-prezentatsii-microsoft-powerpoint-2003.html">Как сделать фон в презентации microsoft powerpoint 2003?</a> </li> <li class="related__item"> <div class="related__item-img"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/2c/94c0e01361a082c_150x95.png" width="150" height="95" alt="Как сделать шаблон с логотипом компании в powerpoint?" class="aligncenter"> </div> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-shablon-s-logotipom-kompanii-v-powerpoint.html">Как сделать шаблон с логотипом компании в powerpoint?</a> </li> </ul> </div> <aside class="comments-block"> <div id="respond" class="respond"> <div class="respond__title">Добавить комментарий</div> <div id="cancel-comment-reply"><a rel="nofollow" id="cancel-comment-reply-link" href="/powerpoint/kak-sdelat-vsplyvayushhuyu-podskazku-v-powerpoint.html#respond" style="display:none;">Нажмите, чтобы отменить ответ.</a></div> <!--noindex--> <form action="https://gadgetz-zone.ru/wp-comments-post.php" method="post" class="respond-form"> <input type="text" name="author" id="author" placeholder="Ваше имя:" class="respond-form__field respond-form__name" value="" aria-required='true' /> <input type="text" name="email" id="email" placeholder="Ваш e-mail:" class="respond-form__field respond-form__email" value="" aria-required='true' /> <input type="text" name="url" id="url" placeholder="Ваш сайт:" class="respond-form__field respond-form__site" value="" /> <textarea name="comment" id="comment_textarea" rows="7" placeholder="Ваш комментарий:" class="respond-form__text respond-form__textarea"></textarea> <input name="submit" type="submit" class="respond-form__button" value="Отправить" /> <input type='hidden' name='comment_post_ID' value='2880' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </form> <!--/noindex--> </div><!-- #respond --> </aside> </main> <aside class="sidebar sidebar_midle"> <div class="section section_widget widget_categories"><div class="title">Рубрики</div> <ul> <li class="cat-item cat-item-16"><a href="https://gadgetz-zone.ru/access">Access</a> </li> <li class="cat-item cat-item-15"><a href="https://gadgetz-zone.ru/excel">Excel</a> </li> <li class="cat-item cat-item-17"><a href="https://gadgetz-zone.ru/powerpoint">Powerpoint</a> </li> <li class="cat-item cat-item-14"><a href="https://gadgetz-zone.ru/word">Word</a> </li> </ul> </div><div class="section section_widget widget_yarpp_widget"><div class='yarpp-related-widget'> <h3>Похожие публикации:</h3> <div class="yarpp-thumbnails-horizontal"> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-iz-prezentatsii-powerpoint-sdelat-sajt.html' title='Как из презентации powerpoint сделать сайт?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/87/91ef6094f544f87_120x120.png" alt="Как из презентации powerpoint сделать сайт?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/87/91ef6094f544f87_120x120.png" alt="Как из презентации powerpoint сделать сайт?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как из презентации powerpoint сделать сайт?</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-sdelat-brauzer-v-powerpoint.html' title='Как сделать браузер в powerpoint?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/29/99b641040a40b29_120x120.png" alt="Как сделать браузер в powerpoint?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/29/99b641040a40b29_120x120.png" alt="Как сделать браузер в powerpoint?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как сделать браузер в powerpoint?</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-sdelat-vypadayushhij-spisok-v-powerpoint.html' title='Как сделать выпадающий список в powerpoint?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/8a/d14453c3605798a_120x120.gif" alt="Как сделать выпадающий список в powerpoint?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/8a/d14453c3605798a_120x120.gif" alt="Как сделать выпадающий список в powerpoint?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как сделать выпадающий список в powerpoint?</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-sdelat-igru-kto-hochet-stat-millionerom-v-powerpoint.html' title='Как сделать игру кто хочет стать миллионером в powerpoint?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/da/90eff72440540da_120x120.png" alt="Как сделать игру кто хочет стать миллионером в powerpoint?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/da/90eff72440540da_120x120.png" alt="Как сделать игру кто хочет стать миллионером в powerpoint?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как сделать игру кто хочет стать миллионером в powerpoint?</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-sdelat-kartinku-v-powerpoint.html' title='Как сделать картинку в powerpoint?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/1d/e53025b1296451d_120x120.png" alt="Как сделать картинку в powerpoint?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/1d/e53025b1296451d_120x120.png" alt="Как сделать картинку в powerpoint?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как сделать картинку в powerpoint?</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-sdelat-muzyku-na-vse-slajdy-v-powerpoint-2003.html' title='Как сделать музыку на все слайды в powerpoint 2003?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/6d/d456e47954f0a6d_120x120.png" alt="Как сделать музыку на все слайды в powerpoint 2003?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/6d/d456e47954f0a6d_120x120.png" alt="Как сделать музыку на все слайды в powerpoint 2003?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как сделать музыку на все слайды в powerpoint 2003?</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-sdelat-perehod-s-odnogo-slajda-na-drugoj-v-powerpoint.html' title='Как сделать переход с одного слайда на другой в powerpoint?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/fa/ffb402a4006dffa_120x120.png" alt="Как сделать переход с одного слайда на другой в powerpoint?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/fa/ffb402a4006dffa_120x120.png" alt="Как сделать переход с одного слайда на другой в powerpoint?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как сделать переход с одного слайда на другой в powerpoint?</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-sdelat-prezentatsiyu-na-kompyutere-poshagovaya-instruktsiya-v-powerpoint.html' title='Как сделать презентацию на компьютере пошаговая инструкция в powerpoint?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/7a/d42d36989fd417a_120x120.png" alt="Как сделать презентацию на компьютере пошаговая инструкция в powerpoint?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/7a/d42d36989fd417a_120x120.png" alt="Как сделать презентацию на компьютере пошаговая инструкция в powerpoint?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как сделать презентацию на компьютере пошаговая инструкция в powerpoint?</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-sdelat-slajd-vertikalnym-v-powerpoint-2010.html' title='Как сделать слайд вертикальным в powerpoint 2010?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/f7/e92216df2cde0f7_120x120.png" alt="Как сделать слайд вертикальным в powerpoint 2010?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/f7/e92216df2cde0f7_120x120.png" alt="Как сделать слайд вертикальным в powerpoint 2010?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как сделать слайд вертикальным в powerpoint 2010?</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-sdelat-shemy-v-powerpoint.html' title='Как сделать схемы в powerpoint?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/be/31b8802e8d24cbe_120x120.jpg" alt="Как сделать схемы в powerpoint?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/be/31b8802e8d24cbe_120x120.jpg" alt="Как сделать схемы в powerpoint?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как сделать схемы в powerpoint?</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-sdelat-fon-v-prezentatsii-microsoft-powerpoint-2003.html' title='Как сделать фон в презентации microsoft powerpoint 2003?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/eb/b8666083b9b64eb_120x120.jpg" alt="Как сделать фон в презентации microsoft powerpoint 2003?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/eb/b8666083b9b64eb_120x120.jpg" alt="Как сделать фон в презентации microsoft powerpoint 2003?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как сделать фон в презентации microsoft powerpoint 2003?</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://gadgetz-zone.ru/powerpoint/kak-sdelat-shablon-s-logotipom-kompanii-v-powerpoint.html' title='Как сделать шаблон с логотипом компании в powerpoint?'> <span class="yarpp-thumbnail-default"><img class="lazy lazy-hidden" src="//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="https://gadgetz-zone.ru/wp-content/cache/thumb/2c/94c0e01361a082c_120x120.png" alt="Как сделать шаблон с логотипом компании в powerpoint?" data-pin-nopin="true" /><noscript><img src="https://gadgetz-zone.ru/wp-content/cache/thumb/2c/94c0e01361a082c_120x120.png" alt="Как сделать шаблон с логотипом компании в powerpoint?" data-pin-nopin="true" /></noscript></span><span class="yarpp-thumbnail-title">Как сделать шаблон с логотипом компании в powerpoint?</span></a> </div> </div> </div> <div class="section-posts-box section"> <div class="title">Популярные статьи</div> <div class="section-posts"> <div class="section-posts__item"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/e6/1a48e41a62f8de6_300x180.jpg" width="300" height="180" alt="Как сделать круги эйлера в powerpoint?" class="section-posts__item-img"> <div class="section-posts__item-title"> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-krugi-ejlera-v-powerpoint.html">Как сделать круги эйлера в powerpoint?</a> </div> <div class="section-posts__item-text"> Как сделать круги эйлера в powerpoint? Как нарисовать круги эйлера... </div> <div class="post-info section-posts__item-info"> <div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2020-02-24">24.02.2020</time> </div> </div> <div class="section-posts__item"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/a5/8e9fb21c1a57da5_300x180.png" width="300" height="180" alt="Как сделать рамку у слайда в powerpoint?" class="section-posts__item-img"> <div class="section-posts__item-title"> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-ramku-u-slajda-v-powerpoint.html">Как сделать рамку у слайда в powerpoint?</a> </div> <div class="section-posts__item-text"> Как сделать рамку у слайда в powerpoint? Добавление к слайду... </div> <div class="post-info section-posts__item-info"> <div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2020-02-08">08.02.2020</time> </div> </div> <div class="section-posts__item"> <img src="https://gadgetz-zone.ru/wp-content/cache/thumb/ab/cf458b89b0ae8ab_300x180.gif" width="300" height="180" alt="Как сделать презентацию в powerpoint с гиперссылками?" class="section-posts__item-img"> <div class="section-posts__item-title"> <a href="https://gadgetz-zone.ru/powerpoint/kak-sdelat-prezentatsiyu-v-powerpoint-s-giperssylkami.html">Как сделать презентацию в powerpoint с гиперссылками?</a> </div> <div class="section-posts__item-text"> Как сделать презентацию в powerpoint с гиперссылками? Добавление гиперссылки на... </div> <div class="post-info section-posts__item-info"> <div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2020-02-19">19.02.2020</time> </div> </div> </div> </div> <div class="section section_widget widget_nav_menu"></div> </aside></div><!-- /.content-wrapper --> </div><!-- /.main-box --> <footer class="footer" id="footer"> <div class="footer-bottom"> <div class="copy">© 2020 Все права защищены. Копирование материалов разрешено только при наличии активной обратной ссылки</div> <div class="social-icon"> <a href='#' target='_blank' class='ok'>ok</a><a href='#' target='_blank' class='yt'>yt</a><a href='#' target='_blank' class='fb'>fb</a><a href='#' target='_blank' class='gp'>gp</a><a href='#' target='_blank' class='tw'>tw</a><a href='#' target='_blank' class='in'>in</a><a href='#' target='_blank' class='vk'>vk</a> </div> </div> </footer> </div><!-- /.wrapper --> <script type="text/javascript">var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){ window.open( e.target.getAttribute("data-uri") ); }); }</script><script>document.oncopy = function () {var bodyElement = document.body;var selection = getSelection();var link_url = document.URL;var page_link = "<br>Источник: %link%";page_link = page_link.replace("%link%", " " + link_url + " ");var copy_text = selection + page_link;var divElement = document.createElement("div");divElement.style.position="absolute";divElement.style.left="-99999px";bodyElement.appendChild(divElement);divElement.innerHTML = copy_text;selection.selectAllChildren(divElement);window.setTimeout(function() {bodyElement.removeChild(divElement);},0);}</script><link rel='stylesheet' id='yarpp-thumbnails-yarpp-thumbnail-css' href='https://gadgetz-zone.ru/wp-content/plugins/yet-another-related-posts-plugin/includes/styles_thumbnails.css.php?width=120&height=120' type='text/css' media='all' /> <script type='text/javascript' src='https://gadgetz-zone.ru/wp-includes/js/comment-reply.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/gadgetz-zone.ru\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://gadgetz-zone.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = {"smooth_scroll":"1","smooth_scroll_offset":"50"}; /* ]]> */ </script> <script type='text/javascript' src='https://gadgetz-zone.ru/wp-content/plugins/table-of-contents-plus/front.min.js'></script> <script type='text/javascript' src='https://gadgetz-zone.ru/wp-content/plugins/easy-fancybox/js/jquery.fancybox.min.js'></script> <script type='text/javascript'> var fb_timeout, fb_opts={'overlayShow':true,'hideOnOverlayClick':true,'showCloseButton':true,'margin':20,'centerOnScroll':false,'enableEscapeButton':true,'autoScale':true }; if(typeof easy_fancybox_handler==='undefined'){ var easy_fancybox_handler=function(){ jQuery('.nofancybox,a.wp-block-file__button,a.pin-it-button,a[href*="pinterest.com/pin/create"],a[href*="facebook.com/share"],a[href*="twitter.com/share"]').addClass('nolightbox'); /* IMG */ var fb_IMG_select='a[href*=".jpg"]:not(.nolightbox,li.nolightbox>a),area[href*=".jpg"]:not(.nolightbox),a[href*=".jpeg"]:not(.nolightbox,li.nolightbox>a),area[href*=".jpeg"]:not(.nolightbox),a[href*=".png"]:not(.nolightbox,li.nolightbox>a),area[href*=".png"]:not(.nolightbox),a[href*=".webp"]:not(.nolightbox,li.nolightbox>a),area[href*=".webp"]:not(.nolightbox)'; jQuery(fb_IMG_select).addClass('fancybox image'); var fb_IMG_sections=jQuery('.gallery,.wp-block-gallery,.tiled-gallery,.wp-block-jetpack-tiled-gallery'); fb_IMG_sections.each(function(){jQuery(this).find(fb_IMG_select).attr('rel','gallery-'+fb_IMG_sections.index(this));}); jQuery('a.fancybox,area.fancybox,li.fancybox a').each(function(){jQuery(this).fancybox(jQuery.extend({},fb_opts,{'transitionIn':'elastic','easingIn':'easeOutBack','transitionOut':'elastic','easingOut':'easeInBack','opacity':false,'hideOnContentClick':false,'titleShow':true,'titlePosition':'over','titleFromAlt':true,'showNavArrows':true,'enableKeyboardNav':true,'cyclic':false}))}); /* YouTube */ jQuery('a[href*="youtu.be/"],area[href*="youtu.be/"],a[href*="youtube.com/"],area[href*="youtube.com/"]').filter(function(){return this.href.match(/\/(?:youtu\.be|watch\?|embed\/)/);}).not('.nolightbox,li.nolightbox>a').addClass('fancybox-youtube'); jQuery('a.fancybox-youtube,area.fancybox-youtube,li.fancybox-youtube a').each(function(){jQuery(this).fancybox(jQuery.extend({},fb_opts,{'type':'iframe','width':640,'height':360,'keepRatio':1,'titleShow':false,'titlePosition':'float','titleFromAlt':true,'onStart':function(a,i,o){var splitOn=a[i].href.indexOf("?");var urlParms=(splitOn>-1)?a[i].href.substring(splitOn):"";o.allowfullscreen=(urlParms.indexOf("fs=0")>-1)?false:true;o.href=a[i].href.replace(/https?:\/\/(?:www\.)?youtu(?:\.be\/([^\?]+)\??|be\.com\/watch\?(.*(?=v=))v=([^&]+))(.*)/gi,"https://www.youtube.com/embed/$1$3?$2$4&autoplay=1");}}))});}; jQuery('a.fancybox-close').on('click',function(e){e.preventDefault();jQuery.fancybox.close()}); }; var easy_fancybox_auto=function(){setTimeout(function(){jQuery('#fancybox-auto').trigger('click')},1000);}; jQuery(easy_fancybox_handler);jQuery(document).on('post-load',easy_fancybox_handler); jQuery(easy_fancybox_auto); </script> <script type='text/javascript' src='https://gadgetz-zone.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js'></script> <script type='text/javascript' src='https://gadgetz-zone.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var a3_lazyload_params = {"apply_images":"1","apply_videos":"1"}; /* ]]> */ </script> <script type='text/javascript' src='//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.extra.min.js'></script> <script type='text/javascript' src='//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.srcset.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var a3_lazyload_extend_params = {"edgeY":"0"}; /* ]]> */ </script> <script type='text/javascript' src='//gadgetz-zone.ru/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.extend.js'></script> <script type='text/javascript' src='https://gadgetz-zone.ru/wp-content/plugins/jannah-extensions/shortcodes/assets/js/scripts.js'></script> <script type='text/javascript' src='https://gadgetz-zone.ru/wp-includes/js/wp-embed.min.js'></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function($){ $('.link').replaceWith(function(){ var id = ( null != $(this).attr('id') ) ? ' id="' + $(this).attr('id') + '"' : '', target = ( null != $(this).attr('data-target') ) ? ' target="' + $(this).attr('data-target') + '"' : ' target="_blank"', title = ( null != $(this).attr('title') ) ? ' title="' + $(this).attr('title') + '"' : '', style = ( null != $(this).attr('style') ) ? ' style="' + $(this).attr('style') + '"' : '', rel = ( null != $(this).attr('data-rel') ) ? ' rel="' + $(this).attr('data-rel') + '"' : ' rel="noopener"', cl = ( null != $(this).attr('class') ) ? $(this).attr('class').replace('link','').trim() : ''; cl = ( '' != cl ) ? ' class="' + cl + '"' : ''; return '<a href="' + $(this).attr('data-link') + '" ' + title + id + cl + target + style + rel + ' >' + $(this).html() + '</a>'; }); }); /*]]>*/ </script> <style>.clearfy-cookie { position:fixed; left:0; right:0; bottom:0; padding:12px; color:#555555; background:#ffffff; -webkit-box-shadow:0 0 15px rgba(0,0,0,.2); -moz-box-shadow:0 0 15px rgba(0,0,0,.2); box-shadow:0 0 15px rgba(0,0,0,.2); z-index:9999; font-size: 13px; transition: .3s; }.clearfy-cookie--left { left: 20px; bottom: 20px; right: auto; max-width: 400px; }.clearfy-cookie--right { left: auto; bottom: 20px; right: 20px; max-width: 400px; }.clearfy-cookie.clearfy-cookie-hide { transform: translateY(150%) translateZ(0); opacity: 0; }.clearfy-cookie-container { max-width:1170px; margin:0 auto; text-align:center; }.clearfy-cookie-accept { background:#4b81e8; color:#fff; border:0; padding:.4em .8em; margin: 0 .5em; font-size: 13px; }.clearfy-cookie-accept:hover,.clearfy-cookie-accept:focus { opacity: .9; }</style><div id="clearfy-cookie" class="clearfy-cookie clearfy-cookie--bottom"> <div class="clearfy-cookie-container"> Этот сайт использует cookie для хранения данных. Продолжая использовать сайт, Вы даете свое согласие на работу с этими файлами. <button id="clearfy-cookie-accept" class="clearfy-cookie-accept">OK</button> </div></div><script>document.getElementById("clearfy-cookie-accept").onclick = function() { document.getElementById("clearfy-cookie").className += " clearfy-cookie-hide"; var clearfy_cookie_date = new Date(new Date().getTime() + 31536000 * 1000); document.cookie = "clearfy_cookie_hide=yes; path=/; expires=" + clearfy_cookie_date.toUTCString(); setTimeout(function() { document.getElementById("clearfy-cookie").parentNode.removeChild( document.getElementById("clearfy-cookie") ); }, 300);}</script><ins id="adsense" class="adsbygoogle" data-tag="flat_pm" style="position:absolute;left:-9999px;top:-9999px">Adblock<br>detector</ins> <style> .arcticmodal-overlay,.arcticmodal-container{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000} .arcticmodal-container{overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse} :first-child+html .arcticmodal-container{height:100%} .arcticmodal-container_i{height:100%;margin:0 auto} .arcticmodal-container_i2{vertical-align:middle!important;border:none!important} .flat_pm_modal{min-width:200px;min-height:100px;position:relative;padding:10px;background:#fff} .flat_pm_crs{transition:background .2s ease;position:absolute;top:0;right:0;width:34px;height:34px;background:#000;display:block;cursor:pointer;z-index:99999;border:none;padding:0;min-width:0;min-height:0} .flat_pm_crs:hover{background:#777} .flat_pm_crs:after,.flat_pm_crs:before{transition:transform .3s ease;content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:16px;height:4px;background:#fff;transform-origin:center;transform:rotate(45deg);margin:auto} .flat_pm_crs:before{transform:rotate(-45deg)} .flat_pm_crs:hover:after{transform:rotate(225deg)} .flat_pm_crs:hover:before{transform:rotate(135deg)} .flat_pm_out{transition:transform .3s ease,opacity 0s ease;transition-delay:0s,.3s;position:fixed;min-width:250px;min-height:150px;z-index:9999;opacity:0;-webkit-backface-visibility:hidden} .flat_pm_out *{max-width:none!important} .flat_pm_out.top .flat_pm_crs{top:auto;bottom:150px} .flat_pm_out.show.top .flat_pm_crs{bottom:0} .flat_pm_out.bottom .flat_pm_crs{top:150px} .flat_pm_out.show.bottom .flat_pm_crs{top:0} .flat_pm_out.right .flat_pm_crs{right:auto;left:0} .flat_pm_out.top{bottom:100%;left:50%;transform:translateY(0) translateX(-50%);padding-bottom:150px} .flat_pm_out.bottom{top:100%;left:50%;transform:translateY(0) translateX(-50%);padding-top:150px} .flat_pm_out.left{bottom:0;right:100%;transform:translateX(0)} .flat_pm_out.right{bottom:0;left:100%;transform:translateX(0)} .flat_pm_out.show{transition-delay:0s,0s;opacity:1;min-width:0;min-height:0} .flat_pm_out.closed{min-width:0;min-height:0} .flat_pm_out.show.top{transform:translateY(100%) translateX(-50%);padding-bottom:0px} .flat_pm_out.show.bottom{transform:translateY(-100%) translateX(-50%);padding-top:0px} .flat_pm_out.show.left{transform:translateX(100%)} .flat_pm_out.show.right{transform:translateX(-100%)} .flatpm_fixed{position:fixed;z-index:50} .flatpm_stop{position:relative;z-index:50} </style> <script>function flatPM_arcticmodalLoad(){!function(n){var a={type:"html",content:"",url:"",ajax:{},ajax_request:null,closeOnEsc:!0,closeOnOverlayClick:!0,clone:!1,overlay:{block:void 0,tpl:"<div class=\"arcticmodal-overlay\"></div>",css:{backgroundColor:"#000",opacity:.6}},container:{block:void 0,tpl:"<div class=\"arcticmodal-container\"><table class=\"arcticmodal-container_i\"><tr><td class=\"arcticmodal-container_i2\"></td></tr></table></div>"},wrap:void 0,body:void 0,errors:{tpl:"<div class=\"arcticmodal-error arcticmodal-close\"></div>",autoclose_delay:2e3,ajax_unsuccessful_load:"Error"},openEffect:{type:"fade",speed:400},closeEffect:{type:"fade",speed:400},beforeOpen:n.noop,afterOpen:n.noop,beforeClose:n.noop,afterClose:n.noop,afterLoading:n.noop,afterLoadingOnShow:n.noop,errorLoading:n.noop},o=0,p=n([]),h={isEventOut:function(a,b){var c=!0;return n(a).each(function(){n(b.target).get(0)==n(this).get(0)&&(c=!1),0==n(b.target).closest("HTML",n(this).get(0)).length&&(c=!1)}),c}},q={getParentEl:function(a){var b=n(a);return b.data("arcticmodal")?b:(b=n(a).closest(".arcticmodal-container").data("arcticmodalParentEl"),!!b&&b)},transition:function(a,b,c,d){switch(d=null==d?n.noop:d,c.type){case"fade":"show"==b?a.fadeIn(c.speed,d):a.fadeOut(c.speed,d);break;case"none":"show"==b?a.show():a.hide(),d();}},prepare_body:function(a,b){n(".arcticmodal-close",a.body).unbind("click.arcticmodal").bind("click.arcticmodal",function(){return b.arcticmodal("close"),!1})},init_el:function(d,a){var b=d.data("arcticmodal");if(!b){if(b=a,o++,b.modalID=o,b.overlay.block=n(b.overlay.tpl),b.overlay.block.css(b.overlay.css),b.container.block=n(b.container.tpl),b.body=n(".arcticmodal-container_i2",b.container.block),a.clone?b.body.html(d.clone(!0)):(d.before("<div id=\"arcticmodalReserve"+b.modalID+"\" style=\"display: none\" />"),b.body.html(d)),q.prepare_body(b,d),b.closeOnOverlayClick&&b.overlay.block.add(b.container.block).click(function(a){h.isEventOut(n(">*",b.body),a)&&d.arcticmodal("close")}),b.container.block.data("arcticmodalParentEl",d),d.data("arcticmodal",b),p=n.merge(p,d),n.proxy(e.show,d)(),"html"==b.type)return d;if(null!=b.ajax.beforeSend){var c=b.ajax.beforeSend;delete b.ajax.beforeSend}if(null!=b.ajax.success){var f=b.ajax.success;delete b.ajax.success}if(null!=b.ajax.error){var g=b.ajax.error;delete b.ajax.error}var j=n.extend(!0,{url:b.url,beforeSend:function(){null==c?b.body.html("<div class=\"arcticmodal-loading\" />"):c(b,d)},success:function(c){d.trigger("afterLoading"),b.afterLoading(b,d,c),null==f?b.body.html(c):f(b,d,c),q.prepare_body(b,d),d.trigger("afterLoadingOnShow"),b.afterLoadingOnShow(b,d,c)},error:function(){d.trigger("errorLoading"),b.errorLoading(b,d),null==g?(b.body.html(b.errors.tpl),n(".arcticmodal-error",b.body).html(b.errors.ajax_unsuccessful_load),n(".arcticmodal-close",b.body).click(function(){return d.arcticmodal("close"),!1}),b.errors.autoclose_delay&&setTimeout(function(){d.arcticmodal("close")},b.errors.autoclose_delay)):g(b,d)}},b.ajax);b.ajax_request=n.ajax(j),d.data("arcticmodal",b)}},init:function(b){if(b=n.extend(!0,{},a,b),!n.isFunction(this))return this.each(function(){q.init_el(n(this),n.extend(!0,{},b))});if(null==b)return void n.error("jquery.arcticmodal: Uncorrect parameters");if(""==b.type)return void n.error("jquery.arcticmodal: Don't set parameter \"type\"");switch(b.type){case"html":if(""==b.content)return void n.error("jquery.arcticmodal: Don't set parameter \"content\"");var e=b.content;return b.content="",q.init_el(n(e),b);case"ajax":return""==b.url?void n.error("jquery.arcticmodal: Don't set parameter \"url\""):q.init_el(n("<div />"),b);}}},e={show:function(){var a=q.getParentEl(this);if(!1===a)return void n.error("jquery.arcticmodal: Uncorrect call");var b=a.data("arcticmodal");if(b.overlay.block.hide(),b.container.block.hide(),n("BODY").append(b.overlay.block),n("BODY").append(b.container.block),b.beforeOpen(b,a),a.trigger("beforeOpen"),"hidden"!=b.wrap.css("overflow")){b.wrap.data("arcticmodalOverflow",b.wrap.css("overflow"));var c=b.wrap.outerWidth(!0);b.wrap.css("overflow","hidden");var d=b.wrap.outerWidth(!0);d!=c&&b.wrap.css("marginRight",d-c+"px")}return p.not(a).each(function(){var a=n(this).data("arcticmodal");a.overlay.block.hide()}),q.transition(b.overlay.block,"show",1<p.length?{type:"none"}:b.openEffect),q.transition(b.container.block,"show",1<p.length?{type:"none"}:b.openEffect,function(){b.afterOpen(b,a),a.trigger("afterOpen")}),a},close:function(){return n.isFunction(this)?void p.each(function(){n(this).arcticmodal("close")}):this.each(function(){var a=q.getParentEl(this);if(!1===a)return void n.error("jquery.arcticmodal: Uncorrect call");var b=a.data("arcticmodal");!1!==b.beforeClose(b,a)&&(a.trigger("beforeClose"),p.not(a).last().each(function(){var a=n(this).data("arcticmodal");a.overlay.block.show()}),q.transition(b.overlay.block,"hide",1<p.length?{type:"none"}:b.closeEffect),q.transition(b.container.block,"hide",1<p.length?{type:"none"}:b.closeEffect,function(){b.afterClose(b,a),a.trigger("afterClose"),b.clone||n("#arcticmodalReserve"+b.modalID).replaceWith(b.body.find(">*")),b.overlay.block.remove(),b.container.block.remove(),a.data("arcticmodal",null),n(".arcticmodal-container").length||(b.wrap.data("arcticmodalOverflow")&&b.wrap.css("overflow",b.wrap.data("arcticmodalOverflow")),b.wrap.css("marginRight",0))}),"ajax"==b.type&&b.ajax_request.abort(),p=p.not(a))})},setDefault:function(b){n.extend(!0,a,b)}};n(function(){a.wrap=n(document.all&&!document.querySelector?"html":"body")}),n(document).bind("keyup.arcticmodal",function(d){var a=p.last();if(a.length){var b=a.data("arcticmodal");b.closeOnEsc&&27===d.keyCode&&a.arcticmodal("close")}}),n.arcticmodal=n.fn.arcticmodal=function(a){return e[a]?e[a].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof a&&a?void n.error("jquery.arcticmodal: Method "+a+" does not exist"):q.init.apply(this,arguments)}}(jQuery)}var debugMode="undefined"!=typeof debugFlatPM&&debugFlatPM,duplicateMode="undefined"!=typeof duplicateFlatPM&&duplicateFlatPM,countMode="undefined"!=typeof countFlatPM&&countFlatPM;document["wri"+"te"]=function(a){let b=document.createElement("div");jQuery(document.currentScript).after(b),flatPM_setHTML(b,a),jQuery(b).contents().unwrap()};function flatPM_sticky(c,d,e=0){function f(){if(null==a){let b=getComputedStyle(g,""),c="";for(let a=0;a<b.length;a++)(0==b[a].indexOf("overflow")||0==b[a].indexOf("padding")||0==b[a].indexOf("border")||0==b[a].indexOf("outline")||0==b[a].indexOf("box-shadow")||0==b[a].indexOf("background"))&&(c+=b[a]+": "+b.getPropertyValue(b[a])+"; ");a=document.createElement("div"),a.style.cssText=c+" box-sizing: border-box; width: "+g.offsetWidth+"px;",g.insertBefore(a,g.firstChild);let d=g.childNodes.length;for(let b=1;b<d;b++)a.appendChild(g.childNodes[1]);g.style.padding="0",g.style.border="0"}g.style.height=a.getBoundingClientRect().height+"px";let b=g.getBoundingClientRect(),c=Math.round(b.top+a.getBoundingClientRect().height-d.getBoundingClientRect().bottom);0>=b.top-h?b.top-h<=c?(a.className="flatpm_stop",a.style.top=-c+"px"):(a.className="flatpm_fixed",a.style.top=h+"px"):(a.className="",a.style.top=""),window.addEventListener("resize",function(){g.children[0].style.width=getComputedStyle(g,"").width},!1)}let g=c,a=null,h=e;window.addEventListener("scroll",f,!1),document.body.addEventListener("scroll",f,!1)}function flatPM_addDays(a,b){let c,e=1e3*(60*a.getTimezoneOffset()),f=a.getTime(),g=new Date;if(f+=86400000*b,g.setTime(f),c=1e3*(60*g.getTimezoneOffset()),e!=c){let a=c-e;f+=a,g.setTime(f)}return g}function flatPM_adbDetect(){let a=document.querySelector("#adsense.adsbygo"+"ogle[data-tag=\"flat_pm\"]");if(!a)return!0;let b=a.currentStyle||window.getComputedStyle(a,null);return b=parseInt(b.height),!!(isNaN(b)||0==b)}function flatPM_setCookie(a,b,c){c=c||{path:"/"};let e=c.expires;if("number"==typeof e&&e){let a=new Date;a.setTime(a.getTime()+1e3*e),e=c.expires=a}e&&e.toUTCString&&(c.expires=e.toUTCString()),b=encodeURIComponent(b);let f=a+"="+b;for(let d in c){f+="; "+d;let a=c[d];!0!==a&&(f+="="+a)}document.cookie=f}function flatPM_getCookie(a){let b=document.cookie.split("; ").reduce((b,c)=>{const d=c.split("=");return d[0]===a?decodeURIComponent(d[1]):b},""),c=""==b?void 0:b;return c}function flatPM_testCookie(){let a="test_56445";try{return localStorage.setItem(a,a),localStorage.removeItem(a),!0}catch(a){return!1}}function flatPM_grep(a,b,c){return jQuery.grep(a,(a,d)=>c?d==b:0==(d+1)%b)}function flatPM_random(a,b){return Math.floor(Math.random()*(b-a+1))+a}</script> <script>var flat_body,flat_count={},flat_counter=!1,flat_iframe=-1,flat_sep="__________________",flat_pm_then=[],flat_date=new Date,flat_titles="h1,h2,h3,h4,h5,h6",flat_dateYear=flat_date.getFullYear(),flat_dateMonth=2==(flat_date.getMonth()+1+"").length?flat_date.getMonth()+1:"0"+(flat_date.getMonth()+1),flat_dateDay=2==(flat_date.getDate()+"").length?flat_date.getDate():"0"+flat_date.getDate(),flat_dateHours=2==(flat_date.getHours()+"").length?flat_date.getHours():"0"+flat_date.getHours(),flat_dateMinutes=2==(flat_date.getMinutes()+"").length?flat_date.getMinutes():"0"+flat_date.getMinutes(),flat_adbDetect=!1,flat_userVars={init:function(){this.testcook=flatPM_testCookie(),this.browser=this.searchString(this.dataBrowser)||!1,this.os=this.searchString(this.dataOS)||!1,this.referer=this.cookieReferer(),this.winwidth=window.innerWidth,this.date=flat_dateYear+"-"+flat_dateMonth+"-"+flat_dateDay,this.time=flat_dateHours+":"+flat_dateMinutes,this.adb=flatPM_adbDetect(),this.until=jQuery(".flat_pm_start").nextUntil(".flat_pm_end"),this.textlen=this.until.text().replace(/(\s)+/g,"").length,this.titlelen=this.until.find(flat_titles).add(this.until.siblings(flat_titles)).length,this.country=this.cookieData("country"),this.city=this.cookieData("city"),this.ccode=this.cookieData("ccode"),this.role=this.cookieData("role")},cookieReferer:function(){return parent===window?flat_userVars.testcook?(void 0===flatPM_getCookie("flat_r_mb")&&flatPM_setCookie("flat_r_mb",""==document.referrer?"///:direct":document.referrer),flatPM_getCookie("flat_r_mb")):""==document.referrer?"///:direct":document.referrer:"///:iframe"},cookieData:function(a){return flat_userVars.testcook?void 0===flatPM_getCookie("flat_"+a+"_mb")?"":flatPM_getCookie("flat_"+a+"_mb"):""},searchString:function(a){let b=a.length;for(let c=0;c<b;c++){let b=a[c].str,d=a[c].prop;if(this.verString=a[c].ver||a[c].id,b){if(-1!=b.indexOf(a[c].subStr))return a[c].id;}else if(d)return a[c].id}},dataBrowser:[{str:navigator.userAgent,subStr:"OmniWeb",ver:"OmniWeb/",id:"OmniWeb"},{str:navigator.userAgent,subStr:"YaBrowser",id:"YaBrowser"},{str:navigator.vendor,subStr:"Apple",id:"Safari",ver:"Version"},{str:navigator.userAgent,subStr:"OPR",id:"Opera",ver:"Version"},{str:navigator.userAgent,subStr:"Firefox",id:"Firefox"},{str:navigator.userAgent,subStr:".NET CLR",id:"Internet Explorer",ver:"MSIE"},{str:navigator.userAgent,subStr:"Edge",id:"Edge",ver:"rv"},{str:navigator.vendor,subStr:"iCab",id:"iCab"},{str:navigator.vendor,subStr:"KDE",id:"Konqueror"},{str:navigator.vendor,subStr:"Camino",id:"Camino"},{str:navigator.userAgent,subStr:"Netscape",id:"Netscape"},{str:navigator.userAgent,subStr:"Chrome",id:"Chrome"},{str:navigator.userAgent,subStr:"Mozilla",id:"Netscape",ver:"Mozilla"}],dataOS:[{str:navigator.platform,subStr:"Win",id:"Windows"},{str:navigator.platform,subStr:"Mac",id:"Mac"},{str:navigator.userAgent,subStr:"iPhone",id:"iPhone/iPod"},{str:navigator.platform,subStr:"Linux",id:"Linux"}]};debugMode&&(console.log("__________________"),console.log("flat_userVars:"),console.log(flat_userVars),console.log("__________________"));function flatPM_ajax(a,b=[]){jQuery.ajax({type:"POST",url:ajaxUrlFlatPM,dataType:"json",data:{action:"flat_pm_ajax",data_me:{method:a,arr:b}},success:a=>{switch(debugMode&&(console.log("ajax res:"),console.log(a),console.log(flat_sep)),flat_body.removeClass(a.method),a.method){case"flat_pm_block_geo_role":flat_userVars.ccode=a.data.ccode,flat_userVars.country=a.data.country,flat_userVars.city=a.data.city,flat_userVars.role=a.data.role,flat_userVars.testcook&&(flatPM_setCookie("flat_ccode_mb",a.data.ccode),flatPM_setCookie("flat_country_mb",a.data.country),flatPM_setCookie("flat_city_mb",a.data.city),flatPM_setCookie("flat_role_mb",a.data.role)),flatPM_then();break;default:debugMode&&(console.log("ajax error:"),console.error("\u041C\u0435\u0442\u043E\u0434 \u043E\u043A\u0430\u0437\u0430\u043B\u0441\u044F \u043E\u0448\u0438\u0431\u043E\u0447\u043D\u044B\u043C"),console.log(flat_sep));}},error:()=>{debugMode&&(console.log("ajax error:"),console.error("\u0421\u043A\u0440\u0438\u043F\u0442 php \u0432\u0435\u0440\u043D\u0443\u043B \u043E\u0448\u0438\u0431\u043A\u0443"),console.log(flat_sep))}})}function flatPM_then(){let a=flat_pm_then.length;if(0==a)return void(flat_pm_then=[]);for(let b,c=0;c<a;c++)b=flat_pm_then[c],flatPM_next(b)}function flatPM_persentWrapper(a,b){let c=0,d=!1;return a.each(function(){let a=jQuery(this),e=a.text().replace(/(\s)+/g,"");if(c+=e.length,c>=b)return d=a,!1}),d}function flatPM_setWrap(a){try{let b=document.createElement("div");if(b.setAttribute("data-flat-id",a.ID),void 0!==a.how.simple){if("1"==a.how.simple.position&&jQuery(".flat_pm_start").before(b),"2"==a.how.simple.position&&jQuery(flat_userVars.until[Math.round(flat_userVars.until.length/2)]).before(b),"3"==a.how.simple.position&&jQuery(".flat_pm_end").before(b),"4"==a.how.simple.position&&jQuery(flat_userVars.until[Math.round(flat_userVars.until.length*a.how.simple.fraction.split("/")[0]/a.how.simple.fraction.split("/")[1])]).before(b),"5"==a.how.simple.position&&a.how.simple.fraction<=flat_userVars.textlen){let c=flatPM_persentWrapper(flat_userVars.until,a.how.simple.fraction,b);!1!==c&&c.after(b)}if("6"==a.how.simple.position){b.setAttribute("data-flat-type","6");let c=flat_userVars.textlen/100*a.how.simple.fraction,d=flatPM_persentWrapper(flat_userVars.until,c,b),e=!1;if(!1!==d){let c=d.prevAll("[data-flat-type=\"6\"]:first"),f=d.nextAll("[data-flat-type=\"6\"]:first");0!=c.length&&d.prevUntil(c).text().replace(/(\s)+/g,"").length<a.how.simple.interval&&(e=!0),0!=f.length&&d.nextUntil(f).text().replace(/(\s)+/g,"").length<a.how.simple.interval&&(e=!0),e||d.after(b)}}}if(void 0!==a.how.onсe){let c="true"==a.how.onсe.search_all?jQuery("html"):flat_userVars.until,d=a.how.onсe.N,e=a.how.onсe.selector,f=a.how.onсe.direction,g=a.how.onсe.before_after;c=c.find(e).add(c.filter(e)),0<c.length&&(d="bottom_to_top"==f?c.length-d:d-1,"before"==g?jQuery(flatPM_grep(c,d,1)).before(b):jQuery(flatPM_grep(c,d,1)).after(b))}if(void 0!==a.how.iterable){let c="true"==a.how.iterable.search_all?jQuery("html"):flat_userVars.until,d=a.how.iterable.N,e=a.how.iterable.selector,f=a.how.iterable.direction,g=a.how.iterable.before_after;c=c.find(e).add(c.filter(e)),0<c.length&&("bottom_to_top"==f&&(l=l.get().reverse()),"before"==g?jQuery(flatPM_grep(c,d,0)).before(b):jQuery(flatPM_grep(c,d,0)).after(b))}}catch(a){console.warn(a)}}function flatPM_next(a){try{let b=[],d="",e=a.html.length;if(void 0!==a.role&&(void 0!==a.role.role_enabled&&-1==a.role.role_enabled.indexOf(flat_userVars.role)||void 0!==a.role.role_disabled&&-1!=a.role.role_disabled.indexOf(flat_userVars.role)))return void(debugMode||jQuery("[data-flat-id=\""+a.ID+"\"]").remove());if(void 0!==a.geo&&(void 0!==a.geo.country_enabled&&-1==a.geo.country_enabled.indexOf(flat_userVars.country)&&-1==a.geo.country_enabled.indexOf(flat_userVars.ccode)||void 0!==a.geo.country_disabled&&(-1!=a.geo.country_disabled.indexOf(flat_userVars.country)||-1!=a.geo.country_disabled.indexOf(flat_userVars.ccode))||void 0!==a.geo.city_enabled&&-1==a.geo.city_enabled.indexOf(flat_userVars.city)||void 0!==a.geo.city_disabled&&-1!=a.geo.city_disabled.indexOf(flat_userVars.city)))return void(debugMode||jQuery("[data-flat-id=\""+a.ID+"\"]").remove());for(let c=0;c<e;c++)("\u221E"==a.html[c].res_of||a.html[c].res_of<=flat_userVars.winwidth)&&("\u221E"==a.html[c].res_to||a.html[c].res_to>=flat_userVars.winwidth)&&(void 0===a.html[c].group?flat_userVars.adb?b.push(""==a.html[c].snd&&duplicateMode?a.html[c].fst:a.html[c].snd):b.push(a.html[c].fst):flat_userVars.adb?(null==b["group_"+a.html[c].group]&&(b["group_"+a.html[c].group]=[]),b["group_"+a.html[c].group].push(""==a.html[c].snd&&duplicateMode?a.html[c].fst:a.html[c].snd)):(null==b["group_"+a.html[c].group]&&(b["group_"+a.html[c].group]=[]),b["group_"+a.html[c].group].push(a.html[c].fst)));for(let a in b)d="object"==typeof b[a]?d+"\n"+b[a][flatPM_random(0,b[a].length-1)]:d+"\n"+b[a];if(d=d.replace(/<!-(.*?)->/gm,"").replace(/<!—(.*?)—>/gm,"").replace(/yandex_rtb_R/g,"yandex_rtb_flat"+flatPM_random(0,1e4)+"_R").trim(),""==d)return void(debugMode||jQuery("[data-flat-id=\""+a.ID+"\"]").remove());if(void 0!==a.how.simple||void 0!==a.how.onсe||void 0!==a.how.iterable){let b=jQuery("[data-flat-id=\""+a.ID+"\"]");b.each(function(){-1===d.indexOf("go"+"oglesyndication")?flatPM_setHTML(this,d):jQuery(this).html(d)})}if(void 0!==a.how.popup){flatPM_arcticmodalLoad();let b="true"==a.how.popup.cross?"<button class=\"flat_pm_crs\"></button>":"",c=document.createElement("div"),e=jQuery(window),f=jQuery("body"),g=void 0===flatPM_getCookie("flat_modal_"+a.ID+"_mb")||"false"!=flatPM_getCookie("flat_modal_"+a.ID+"_mb"),h="scroll.arcticmodal"+a.ID,i="mouseleave.arcticmodal"+a.ID+" blur.arcticmodal"+a.ID,j=()=>{void 0!==a.how.popup.cookie&&"false"==a.how.popup.cookie&&g&&(flatPM_setCookie("flat_modal_"+a.ID+"_mb",!1),jQuery(".flat_pm_modal[data-id-modal=\""+a.ID+"\"]").arcticmodal()),(void 0===a.how.popup.cookie||"false"!=a.how.popup.cookie)&&jQuery(".flat_pm_modal[data-id-modal=\""+a.ID+"\"]").arcticmodal()};jQuery("body > *").eq(0).before("<div style=\"display:none\"><div class=\"flat_pm_modal\" data-flat-id=\""+a.ID+"\" data-id-modal=\""+a.ID+"\">"+b+"</div></div>");let k=document.querySelector(".flat_pm_modal[data-id-modal=\""+a.ID+"\"]");if(-1===d.indexOf("go"+"oglesyndication")?flatPM_setHTML(k,d):jQuery(k).html(b+d),"px"==a.how.popup.px_s)e.bind(h,()=>{e.scrollTop()>a.how.popup.after&&(e.unbind(h),f.unbind(i),j())}),void 0!==a.how.popup.close_window&&"true"==a.how.popup.close_window&&f.bind(i,()=>{e.unbind(h),f.unbind(i),j()});else{let b=setTimeout(()=>{f.unbind(i),j()},1e3*a.how.popup.after);void 0!==a.how.popup.close_window&&"true"==a.how.popup.close_window&&f.bind(i,()=>{clearTimeout(b),f.unbind(i),j()})}f.on("click",".flat_pm_modal .flat_pm_crs",()=>{jQuery.arcticmodal("close")})}if(void 0!==a.how.outgoing){let b,c="0"==a.how.outgoing.indent?"":" style=\"bottom:"+a.how.outgoing.indent+"px\"",e="true"==a.how.outgoing.cross?"<button class=\"flat_pm_crs\"></button>":"",f=jQuery(window),g="scroll.out"+a.ID,h=void 0===flatPM_getCookie("flat_out_"+a.ID+"_mb")||"false"!=flatPM_getCookie("flat_out_"+a.ID+"_mb"),i=document.createElement("div"),j=jQuery("body"),k=()=>{void 0!==a.how.outgoing.cookie&&"false"==a.how.outgoing.cookie&&h&&(jQuery(".flat_pm_out[data-id-out=\""+a.ID+"\"]").addClass("show"),j.on("click",".flat_pm_out[data-id-out=\""+a.ID+"\"] .flat_pm_crs",function(){flatPM_setCookie("flat_out_"+a.ID+"_mb",!1)})),(void 0===a.how.outgoing.cookie||"false"!=a.how.outgoing.cookie)&&jQuery(".flat_pm_out[data-id-out=\""+a.ID+"\"]").addClass("show")};switch(a.how.outgoing.whence){case"1":b="top";break;case"2":b="bottom";break;case"3":b="left";break;case"4":b="right";}jQuery("body > *").eq(0).before("<div class=\"flat_pm_out "+b+"\""+c+" data-flat-id=\""+a.ID+"\" data-id-out=\""+a.ID+"\">"+e+"</div>");let m=document.querySelector(".flat_pm_out[data-id-out=\""+a.ID+"\"]");-1===d.indexOf("go"+"oglesyndication")?flatPM_setHTML(m,d):jQuery(m).html(e+d),"px"==a.how.outgoing.px_s?f.bind(g,()=>{f.scrollTop()>a.how.outgoing.after&&(f.unbind(g),k())}):setTimeout(()=>{k()},1e3*a.how.outgoing.after),j.on("click",".flat_pm_out .flat_pm_crs",function(){jQuery(this).parent().removeClass("show").addClass("closed")})}countMode&&(flat_count["block_"+a.ID]={},flat_count["block_"+a.ID].count=1,flat_count["block_"+a.ID].click=0,flat_count["block_"+a.ID].id=a.ID)}catch(a){console.warn(a)}}function flatPM_start(){let a=flat_pm_arr.length;if(0==a)return flat_pm_arr=[],void jQuery(".flat_pm_start, .flat_pm_end").remove();flat_body=flat_body||jQuery("body"),!flat_counter&&countMode&&(flat_counter=!0,flat_body.on("click","[data-flat-id]",function(){let a=jQuery(this),b=a.attr("data-flat-id");flat_count["block_"+b].click++}),flat_body.on("mouseenter","[data-flat-id] iframe",function(){let a=jQuery(this),b=a.closest("[data-flat-id]").attr("data-flat-id");flat_iframe=b}).on("mouseleave","[data-flat-id] iframe",function(){flat_iframe=-1}),jQuery(window).on("beforeunload",()=>{jQuery.isEmptyObject(flat_count)||jQuery.ajax({async:!1,type:"POST",url:ajaxUrlFlatPM,dataType:"json",data:{action:"flat_pm_ajax",data_me:{method:"flat_pm_block_counter",arr:flat_count}}})}).on("blur",()=>{-1!=flat_iframe&&flat_count["block_"+flat_iframe].click++})),flat_userVars.init();for(let b=0;b<a;b++){let a=flat_pm_arr[b],c=!1;if(debugMode&&(console.log("current ads block:"),console.log(a),console.log(flat_sep)),!(void 0!==a.chapter_limit&&a.chapter_limit>flat_userVars.textlen||void 0!==a.chapter_sub&&a.chapter_sub<flat_userVars.textlen||void 0!==a.title_limit&&a.title_limit>flat_userVars.titlelen||void 0!==a.title_sub&&a.title_sub<flat_userVars.titlelen)){if(void 0!==a.date){if(void 0!==a.date.time_of&&void 0!==a.date.time_to){let b=new Date(flat_userVars.date+"T"+a.date.time_of+":00"),c=new Date(flat_userVars.date+"T"+a.date.time_to+":00"),d=new Date(flat_userVars.date+"T12:00:00"),e=new Date(flat_userVars.date+"T"+flat_userVars.time+":00");if(b>c&&c<d&&(c=flatPM_addDays(c,1)),b>c&&c>d&&(b=flatPM_addDays(b,-1)),b>e||c<e)continue}if(void 0!==a.date.date_of&&void 0!==a.date.date_to){let b=new Date(a.date.date_of+"T00:00:00"),c=new Date(a.date.date_to+"T00:00:00"),d=new Date(flat_userVars.date+"T00:00:00");if(b>d||c<d)continue}}if((void 0===a.os||(void 0===a.os.os_enabled||-1!=a.os.os_enabled.indexOf(flat_userVars.os))&&(void 0===a.os.os_disabled||-1==a.os.os_disabled.indexOf(flat_userVars.os)))&&(void 0!==a.referer&&(void 0!==a.referer.referer_enabled&&-1==a.referer.referer_enabled.findIndex(a=>-1!=flat_userVars.referer.indexOf(a))||void 0!==a.referer.referer_disabled&&-1!=a.referer.referer_disabled.findIndex(a=>-1!=flat_userVars.referer.indexOf(a)))&&(c=!0),c||void 0===a.browser||(void 0===a.browser.browser_enabled||-1!=a.browser.browser_enabled.indexOf(flat_userVars.browser))&&(void 0===a.browser.browser_disabled||-1==a.browser.browser_disabled.indexOf(flat_userVars.browser)))){if(c&&void 0!==a.browser&&void 0!==a.browser.browser_enabled&&-1!=a.browser.browser_enabled.indexOf(flat_userVars.browser)&&(c=!1),!c&&(void 0!==a.geo||void 0!==a.role)&&(""==flat_userVars.ccode||""==flat_userVars.country||""==flat_userVars.city||""==flat_userVars.role)){flat_pm_then.push(a),flatPM_setWrap(a),flat_body.hasClass("flat_pm_block_geo_role")||(flat_body.addClass("flat_pm_block_geo_role"),flatPM_ajax("flat_pm_block_geo_role")),c=!0}c||(flatPM_setWrap(a),flatPM_next(a))}}}let b=jQuery(".flatPM_sticky");b.each(function(){let a=jQuery(this),b=a.data("height")||350,c=a.data("top");a.wrap("<div class=\"flatPM_sticky_wrapper\" style=\"height:"+b+"px\" />");let d=a.parent()[0];flatPM_sticky(this,d,c)}),debugMode||countMode||jQuery("[data-flat-id]:not([data-id-out]):not([data-id-modal])").contents().unwrap(),flat_pm_arr=[],jQuery(".flat_pm_start, .flat_pm_end").remove()}</script> <script>function flatPM_setHTML(a,b){try{let c,d=document.createElement("div"),e=document.createElement("tbody");if(d.innerHTML=b,e.innerHTML=b,c=e.innerHTML.length>=d.innerHTML.length?e:d,0!=c.children.length){let b=c.childNodes.length;for(let d=0;d<b;d++){let b=c.childNodes[d],e="3"==b.nodeType?document.createTextNode(b.nodeValue):document.createElement(b.nodeName);if("3"!=e.nodeType){let c=b.attributes.length;for(let a=0;a<c;a++)e.setAttribute(b.attributes[a].nodeName,b.attributes[a].nodeValue);0==b.children.length?"SCRIPT"==b.nodeName?b.text&&(e.text=b.text):b.innerHTML&&(e.innerHTML=b.innerHTML):"TABLE"==b.nodeName||"TR"==b.nodeName||"TH"==b.nodeName||"TD"==b.nodeName||"TBODY"==b.nodeName||"THEAD"==b.nodeName?jQuery(e).html(b.innerHTML):flatPM_setHTML(e,b.innerHTML),a.appendChild(e)}else a.appendChild(e)}}else a.innerHTML=b}catch(a){console.warn(a)}}</script><script>flat_pm_arr = [{"how":{"simple":{"position":"1"}},"ID":"868","html":[{"fst":"","snd":"","res_of":"∞","res_to":"∞"}]}];</script><script>function jQueryLoaded(){ if( "function" === typeof flatPM_start ){ flatPM_start(); } } function jQueryLoading(){ if( window.jQuery ){ jQueryLoaded() }else{ setTimeout( ()=>{ jQueryLoading() }, 50 ) } } jQueryLoading()</script></div><!-- /#main --> </body> </html>