Как на фото обвести маркером на телефоне: Использование функции «Разметка» на iPhone, iPad или iPod touch — Главная

Содержание

Использование функции «Разметка» на iPhone, iPad или iPod touch

С помощью функции «Разметка» можно редактировать снимки экрана и фотографии, регулировать уровень прозрачности и толщину текста, а также подписывать документы в формате PDF.

Программы и функции, в которых используется функция «Разметка»

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

Почта

Откройте программу «Почта» и нажмите кнопку создания сообщения , чтобы написать новое сообщение, или ответьте на любое другое.
Нажмите в любой части сообщения и коснитесь значка или нажмите «Ввод», чтобы открыть панель форматирования. Вы можете также нажать в любой части сообщения, коснуться курсора и выбрать «Вставить фото/видео» или «Добавить документ». Может потребоваться нажать кнопку в виде стрелки , чтобы прокрутить доступные варианты.
Нажмите кнопку камеры или документа , а затем выберите фотографию или файл PDF, которые нужно вложить или разметить.
Коснитесь вложения, а затем нажмите . Нажмите «Разметка» , чтобы добавить разметку. Нажмите кнопку плюса , чтобы добавить подпись, текст и т. д.
Нажмите «Готово» и отправьте сообщение.

Рисуйте с помощью функции «Разметка»

Выбрав инструмент «Разметка», например ручку , маркер или карандаш , можно выбрать цвет и начать рисовать. Чтобы изменить прозрачность цвета, выберите тот же инструмент, а чтобы изменить толщину линий — другой. Можно также нажать кнопку цвета , чтобы изменить оттенок цвета.

Перемещайте рисунок

Нарисовав что-либо, вы можете переместить рисунок. Нажмите «Лассо» (), обведите рисунок, который нужно переместить, в круг и перетащите его в нужное место.

Стирайте и редактируйте рисунки

Чтобы изменить рисунок, нажмите кнопку ластика и потрите пальцем область, которую необходимо стереть. Можно также отменить любое действие разметки с помощью кнопки отмены . Если вы случайно отменили разметку, можно встряхнуть устройство и нажать кнопку «Повторить».

Добавляйте текст, подписи, лупы и фигуры

Нажмите кнопку плюса , чтобы выбрать другие инструменты разметки.

Нажмите кружок, чтобы выбрать цвет текста, затем нажмите значок , чтобы выбрать шрифт, размер и расположение текста.

Быстро добавляйте или создавайте подписи в документах.

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

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

Дополнительные возможности функции «Разметка»

Дата публикации: 05 июня 2020 г.

Как рисовать, добавлять текст и лупу на фото в iPhone и iPad

С выходом iOS 10 в мобильной операционной системе Apple появилась новая полезная функция для любителей редактировать изображения — «Разметка». В этом материале мы расскажем как ею пользоваться.

«Разметка» запускается как из приложения «Фото», так и непосредственно из штатного мессенджера «iMessage» (приложение Сообщения).

ПО ТЕМЕ: Как сохранить страницу сайта в Safari на iPhone (iPad) для чтения без Интернета.

Видео инструкция

Как рисовать, добавлять текст и лупу на фото в iPhone и iPad

Для того, чтобы запустить эту функцию из медиатеки iPhone или iPad, выполните следующие действия:

1. Откройте любое изображение из приложения «Фото».

2. Нажмите «Изменить».

3. Нажмите на кружочек с тремя точками.

4. Выберите кнопку «Разметка».

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

ПО ТЕМЕ: Что может Фотошоп для Айфона: возможности бесплатных приложений Adobe Photoshop (Express, Fix и Mix) для iOS.

Как рисовать, добавлять текст и лупу на фото в iPhone и iPad в приложении Сообщения

Запускается разметка также непосредственно из :

1. Запустите приложение Сообщения с настроенным iMessage (инструкция по настройке).

2. Тапните по иконке для добавления нового фото, а затем выберите фото из Медиатеке или снимите новое.

3. Коснитесь фото.

4. Перейдите в раздел «Разметка».

Разметка — действительно полезная функция, позволяющая отказаться от скачивания дополнительного софта из App Store для простого редактирования изображений.

Смотрите также:

Как рисовать на фото или картинках в Заметках на Айпаде или Айфоне

Начиная с iOS 11 стандартное приложение «Заметки» стало намного удобнее, чем в предыдущих версиях, однако мы расскажем о функции, которая непременно приведет вас в неописуемый восторг. Отныне с помощью Apple Pencil (или без него) вы можете рисовать прямиком поверх изображений!

♥ ПО ТЕМЕ: Как следить за человеком, которому подарили iPhone.

Раньше изображения и наброски существовали рука об руку, но никогда не пересекались. Теперь же, благодаря новой функции, можно делать все, что угодно. К примеру, вы храните разлинованные для гитарной табулатуры чистые листы в папке «Файлы». Теперь вы можете перетащить их в «Заметки» и, используя Apple Pencil (можно и без него), зарисовывать аккорды прямиком на соответствующих линейках. Кроме того, это отличная возможность подрисовать усы на фотографии вашего коллеги по работе.

♥ ПО ТЕМЕ: Как поставить на iPhone или iPad пароль из 4 символов (цифр) вместо 6.

Как рисовать поверх изображений в «Заметках»

Рисовать поверх изображений в «Заметках» очень просто.

Все что для этого нужно – открыть изображение в заметке и нажать на значок с изображением карандаша.

Когда инструменты Разметки откроются, изображение заполнит собой весь экран, как если бы вы маркировали PDF-документ. На практике ощущения, будто вы перешли в какой-то другой режим редактирования, отсутствуют. Кажется, будто изображение просто приблизилось, чтобы вам легче было его редактировать.

К слову, о PDF. В «Заметках» вы можете рисовать поверх как изображений, так и PDF-документов. Более того, в любой момент изменения можно отменить. Когда вы открываете картинку для редактирования, по умолчанию используется черный тонкий маркер. Это не очень удобно в случаях, если вам, например, нужно отметить что-то фломастером другого цвета сразу на нескольких изображениях.

♥ ПО ТЕМЕ: Как правильно заштриховывать секретные данные на скриншотах в iPhone, чтобы их нельзя было увидеть.

Как добавить фото (изображение) в заметку на iPad или iPhone

Существует два способа перенесения картинки в приложение «Заметки». Например, вы можете нажать на значок с изображением камеры, в появившемся контекстном меню тапнуть по пункту «Выбрать фото или видео», затем выбрать нужное изображение и нажать на «Добавить».

Однако, куда проще просто взять и перетащить картинку в существующую заметку. Перетаскивать изображение можно практически откуда угодно, в том числе с web-страниц в браузере Safari, из приложения «Фото», из другой заметки, а также из превью, созданного с помощью инструмента для создания скриншотов. Где бы вы ни увидели картинку, ее можно перетащить в «Заметки».

♥ ПО ТЕМЕ: Как работает функция Handoff на iPad c iOS.

Как изменить «бумагу» в заметке (в линейку или клетку) на iPad или iPhone

В «Заметках» имеется функция, позволяющая выбирать тип «бумаги» для заметок. Эта функция окажется очень полезной владельцам Apple Pencil. По умолчанию открывается просто чистый лист, однако, зайдя в Настройки → Заметки → Линейка и клетка, вы можете выбрать бумагу «в линеечку» или « в клеточку». Причем для каждой опции предлагается по три варианта (с клеткой или линейкой разного размера).

При выборе «бумаги» для новой заметки с уже существующими заметками ничего не происходит. При желании, можно изменить фон для любой заметки, но это потребует времени. Теперь, когда в «Заметках» появилась возможность выбирать канцелярские принадлежности, пользователи наверняка захотят добавлять свои собственные. Пока что такая опция не предусмотрена, но кто знает, может, она появится в каком-нибудь из следующих релизов iOS.

Смотрите также:

10 бесплатных приложений для дизайнеров и просто деловых людей

Студия «Холмакс» подготовила подборку лучших, на наш взгляд, приложений, полезных как для дизайнеров, так и для наших клиентов, которые смогут самостоятельно и быстро сделать красивый рекламный пост, открытку, объявление, когда нельзя терять ни минуты. А еще эти приложения помогут быстрее найти общий язык между дизайнером и заказчиком, лучше понять друг друга.

1. Canva (PC, iOS, Android)

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

2. Assembly (iOS)

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

3. Skitch (PC, iOS)

Для тех, кто любит выделять текст маркером, обводить в кружок на листе бумаге что-то важное, придумано очень простое приложение Skitch. Вы просто выбираете нужное фото, принтскрин письма, и виртуальный маркер (или стрелка, или значок, или даже смайлик) уже под рукой! Клиентам и арт-директорам на заметку: очень удобно прямо на превью макета выделить недочеты.

4. Paper (iOS)

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

5. Creative Shape (iOS)

По функционалу похоже на Canva: выбираете картинку, шаблон, пишете свой текст, выбираете шрифт и оперативный красивый макет готов. Но Creative Shape проще в управлении, и к тому же на русском языке.

6. Font Candy (iOS, Android, WindowsPhone)

Font Candy моментально подгонит картинку из богатой библиотеки приложения или ваше фото под нужный размер экрана планшета, заставки для фейсбука, поста в блог и т. д. А так же вы можете добавить готовый текстовый блок, перекрасить цвета, отредактировать фото с помощью фильтров, добавить красивые графические элементы: разделители, полоски – и все это в одном приложении. Единственный минус в бесплатной версии – выскакивающая реклама.

7. PicLab (iOS, Android, WindowsPhone)

Если вы не нашли нужных шаблонов или красивых надписей в Canva, Creative Shape и Font Candy — то можете поискать их в PicLab. Множество красивых каллиграфический надписей, мини-иллюстраций, разбитых на разные тематики помогут вам создать свой дизайн за считанные минуты. Единственное «но» – это мало бесплатных шаблонов.

8. Fuzel Collage (iOS)

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

9. Penultimate (iOS)

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

10. Calligraphy (iOS, Android)

Кто сейчас не мечтает красиво писать вензеля и завитушки? В этом приложении вы сможете виртуально тренироваться каллиграфии и создать красивый рукописный текст, поделиться им в соцсетях с клиентами и друзьями.

Выделение цветом

Выделение цветом выбранного фрагмента текста

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

Перейдите на главная и выберите стрелку рядом с цветом выделения текста.

Выберите нужный цвет.

Примечание: Используйте светлый цвет выделения, если вы планируете распечатать документ с помощью монохромной палитры или матричного принтера.

Выделение нескольких частей документа

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

Перейдите на главная и выберите стрелку рядом с цветом выделения текста.

Выберите нужный цвет.

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

Примечание: Используйте светлый цвет выделения, если вы планируете распечатать документ с помощью монохромной палитры или матричного принтера.

Выделим текст или рисунок, который нужно выделить.

Чтобы остановить выделение, нажмите стрелку рядом с кнопкой Цвет выделения выберите Остановить выделение илинажмите клавишу ESC.

Указатель мыши становится при на указателе на документ.

Удаление выделения из части документа или из всего документа

Выделите текст, из него нужно удалить выделение, или нажмите CTRL+A, чтобы выделить весь текст.

Перейдите на главная и выберите стрелку рядом с цветом выделения текста.

Выберите Нет цвета.

Быстрое поиск выделенного текста

Если вы используете Word 2016 или Word 2013, выберите Найти > Расширенный поиск.

Если вы используете Word 2010, выберите Найти.

Появится поле Найти и заменить.

Выберите Формат >выделить.

Если вы не видите кнопку Формат, выберите Еще.

Нажмите кнопку Найти далее.

Выделение цветом выбранного фрагмента текста

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

Перейдите на главная и выберите стрелку рядом с цветом выделения текста.

Выберите нужный цвет.

Примечание: Используйте светлый цвет выделения, если вы планируете распечатать документ с помощью монохромной палитры или принтера.

Выделение нескольких частей документа

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

Перейдите на главная и выберите стрелку рядом с цветом выделения текста.

Выберите нужный цвет.

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

Примечание: Используйте светлый цвет выделения, если вы планируете распечатать документ с помощью монохромной палитры или принтера.

Выделим текст или рисунок, который нужно выделить.

Чтобы остановить выделение, нажмите стрелку рядом с кнопкой Цвет выделения выберите Остановить выделение илинажмите клавишу ESC.

Указатель мыши становится при на указателе на документ.

Удаление выделения из части документа или из всего документа

Выделите текст, из который нужно удалить выделение, или нажмите CTRL+A, чтобы выделить весь текст в документе.

Перейдите на главная и выберите стрелку рядом с цветом выделения текста.

Выберите Нет цвета.

Быстрое поиск выделенного текста

Выберите найти >расширенный поиск.

Появится поле Найти и заменить.

Выберите Формат >выделить.

Если вы не видите кнопку Формат, выберите Еще.

Нажмите кнопку Найти далее.

Редактор фотографий на прошивке MIUI 8. — MIUI общее — Mi Community
Приветствую, друзья!
MIUI 8 была представлена уже давно, но не все пользователи разобрались еще в ее нововведениях, а новички толком не знают, что именно есть в новой прошивке. На сегодня мобильный телефон используется не только как устройство для приема вызовов и отправки сообщений, но и как камера, тем более во всех современных смартфонах от Xiaomi установлен очень хороший модуль камеры. Поэтому в MIUI 8 продумали и сделали встроенный редактор фотографий с кучей возможностей, о которых я хочу вам рассказать. Ну что ж, начнём по порядку:
Фильтры.
Для того чтобы обогатить эффектами вашу фотографию, обычно требуется ставить стороннее приложение, в котором Вы можете редактировать изображение. В MIUI 8 фильтры находятся прямо в приложении камеры/галереи, и вы сможете сразу снять желанную фотографию с нужным эффектом. В общей сложности 9 фильтров: холодный, румянец, красный, выцветший, еда, ретро, теплый, сумерки и пленка.

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

Кадрирование (обрезка).
Иногда Вас может не устроить размер, сделанной фотографии, или вы хотите оставить определенную часть фотографии. Для этого существует функция «Изменить» (внизу экрана, рядом с выбором фильтра).

Улучшить.
Бывает, что полученные снимки получаются слишком темными или засветленными, или вам нужно изменить насыщеннсть. Для этого существует кнопка «улучшить», под которой подразумевается расширенное редактирование.

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

Рисунок.
Очень интересное дополнение, которое позволяет Вам рисовать на фотографии что угодно собственным пальцем! Существует очень большая палитра при выборе цвета. Существует 4 вида кистей (Маленькая, средняя, большая, огромная). Вы можете выбрать соответствующий вид кисти, который Вам требуется. После выбора будет предложена цветовая палитра для выбора цвета.

Чтобы сохранить фотографию, но скрыть конфиденциальные записи, звонки, SMS, воспользуйтесь дополнением «мозаика»

В заключении хотелось бы сказать, что каждая функция очень проста и интуитивна. Редактор изображений имеет приятный пользовательский интерфейс, красивые значки и это позволяет редактировать с большим удовольствием! Каждый из вас может создать собственный шедевр! Желаю Вам удачи!!!
Как настроить маркеры в документе Word
По умолчанию при создании маркированных списков используются стандартные маркеры, но при желании можно изменить как символ, так и цвет маркера.
Мы использовали Word 2016 чтобы показать вам эту функцию.
Чтобы создать маркированный список, выделяем нужный текст и во вкладке «Главная», в разделе «Абзац» нажимаем на кнопку «Маркеры».
Несколько видов символов отображаются в библиотеке маркеров. Можно посмотреть, как будет выглядеть в документе каждый из них, просто перемещая курсор над каждым маркером по очереди. Если вам понравился какой-то из списка, нажимаем на него правой клавишей мыши.
Если же ни один символ из списка вам не приглянулся, вы можете использовать другой. Выбираем пункт «Определить новый маркер».
В диалоговом окне нажимаем на кнопку «Символ».
В появившемся окне теперь видны различные символы. Чтобы увидеть еще больше, нажимаем на раздел «шрифт» и выбираем любой стиль. Символы будут у каждого стиля свои.
После того как вы найдете подходящий символ, нажмите на него правой кнопкой мыши, затем кнопку «ОК».
В Диалоговом окне «Определение нового маркера» уже будет видна картинка с новым символом.
Вы также можете изменить цвет выбранного символа, для этого нажимаем на кнопку «Шрифт» в диалоговом окне «Определение нового маркера»
В открывшемся меню нажимаем на «Цвет текста» и выберете тот, который хотите использовать для своего маркера. Нажмите кнопку «ОК» для применения изменений и закрытия диалогового окна «Шрифт».
Еще можно использовать изображения в качестве маркера в тексте. Для этого в диалоговом окне «Определение нового маркера» нажимаем на кнопку «Рисунок».
Картинку для маркера вы можете выбрать либо из сохраненных в вашем компьютере, либо выбрать любую из интернета. Для данного примера мы используем сохраненную картинку. В разделе «Из файла» нажимаем на клавишу « Обзор» и выбираем папку, где находится изображение.
Дальше нажимаем на нужную картину и кнопку «Открыть».
Предварительный просмотр, в открывшемся диалоговом окне, показывает выбранное изображение в роли маркировки для текста. Нажимаем кнопку «ОК» для подтверждения изменений.
В разделе «Поиск в интернете» вы можете найти какую угодно картинку, подходящую для вашего текста. Для этого просто необходимо ввести название в строке поиска раздела «Поиск изображений Bing» диалогового окна «Вставка картинок».
На сегодня все 🙂 Удачи Вам!)
Используйте разметку, чтобы писать или рисовать на фотографии в программе «Фото» на Mac
Sketch
Нарисуйте фигуру одним штрихом.
Если ваш рисунок распознается как стандартная форма, он заменяется этой формой; чтобы использовать рисунок, выберите его из показанной палитры.
Нарисуйте
Нарисуйте фигуру одним штрихом. Сильнее нажмите пальцем на трекпад, чтобы нарисовать более толстую и темную линию.
Этот инструмент доступен только на компьютерах с трекпадом Force Touch.
Фигуры
Щелкните фигуру и перетащите ее в нужное место. Чтобы изменить размер формы, используйте синие ручки. Если у него зеленые ручки, используйте их, чтобы изменить форму.
Текст
Введите текст и перетащите текстовое поле в нужное место.
Выделить выделение
Выделить выделенный текст.
Выделить
Нажмите кнопку «Фигуры», затем нажмите кнопку «Выделить». Перетащите выделение, куда хотите. Чтобы изменить его размер, используйте синие ручки.
Увеличить
Нажмите кнопку «Фигуры», затем нажмите кнопку «Лупа». Перетащите лупу в область, которую хотите увеличить. Чтобы увеличить или уменьшить масштаб, перетащите зеленый маркер; перетащите синий маркер, чтобы изменить размер лупы.Вы можете разместить на фотографии несколько луп, чтобы увеличить определенные области.
Для дальнейшего увеличения области создайте еще одну лупу (нажмите и удерживайте клавишу Option, перетаскивая существующую), затем поместите ее над другой лупой, используя направляющие для регулировки ее положения.
Стиль линии:
Измените толщину и тип линий, используемых в фигуре, и добавьте тень.
Цвет границы
Изменение цвета линий, используемых в фигуре.
Цвет заливки
Измените цвет, используемый внутри фигуры.
Стиль текста
Измените шрифт или стиль и цвет шрифта.
Повернуть влево или повернуть вправо
Щелкните инструмент «Повернуть влево», чтобы повернуть элемент влево. Продолжайте щелкать, чтобы продолжать вращение.
Чтобы повернуть элемент вправо, нажмите и удерживайте клавишу Option, затем нажимайте инструмент «Повернуть вправо», пока не закончите вращать элемент.
Обрезка
Скрыть часть предмета. Перетаскивайте угловые маркеры, пока в кадре не будет показана только та область, которую вы хотите сохранить. Вы также можете перетащить рамку, чтобы изменить ее положение. Когда будете готовы, нажмите Обрезать.
Описание изображения
Введите, просмотрите или отредактируйте описание изображения. (Инструмент выделяется, когда изображение имеет описание.)
Описания изображений могут быть прочитаны программами чтения с экрана и полезны для всех, кто испытывает трудности с просмотром изображений в Интернете.Например, если вы используете VoiceOver, встроенную программу чтения с экрана на Mac, вы можете нажать команду VoiceOver VO-Shift-L, чтобы услышать описание изображения в курсоре VoiceOver. Чтобы узнать больше о VoiceOver, см. Руководство пользователя VoiceOver.
Аннотации,,
Добавьте аннотации к элементу, сделав набросок или рисуя на нем с помощью расположенного поблизости iPhone или iPad. Если оба устройства находятся рядом, нажмите «Аннотировать» и выберите устройство. Инструмент может быть выделен, чтобы показать, что ваше устройство подключено.Чтобы отключить устройство, не используя его, щелкните инструмент еще раз.
Как использовать редактор разметки в приложении «Фото» на iPhone и iPad
Несколькими выпусками iOS назад Apple представила редактор разметки в приложении «Фото». Редактор разметки доступен в приложении «Фото» как на iPhone, так и на iPad, и он позволяет рисовать на фотографиях, выделять определенные области с помощью выноски, добавлять текст для забавных подписей и многое другое. Вот как максимально эффективно использовать редактор разметки в приложении «Фото», даже не загружая стороннее приложение!
Как получить доступ к редактору разметки в приложении «Фото» на iPhone и iPad
Хотя вы можете рисовать на фотографиях и видео внутри Сообщений для мгновенного удовольствия, вы также можете получить доступ к более тщательному редактору разметки из самого приложения «Фотографии». (К сожалению, только для изображений — в настоящее время инструментов для видео нет.)
Запустите Фото с главного экрана.
Коснитесь вкладки Фото в нижнем левом углу экрана.
Выберите фотографию , которую вы хотите отредактировать.
Нажмите Изменить .
Источник: iMore
Нажмите кнопку Еще (…).
Отвод Разметка .
Источник: iMore
Теперь к фотографиям можно добавлять рисунки, выноски и текст.
Как рисовать на фотографиях с помощью редактора разметки в приложении «Фото» на iPhone и iPad
Как только вы окажетесь в редакторе разметки, начинается самое интересное.
Нажмите на нужный инструмент для рисования внизу. Вы можете выбрать ручку , маркер и карандаш . Также есть ластик .
Коснитесь круга выбора цвета справа, чтобы выбрать цвет для инструмента рисования (кроме ластика).
Начните рисовать на своей фотографии.
Источник: iMore
Как изменить толщину инструмента для рисования в редакторе разметки в приложении «Фото» на iPhone и iPad
Хотите более тонкую или толстую линию? Вот как это сделать.
Нажмите на нужный инструмент для рисования внизу, если он еще не выбран.
Снова коснитесь инструмента для рисования , чтобы отобразить размеры этого инструмента.
Выберите толщину кисти , а также непрозрачность цвета .
Источник: iMore
Как сделать выноску в редакторе разметки в приложении «Фото» на iPhone и iPad
Если вы хотите выделить определенный аспект фотографии, вы можете добавить выноску. Вот как!
В режиме разметки нажмите кнопку плюс + , расположенную в правом нижнем углу.
Выбрать Лупа .
Коснитесь и перетащите выноску, чтобы выделить любой аспект изображения.
Чтобы настроить размер, коснитесь и сдвиньте синюю точку рядом с кружком выноски.
Чтобы настроить увеличение выноски, коснитесь и сдвиньте зеленую точку рядом с кружком выноски.
Источник: iMore
Чтобы изменить цвет выноски, просто нажмите на цвет, который вы хотите использовать, в цветном меню внизу.Существует также палитра цветов , если вы хотите использовать нестандартный цвет.
Источник: iMore
Как добавить текст к фотографии в редакторе разметки в приложении «Фото» на iPhone и iPad
Хотите добавить забавную подпись к фотографии? Вам повезло: разметка также предлагает добавление текста.
В режиме разметки нажмите кнопку плюс + , расположенную в правом нижнем углу.
Нажмите Текст .
Перетащите синих маркеров на концах поля, чтобы увеличить его, и коснитесь и перетащите всего поля, чтобы переместить его.
Источник: iMore
Дважды коснитесь текста, чтобы перейти в режим редактирования, и введите нужный текст.
Нажмите цвет внизу, если хотите изменить его — есть также палитра цветов , если нужный цвет отсутствует в стандартных параметрах.
Нажмите в любом месте за пределами текстового поля, чтобы закончить.
Источник: iMore
Как изменить начертание шрифта в редакторе разметки в приложении «Фото» на iPhone и iPad
Нажмите кнопку Font в нижнем левом углу (на ней есть два символа As).
Нажмите Helvetica , Georgia, или Noteworthy , чтобы выбрать начертание шрифта.
Источник: iMore
Как изменить размер шрифта в редакторе разметки в приложении «Фото» на iPhone и iPad
Нажмите кнопку Font в нижнем левом углу (на ней есть два символа As).
Переместите ползунок , чтобы настроить размер шрифта.
Источник: iMore
Как изменить выравнивание текста в редакторе разметки в приложении «Фото» на iPhone и iPad
Нажмите кнопку Font в нижнем левом углу (на ней есть два символа As).
Нажмите выравнивание текста , которое вы хотите (слева, по центру, справа или по ширине) в появившемся меню.
Источник: iMore
Как отменить или повторить движение в редакторе разметки в приложении «Фото» на iPhone и iPad
Сделали ошибку в разметке? Вы можете быстро отменить его одним нажатием кнопки. Просто коснитесь изогнутой стрелки слева , если вы хотите отменить, и вы можете делать это сколько угодно раз. Чтобы повторить, просто коснитесь изогнутой стрелки справа .
Вопросы?
Хотите узнать что-нибудь еще о редакторе разметки в приложении «Фото» на iPhone и iPad? Дайте нам знать об этом в комментариях!
Обновлено в августе 2020 г .: Обновлено для последних версий iOS.
Компоненты · Bootstrap
Доступные глифы
Включает более 250 глифов в формате шрифта из набора Glyphicon Halflings.Глификоны Халфлинги обычно не доступны бесплатно, но их создатель сделал их доступными для Bootstrap бесплатно. В качестве благодарности мы просим вас по возможности включать обратную ссылку на Glyphicons.
Как использовать
По соображениям производительности для всех значков требуется базовый класс и индивидуальный класс значков. Чтобы использовать, поместите следующий код где угодно. Обязательно оставьте пространство между значком и текстом для правильного заполнения.
Не смешивать с другими компонентами
Классы значков нельзя напрямую комбинировать с другими компонентами.Их нельзя использовать вместе с другими классами в одном элементе. Вместо этого добавьте вложенный и примените классы значков к .
Только для использования с пустыми элементами
Классы значков следует использовать только для элементов, которые не содержат текстового содержимого и не имеют дочерних элементов.
Изменение расположения шрифта значка
Bootstrap предполагает, что файлы шрифтов значка будут расположены в каталоге ../fonts/ относительно скомпилированных файлов CSS.Перемещение или переименование этих файлов шрифтов означает обновление CSS одним из трех способов:
Измените переменные @ icon-font-path и / или @ icon-font-name в исходных файлах Less.
Используйте параметр относительных URL-адресов, предоставляемый компилятором Less.
Измените пути url () в скомпилированном CSS.
Используйте тот вариант, который лучше всего подходит для ваших конкретных условий разработки.
Доступные значки
Современные версии вспомогательных технологий будут объявлять контент, созданный с помощью CSS, а также определенные символы Unicode.Чтобы избежать непреднамеренного и сбивающего с толку вывода в программах чтения с экрана (особенно когда значки используются исключительно для украшения), мы скрываем их с помощью атрибута aria-hidden = "true" .
Если вы используете значок для передачи смысла (а не только как декоративный элемент), убедитесь, что это значение также передается вспомогательным технологиям — например, включите дополнительный контент, визуально скрытый с помощью .sr-only класс.
Если вы создаете элементы управления без другого текста (например,
Значок, используемый в предупреждении, чтобы указать, что это сообщение об ошибке, с дополнительным .sr-only текст, чтобы передать эту подсказку пользователям вспомогательных технологий.
Ошибка: введите действительный адрес электронной почты
Ошибка: Введите корректный электронный адрес
Переключаемое контекстное меню для отображения списков ссылок. Сделано интерактивным с помощью выпадающего плагина JavaScript.
Пример
Оберните триггер раскрывающегося списка и раскрывающееся меню в .раскрывающийся список или другой элемент, объявляющий position: relative; . Затем добавьте HTML-код меню.
Действие Другое действие Здесь еще кое-что Отдельная ссылка
Раскрывающиеся меню можно изменить, чтобы развернуть вверх (а не вниз), добавив .dropup к родителю.
Действие Другое действие Здесь еще кое-что Отдельная ссылка
Выравнивание
По умолчанию раскрывающееся меню автоматически располагается на 100% сверху и слева от своего родителя. Добавьте .dropdown-menu-right к .dropdown-menu , чтобы выровнять раскрывающееся меню по правому краю.
Может потребоваться дополнительное позиционирование.
Раскрывающиеся списки автоматически размещаются с помощью CSS в пределах обычного потока документа. Это означает, что выпадающие списки могут быть обрезаны родителями с определенными свойствами overflow или отображаться за пределами области просмотра. Решайте эти проблемы самостоятельно по мере их возникновения.
Устарело
Выравнивание вправо
Начиная с версии v3.1.0 мы устарели от .pull-right в раскрывающихся меню. Чтобы выровнять меню по правому краю, используйте .dropdown-menu-right . Компоненты навигации с выравниванием по правому краю на панели навигации используют версию этого класса для автоматического выравнивания меню. Чтобы переопределить его, используйте .dropdown-menu-left .
. ..
Добавьте заголовок, чтобы пометить разделы действий в любом раскрывающемся меню.
... Раскрывающийся заголовок ...
Разделитель
Добавьте разделитель для разделения последовательностей ссылок в раскрывающемся меню.
... ...
Отключенные пункты меню
Добавьте .disabled к
в раскрывающемся списке, чтобы отключить ссылку.
Обычная ссылка Отключенная ссылка Другая ссылка
Сгруппируйте серию кнопок вместе на одной строке с группой кнопок.Добавьте необязательное поведение переключателя JavaScript и стиля флажка с помощью нашего плагина кнопок.
Проверьте правильность роли
и предоставьте метку
Чтобы вспомогательные технологии, такие как программы чтения с экрана, передавали, что последовательность кнопок сгруппирована, необходимо предоставить соответствующий атрибут role . Для групп кнопок это будет role = "group" , а панели инструментов должны иметь role = "toolbar" .
Единственным исключением являются группы, которые содержат только один элемент управления (например, группы кнопок с выравниванием по ширине с элементами

Объедините наборы
в
для более сложных компонентов.
... ... ...
Размер
Вместо применения классов размеров кнопок к каждой кнопке в группе просто добавьте .btn-group- * к каждой .btn-group , в том числе при вложении нескольких групп.
Левый Средний Правый
Левый Средний Правый
Левый Средний Правый
Левый Средний Правый
.."> ... ... ... ...
Nesting
Поместите .btn-group в другую .btn-group , когда вам нужно раскрывающееся меню. меню смешано с рядом кнопок.
Раскрывающаяся ссылка Раскрывающаяся ссылка
Вертикальный вариант
Сделать так, чтобы набор кнопок отображался вертикально, а не горизонтально. Раскрывающиеся списки с разделенными кнопками здесь не поддерживаются.
Кнопка Кнопка Кнопка Кнопка
...
Группы кнопок по ширине
Сделайте так, чтобы группа кнопок растянулась с одинаковыми размерами, чтобы охватить всю ширину ее родительского элемента. Также работает с раскрывающимися списками кнопок в группе кнопок.
Обработка границ
Из-за специфического HTML и CSS, используемых для выравнивания кнопок (а именно: display: table-cell ), границы между ними удваиваются.В обычных группах кнопок margin-left: -1px используется для наложения границ вместо их удаления. Однако поле не работает с display: table-cell . В результате, в зависимости от ваших настроек Bootstrap, вы можете удалить или перекрасить границы.
IE8 и границы
Internet Explorer 8 не отображает границы на кнопках в группе кнопок с выравниванием по ширине, будь то элементы или

Используйте любую кнопку, чтобы вызвать раскрывающееся меню, поместив его в .btn-group и обеспечение правильной разметки меню.
Зависимость подключаемого модуля
Для раскрывающихся списков кнопок требуется, чтобы подключаемый модуль раскрывающегося меню был включен в вашу версию Bootstrap.
Выпадающие списки с одной кнопкой
Превратите кнопку в раскрывающийся список с некоторыми базовыми изменениями разметки.
Действие Другое действие Здесь еще кое-что Отдельная ссылка
Раскрывающиеся списки с разделенными кнопками
Аналогичным образом создайте раскрывающиеся списки с разделенными кнопками с теми же изменениями разметки, только с отдельной кнопкой.
Действие Другое действие Здесь еще кое-что Отдельная ссылка
Размер
Выпадающие кнопки работают с кнопками любого размера.
... . .. ...
Выпадающий вариант
Вызов раскрывающегося меню над элементами путем добавления .dropup к родительскому элементу.

Расширьте элементы управления формой, добавив текст или кнопки до, после или с обеих сторон любого текстового .Используйте .input-group с .input-group-addon или .input-group-btn для добавления или добавления элементов к одному элементу . form-control .
Текстовое
только s
Избегайте использования здесь элементов </code>, поскольку их атрибут <code> rows </code> не будет соблюдаться в некоторых случаях. </p> <h5><span class="ez-toc-section" id="i-49"> Всплывающие подсказки и всплывающие окна в группах ввода требуют специальной настройки </span></h5> <p> При использовании всплывающих подсказок или всплывающих окон на элементах в пределах <code>.input-group </code>, вам нужно будет указать опцию <code> container: 'body' </code>, чтобы избежать нежелательных побочных эффектов (таких как расширение элемента и / или потеря закругленных углов при срабатывании всплывающей подсказки или всплывающего окна). </p> <h5><span class="ez-toc-section" id="i-50"> Не смешивать с другими компонентами </span></h5> <p> Не смешивать группы форм или классы столбцов сетки напрямую с группами ввода. Вместо этого вложите группу ввода внутрь группы формы или связанного с сеткой элемента.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/i1.wp.com/book.iket.us/wp-content/uploads/2020/05/coloring-page-of-phone-3.jpg' /><noscript><img src='/800/600/https/i1.wp.com/book.iket.us/wp-content/uploads/2020/05/coloring-page-of-phone-3.jpg' /></noscript> </p> <h5><span class="ez-toc-section" id="i-51"> Всегда добавляйте метки </span></h5> <p> Программы чтения с экрана будут иметь проблемы с вашими формами, если вы не добавите метку для каждого ввода.Для этих групп ввода убедитесь, что любые дополнительные метки или функции передаются вспомогательным технологиям. </p> <p> Точный метод, который будет использоваться (видимые элементы <code> <label> </code>, <code> <label> </code> элементы, скрытые с использованием класса <code> .sr-only </code>, или использование <code> aria-label </code>, <code> aria-labelledby </code>, <code> aria, описанный </code>, <code> title </code> или <code> атрибутом заполнителя </code>), и то, какая дополнительная информация потребуется передать, будет зависеть от точного типа реализуемого вами виджета интерфейса.Примеры в этом разделе представляют несколько предлагаемых подходов для конкретных случаев. </p> <h3><span class="ez-toc-section" id="i-52"> Базовый пример </span></h3> <p> Поместите одну надстройку или кнопку с обеих сторон от входа. Вы также можете разместить его по обе стороны от входа. </p> <p> <strong> Мы не поддерживаем несколько надстроек (<code> .<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/pbs.twimg.com/media/D7OmaMhXsAEUDp5.jpg' /><noscript><img src='/800/600/https/pbs.twimg.com/media/D7OmaMhXsAEUDp5.jpg' /></noscript> input-group-addon </code> или <code> .input-group-btn </code>) на одной стороне. </strong> </p> <p> <strong> Мы не поддерживаем несколько элементов управления формой в одной группе ввода. </strong> </p><pre> <code data-lang="html"> <div> <span> @ </span> <input type = "text" placeholder = "Имя пользователя" aria-describeby = "basic-addon1"> </div> <div> <input type = "text" placeholder = "Имя пользователя получателя" aria-describeby = "basic-addon2"> <span> @example.com </span> </div> <div> <span> $ </span> <input type = "text" aria-label = "Сумма (с точностью до доллара)"> <span> 0,00 </span> </div> <label for = "basic-url"> Ваш персональный URL </label> <div> <span> https://example.com/users/ </span> <input type = "text" aria-descriptionby = "basic-addon3"> </div> </code> </pre><h3><span class="ez-toc-section" id="i-53"> Размер </span></h3> <p> Добавьте классы относительного размера формы в саму <code> .input-group </code>, и содержимое внутри автоматически изменит размер — нет необходимости повторять классы размеров элемента управления формы для каждого элемента.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/pbs.twimg.com/media/EHQ_pykUYAAx8NR.jpg' /><noscript><img src='/800/600/https/pbs.twimg.com/media/EHQ_pykUYAAx8NR.jpg' /></noscript> </p><pre> <code data-lang="html"> <div> <span> @ </span> <input type = "text" placeholder = "Имя пользователя" aria-describeby = "sizing-addon1"> </div> <div> <span> @ </span> <input type = "text" placeholder = "Имя пользователя" aria-describeby = "sizing-addon2"> </div> <div> <span> @ </span> <input type = "text" placeholder = "Имя пользователя" aria-describeby = "sizing-addon3"> </div> </code> </pre><h3><span class="ez-toc-section" id="i-54"> Флажки и радио-надстройки </span></h3> <p> Поместите любой флажок или переключатель в аддон группы ввода вместо текста.</p><pre> <code data-lang="html"> <div> <div> <div> <span> <input type = "checkbox" aria-label = "..."> </span> <input type = "text" aria-label = "..."> </div> <! - / input-group -> </div> <! - /.col-lg-6 -> <div> <div> <span> <input type = "radio" aria-label = "..."> </span> <input type = "text" aria-label = "..."> </div> <! - / input-group -> </div> <! - /.Col-LG-6 -> </div> <! - /.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/i.ytimg.com/vi/a_c0-M_bmvA/maxresdefault.jpg' /><noscript><img src='/800/600/https/i.ytimg.com/vi/a_c0-M_bmvA/maxresdefault.jpg' /></noscript> row -> </code> </pre><h3><span class="ez-toc-section" id="i-55"> Дополнения кнопок </span></h3> <p> Кнопки в группах ввода немного отличаются и требуют одного дополнительного уровня вложенности. Вместо <code> .input-group-addon </code> вам нужно будет использовать <code> .input-group-btn </code> для переноса кнопок. Это необходимо из-за стилей браузера по умолчанию, которые нельзя переопределить. </p><pre> <code data-lang="html"> <div> <div> <div> <span> <button type = "button"> Вперед! </button> </span> <input type = "text" placeholder = "Искать... "> </div> <! - / input-group -> </div> <! - /.col-lg-6 -> <div> <div> <input type = "text" placeholder = "Искать ..."> <span> <button type = "button"> Вперед! </button> </span> </div> <! - / input-group -> </div> <! - /.col-lg-6 -> </div> <! - /.row -> </code> </pre><h3><span class="ez-toc-section" id="i-56"> Кнопки с раскрывающимися списками </span></h3><pre> <code data-lang="html"> <div> <div> <div> <div> <button type = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-extended = "false"> Действие <span> </span> </button> <ul> <li> <a href="#"> Действие </a> </li> <li> <a href="#"> Другое действие </a> </li> <li> <a href="#"> Здесь еще кое-что </a> </li> <li role = "separator"> </li> <li> <a href="#"> Отдельная ссылка </a> </li> </ul> </div> <! - / btn-group -> <input type = "text" aria-label = ".<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/i.ytimg.com/vi/_AtJf2ZElKI/maxresdefault.jpg' /><noscript><img src='/800/600/https/i.ytimg.com/vi/_AtJf2ZElKI/maxresdefault.jpg' /></noscript> .. "> </div> <! - / input-group -> </div> <! - /.col-lg-6 -> <div> <div> <input type = "text" aria-label = "..."> <div> <button type = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-extended = "false"> Действие <span> </span> </button> <ul> <li> <a href="#"> Действие </a> </li> <li> <a href="#"> Другое действие </a> </li> <li> <a href="#"> Здесь еще кое-что </a> </li> <li role = "separator"> </li> <li> <a href="#"> Отдельная ссылка </a> </li> </ul> </div> <! - / btn-group -> </div> <! - / input-group -> </div> <! - /.Col-LG-6 -> </div> <! - /.row -> </code> </pre><h3><span class="ez-toc-section" id="i-57"> Сегментированные кнопки </span></h3><pre> <code data-lang="html"> <div> <div> <! - Кнопка и раскрывающееся меню -> </div> <input type = "text" aria-label = "..."> </div> <div> <input type = "text" aria-label = "..."> <div> <! - Кнопка и раскрывающееся меню -> </div> </div> </code> </pre><h3><span class="ez-toc-section" id="i-58"> Несколько кнопок </span></h3> <p> Хотя у вас может быть только одно дополнение на каждой стороне, у вас может быть несколько кнопок внутри одного <code>.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/st2.depositphotos.com/4169661/9984/i/950/depositphotos_99845550-stock-photo-man-hand-writing-terrorism-has.jpg' /><noscript><img src='/800/600/https/st2.depositphotos.com/4169661/9984/i/950/depositphotos_99845550-stock-photo-man-hand-writing-terrorism-has.jpg' /></noscript> Вход-группа-БТН </code>. </p><pre> <code data-lang="html"> <div> <div> <! - Кнопки -> </div> <input type = "text" aria-label = "..."> </div> <div> <input type = "text" aria-label = "..."> <div> <! - Кнопки -> </div> </div> </code> </pre><p> Навигаторы, доступные в Bootstrap, имеют общую разметку, начиная с базового класса <code> .nav </code>, а также общие состояния. Поменяйте местами классы модификаторов для переключения между стилями. </p> <h5><span class="ez-toc-section" id="_JavaScript"> Для использования навигации для панелей вкладок требуется подключаемый модуль вкладок JavaScript. </span></h5> <p> Для вкладок с областями вкладок необходимо использовать подключаемый модуль JavaScript вкладок.Для разметки также потребуются дополнительные атрибуты <code> role, </code> и ARIA — подробности см. В примере разметки плагина. </p> <h5><span class="ez-toc-section" id="i-59"> Сделать навигацию доступной для навигации </span></h5> <p> Если вы используете навигацию для предоставления панели навигации, обязательно добавьте <code> role = "navigation" </code> в наиболее логичный родительский контейнер <code> <ul> </code> или оберните <code> <nav> </code> элемент по всей навигации.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/www.maam.ru/upload/blogs/detsad-7712-1544536783.jpg' /><noscript><img src='/800/600/https/www.maam.ru/upload/blogs/detsad-7712-1544536783.jpg' /></noscript> Не добавляйте роль к самому <code> <ul> </code>, так как это помешает ассистивным технологиям объявить его реальным списком.</p> <h3><span class="ez-toc-section" id="i-60"> Вкладки </span></h3> <p> Обратите внимание, что для класса <code> .nav-tabs </code> требуется базовый класс <code> .nav </code>. </p><pre> <code data-lang="html"> <ul> <li role = "presentation"> <a href="#"> Главная страница </a> </li> <li role = "presentation"> <a href="#"> Профиль </a> </li> <li role = "presentation"> <a href="#"> Сообщения </a> </li> </ul> </code> </pre><h3><span class="ez-toc-section" id="Pills"> Pills </span></h3> <p> Возьмите тот же HTML, но используйте вместо него <code> .nav-pills </code>: </p><pre> <code data-lang="html"> <ul> <li role = "presentation"> <a href="#"> Главная страница </a> </li> <li role = "presentation"> <a href="#"> Профиль </a> </li> <li role = "presentation"> <a href="#"> Сообщения </a> </li> </ul> </code> </pre><p> Таблетки также можно штабелировать вертикально.Просто добавьте <code> .nav-stacked </code>. </p><pre> <code data-lang="html"> <ul> .<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/allyslide.com/thumbs/eb283909ab50a60b3da4410e3b546835/img6.jpg' /><noscript><img src='/800/600/https/allyslide.com/thumbs/eb283909ab50a60b3da4410e3b546835/img6.jpg' /></noscript> .. </ul> </code> </pre><h3><span class="ez-toc-section" id="i-61"> По ширине </span></h3> <p> С легкостью делайте вкладки или таблетки равной ширине их родительской на экранах шире 768 пикселей с <code>. </code> с выравниванием по nav. На экранах меньшего размера навигационные ссылки складываются. </p> <p> <strong> Обоснованные навигационные ссылки на панели навигации в настоящее время не поддерживаются. </strong> </p> <h5><span class="ez-toc-section" id="Safari"> Safari и адаптивная навигация по ширине </span></h5> <p> Начиная с версии 9.1.2, в Safari обнаружена ошибка, при которой изменение размера браузера по горизонтали вызывает ошибки рендеринга в обоснованной навигации, которые очищаются при обновлении.Эта ошибка также проявляется в примере обоснованной навигации. </p><pre> <code data-lang="html"> <ul> ... </ul> <ul> ... </ul> </code> </pre><h3><span class="ez-toc-section" id="i-62"> Отключенные ссылки </span></h3> <p> Для любого компонента навигации (вкладки или таблетки) добавьте <code> .disabled </code> для <strong> серых ссылок и отсутствия эффектов наведения </strong>. </p> <h5><span class="ez-toc-section" id="i-63"> Не влияет на функциональность ссылки </span></h5> <p> Этот класс изменяет только внешний вид <code> <a> </code>, но не его функциональность.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/i.ytimg.com/vi/smf7n5X9XG4/maxresdefault.jpg' /><noscript><img src='/800/600/https/i.ytimg.com/vi/smf7n5X9XG4/maxresdefault.jpg' /></noscript> Используйте собственный JavaScript, чтобы отключить ссылки здесь. </p><pre> <code data-lang="html"> <ul> ... <li role = "presentation"> <a href="#"> Отключенная ссылка </a> </li> ... </ul> </code> </pre><h3><span class="ez-toc-section" id="i-64"> Использование раскрывающихся списков </span></h3> <p> Добавьте раскрывающиеся меню с небольшим дополнительным HTML и подключаемым модулем раскрывающегося списка JavaScript. </p> <h4><span class="ez-toc-section" id="i-65"> Вкладки с раскрывающимися списками </span></h4><pre> <code data-lang="html"> <ul> ... <li role = "presentation"> <a data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> Раскрывающееся меню <span> </span> </a> <ul> ... </ul> </li> ... </ul> </code> </pre><h4><span class="ez-toc-section" id="i-66"> Таблетки с раскрывающимися списками </span></h4><pre> <code data-lang="html"> <ul> ... <li role = "presentation"> <a data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> Раскрывающееся меню <span> </span> </a> <ul> ... </ul> </li> .<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/1.bp.blogspot.com/-7BIGUhwEPvw/WN9O9ysc1BI/AAAAAAAAFDs/xJRWVMeYGsktGhLZTBLPxtEqWwQKTLFbACLcB/s1600/gambar%2Bgrafiti%2Bdi%2Bkertas8.jpg' /><noscript><img src='/800/600/https/1.bp.blogspot.com/-7BIGUhwEPvw/WN9O9ysc1BI/AAAAAAAAFDs/xJRWVMeYGsktGhLZTBLPxtEqWwQKTLFbACLcB/s1600/gambar%2Bgrafiti%2Bdi%2Bkertas8.jpg' /></noscript> .. </ul> </code> </pre><h3><span class="ez-toc-section" id="i-67"> Панель навигации по умолчанию </span></h3> <p> Панели навигации — это адаптивные метакомпоненты, которые служат заголовками навигации для вашего приложения или сайта.Они начинают сворачиваться (и их можно переключать) в мобильных представлениях и становятся горизонтальными по мере увеличения доступной ширины области просмотра. </p> <p> <strong> Обоснованные навигационные ссылки на панели навигации в настоящее время не поддерживаются. </strong> </p> <h5><span class="ez-toc-section" id="i-68"> Переполнение содержимого </span></h5> <p> Поскольку Bootstrap не знает, сколько места требуется содержимому на панели навигации, у вас могут возникнуть проблемы с переносом содержимого во вторую строку. Чтобы решить эту проблему, вы можете: </p> <ol type="a"> <li> Уменьшить количество или ширину элементов навигационной панели. </li> <li> Скрыть определенные элементы навигационной панели при определенных размерах экрана с помощью гибких служебных классов.</li> <li> Измените точку, в которой панель навигации переключается между свернутым и горизонтальным режимами.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/st3.depositphotos.com/4169661/12497/i/950/depositphotos_124978604-stock-photo-women-hand-writing-take-a.jpg' /><noscript><img src='/800/600/https/st3.depositphotos.com/4169661/12497/i/950/depositphotos_124978604-stock-photo-women-hand-writing-take-a.jpg' /></noscript> Настройте переменную <code> @ grid-float-breakpoint </code> или добавьте свой собственный медиа-запрос. </li> </ol> <h5><span class="ez-toc-section" id="_JavaScript-2"> Требуется подключаемый модуль JavaScript </span></h5> <p> Если JavaScript отключен и область просмотра достаточно узкая, чтобы панель навигации сворачивалась, будет невозможно развернуть панель навигации и просмотреть содержимое в пределах <code> .navbar-collapse </code>. </p> <p> Для отзывчивой панели навигации требуется, чтобы в вашу версию Bootstrap был включен плагин свертывания.</p> <h5><span class="ez-toc-section" id="i-69"> Изменение свернутой точки останова мобильной навигационной панели </span></h5> <p> Навигационная панель сворачивается в вертикальное мобильное представление, когда область просмотра уже <code> @ grid-float-breakpoint </code>, и расширяется в свое горизонтальное немобильное представление, когда область просмотра составляет не менее <code> @ grid-float-breakpoint </code> шириной. Отрегулируйте эту переменную в источнике Less, чтобы контролировать, когда панель навигации сворачивается / расширяется.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/rusautolack.ru/storage/app/media/news/50e/chem_zapravit_marker_15.jpg' /><noscript><img src='/800/600/https/rusautolack.ru/storage/app/media/news/50e/chem_zapravit_marker_15.jpg' /></noscript> Значение по умолчанию — <code> 768 пикселей </code> (самый маленький «маленький» или «планшетный» экран). </p> <h5><span class="ez-toc-section" id="i-70"> Сделайте панели навигации доступными </span></h5> <p> Обязательно используйте элемент <code> <nav> </code> или, при использовании более общего элемента, такого как <code> <div> </code>, добавьте <code> role = "navigation" </code> к каждой панели навигации, чтобы явно идентифицировать это знаковый регион для пользователей вспомогательных технологий.</p><pre> <code data-lang="html"> <nav> <div> <! - Бренд и переключатель сгруппированы для лучшего отображения на мобильных устройствах -> <div> <button type = "button" data-toggle = "collapse" data-target = "# bs-example-navbar-collapse-1" aria-extended = "false"> <span> Переключить навигацию </span> <span> </span> <span> </span> <span> </span> </button> <a href="#"> Бренд </a> </div> <! - Соберите навигационные ссылки, формы и другой контент для переключения -> <div> <ul> <li> <a href="#"> Ссылка <span> (текущая) </span> </a> </li> <li> <a href="#"> Ссылка </a> </li> <li> <a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Раскрывающийся список <span> </span> </a> <ul> <li> <a href="#"> Действие </a> </li> <li> <a href="#"> Другое действие </a> </li> <li> <a href="#"> Здесь еще кое-что </a> </li> <li role = "separator"> </li> <li> <a href="#"> Отдельная ссылка </a> </li> <li role = "separator"> </li> <li> <a href="#"> Еще одна отдельная ссылка </a> </li> </ul> </li> </ul> <форма> <div> <input type = "text" placeholder = "Search"> </div> <button type = "submit"> Отправить </button> </form> <ul> <li> <a href="#"> Ссылка </a> </li> <li> <a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Раскрывающийся список <span> </span> </a> <ul> <li> <a href="#"> Действие </a> </li> <li> <a href="#"> Другое действие </a> </li> <li> <a href="#"> Здесь еще кое-что </a> </li> <li role = "separator"> </li> <li> <a href="#"> Отдельная ссылка </a> </li> </ul> </li> </ul> </div> <! - /.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/www.adeevee.com/aimages/201207/07/advance-paper-corporation-monami-permanent-marker-fine-diamonds-are-forever-print-350953-adeevee.jpg' /><noscript><img src='/800/600/https/www.adeevee.com/aimages/201207/07/advance-paper-corporation-monami-permanent-marker-fine-diamonds-are-forever-print-350953-adeevee.jpg' /></noscript> navbar-collapse -> </div> <! - /.container-fluid -> </nav> </code> </pre><h3><span class="ez-toc-section" id="i-71"> Изображение бренда </span></h3> <p> Замените бренд панели навигации своим собственным изображением, заменив текст на <code> <img> </code>. Поскольку <code> .navbar-brand </code> имеет собственное заполнение и высоту, вам может потребоваться переопределить некоторые CSS в зависимости от вашего изображения. </p><pre> <code data-lang="html"> <nav> <div> <div> <a href="#"> <noscript><img class="lazy lazy-hidden" alt = "Бренд" src = "..."></noscript><img class="lazyload lazy lazy-hidden" alt = "Бренд" src = "..."><noscript><img alt = "Бренд" src = "..."></noscript> </a> </div> </div> </nav> </code> </pre><h3><span class="ez-toc-section" id="i-72"> Формы </span></h3> <p> Поместите содержимое формы в <code>.navbar-form </code> для правильного вертикального выравнивания и сворачивания в узких окнах просмотра. Используйте параметры выравнивания, чтобы решить, где он находится в содержимом панели навигации. </p> <p> Напомним, что <code> .navbar-form </code> разделяет большую часть своего кода с <code> .form-inline </code> через mixin. <strong> Некоторые элементы управления формы, например группы ввода, могут требовать фиксированной ширины для правильного отображения на панели навигации.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/mtdata.ru/u23/photoEC7F/20525930857-0/original.jpg' /><noscript><img src='/800/600/https/mtdata.ru/u23/photoEC7F/20525930857-0/original.jpg' /></noscript> </strong> </p><pre> <code data-lang="html"> <form role = "search"> <div> <input type = "text" placeholder = "Search"> </div> <button type = "submit"> Отправить </button> </form> </code> </pre><h5><span class="ez-toc-section" id="i-73"> Предостережения для мобильных устройств </span></h5> <p> Есть некоторые предостережения относительно использования элементов управления формы в фиксированных элементах на мобильных устройствах.См. Дополнительную информацию в нашей документации по поддержке браузера. </p> <h5><span class="ez-toc-section" id="i-74"> Всегда добавляйте метки </span></h5> <p> Программы чтения с экрана будут иметь проблемы с вашими формами, если вы не добавите метку для каждого ввода. Для этих встроенных форм вы можете скрыть метки с помощью класса <code> .sr-only </code>. Существуют и другие альтернативные методы предоставления метки для вспомогательных технологий, такие как атрибут <code> aria-label </code>, <code> aria-labelledby </code> или <code> title </code>. Если ни один из них не присутствует, программы чтения с экрана могут прибегнуть к использованию атрибута заполнителя <code> </code>, если он присутствует, но обратите внимание, что использование заполнителя <code> </code> в качестве замены для других методов маркировки не рекомендуется.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/sun9-5.userapi.com/c851132/v851132972/5db77/7FRYbRMbnOg.jpg' /><noscript><img src='/800/600/https/sun9-5.userapi.com/c851132/v851132972/5db77/7FRYbRMbnOg.jpg' /></noscript> </p> <h3><span class="ez-toc-section" id="i-75"> Кнопки </span></h3> <p> Добавьте класс <code> .navbar-btn </code> к элементам <code> <button> </code>, не находящимся в <code> <form> </code>, чтобы центрировать их по вертикали на панели навигации. </p><pre> <code data-lang="html"> <button type = "button"> Войти </button> </code> </pre><h5><span class="ez-toc-section" id="i-76"> Использование в зависимости от контекста </span></h5> <p> Как и стандартные классы кнопок, <code> .navbar-btn </code> можно использовать на <code> <a> </code> и <code> < ввод> </code> элементов. Однако ни <code>.navbar-btn </code> и стандартные классы кнопок не должны использоваться в элементах <code> <a> </code> в пределах <code> .navbar-nav </code>. </p> <h3><span class="ez-toc-section" id="i-77"> Текст </span></h3> <p> Оберните строки текста в элемент с <code> .navbar-text </code>, обычно в тег <code> <p> </code> для правильного интерлиньяжа и цвета. </p><pre> <code data-lang="html"> <p> Вы вошли как Марк Отто </p> </code> </pre><h3><span class="ez-toc-section" id="i-78"> Не-навигационные ссылки </span></h3> <p> Для людей, использующих стандартные ссылки, не входящие в стандартный компонент навигации навигационной панели, используйте <code>.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/st2.depositphotos.com/4169661/9981/i/950/depositphotos_99817586-stock-photo-man-hand-writing-reality-with.jpg' /><noscript><img src='/800/600/https/st2.depositphotos.com/4169661/9981/i/950/depositphotos_99817586-stock-photo-man-hand-writing-reality-with.jpg' /></noscript> navbar-link </code>, чтобы добавить правильные цвета для параметров навигационной панели по умолчанию и инверсии. </p><pre> <code data-lang="html"> <p> Вы вошли как <a href="#"> Марк Отто </a> </p> </code> </pre><h3><span class="ez-toc-section" id="i-79"> Выравнивание компонентов </span></h3> <p> Выровняйте навигационные ссылки, формы, кнопки или текст с помощью панели навигации <code>. -левый </code> или <code> .navbar-right </code> служебные классы. Оба класса добавят поплавок CSS в указанном направлении. Например, чтобы выровнять навигационные ссылки, поместите их в отдельный <code> <ul> </code> с применением соответствующего служебного класса.</p> <p> Эти классы представляют собой смешанные версии <code> .pull-left </code> и <code> .pull-right </code>, но они ограничены медиа-запросами для упрощения работы с компонентами навигационной панели для устройств разных размеров. </p> <h5><span class="ez-toc-section" id="i-80"> Выравнивание нескольких компонентов по правому краю </span></h5> <p> Навигационные панели в настоящее время имеют ограничение с несколькими классами <code> .<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/i.pinimg.com/originals/71/08/a5/7108a53036b290d3702fccc9381a838f.png' /><noscript><img src='/800/600/https/i.pinimg.com/originals/71/08/a5/7108a53036b290d3702fccc9381a838f.png' /></noscript> navbar-right </code>. Чтобы правильно разместить содержимое, мы используем отрицательное поле на последнем элементе <code> .navbar-right </code>. Когда есть несколько элементов, использующих этот класс, эти поля не работают должным образом.</p> <p> Мы вернемся к этому, когда сможем переписать этот компонент в v4. </p> <h3><span class="ez-toc-section" id="Fixed_to_top"> Fixed to top </span></h3> <p> Добавьте <code> .navbar-fixed-top </code> и включите <code> .container </code> или <code> .container-fluid </code> для центрирования и заполнения содержимого навигационной панели. </p><pre> <code data-lang="html"> <nav> <div> ... </div> </nav> </code> </pre><h5><span class="ez-toc-section" id="i-81"> Требуется заполнение тела </span></h5> <p> Фиксированная панель навигации будет перекрывать остальное содержимое, если вы не добавите заполнение <code> </code> в верхнюю часть <code> <body> </code>.Попробуйте свои собственные значения или воспользуйтесь приведенным ниже фрагментом. Совет: по умолчанию высота панели навигации составляет 50 пикселей. </p><pre> <code data-lang="scss"> body {padding-top: 70px; } </code> </pre><p> Не забудьте включить этот <strong> после </strong> в основной CSS Bootstrap.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/www.viralismo.com/wp-content/uploads/2015/09/fibron.jpg' /><noscript><img src='/800/600/https/www.viralismo.com/wp-content/uploads/2015/09/fibron.jpg' /></noscript> </p> <h3><span class="ez-toc-section" id="i-82"> Зафиксировано на дне </span></h3> <p> Добавьте <code> .navbar-fixed-bottom </code> и включите <code> .container </code> или <code> .container-fluid </code> для центрирования и заполнения содержимого навигационной панели. </p><pre> <code data-lang="html"> <nav> <div> ... </div> </nav> </code> </pre><h5><span class="ez-toc-section" id="i-83"> Требуется заполнение тела </span></h5> <p> Фиксированная панель навигации будет перекрывать другой контент, если вы не добавите заполнение <code> </code> в нижнюю часть <code> <body> </code>.Попробуйте свои собственные значения или воспользуйтесь приведенным ниже фрагментом. Совет: по умолчанию высота панели навигации составляет 50 пикселей. </p><pre> <code data-lang="scss"> body {padding-bottom: 70px; } </code> </pre><p> Не забудьте включить этот <strong> после </strong> в основной CSS Bootstrap. </p> <h3><span class="ez-toc-section" id="Static_top"> Static top </span></h3> <p> Создайте полноразмерную навигационную панель, которая прокручивается вместе со страницей, добавив <code> .navbar-static-top </code> и включив <code> .container </code> или <code> .<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/demiart.ru/forum/uploads17/post-1509763-1460915264.jpg' /><noscript><img src='/800/600/https/demiart.ru/forum/uploads17/post-1509763-1460915264.jpg' /></noscript> container-fluid </code> для центрирования и заполнения содержимого навигационной панели. </p> <p> В отличие от <code>.navbar-fixed- * </code>, вам не нужно изменять какие-либо отступы в теле <code> </code>. </p><pre> <code data-lang="html"> <nav> <div> ... </div> </nav> </code> </pre><h3><span class="ez-toc-section" id="i-84"> Перевернутая панель навигации </span></h3> <p> Измените внешний вид панели навигации, добавив <code> .navbar-inverse </code>. </p><pre> <code data-lang="html"> <nav> ... </nav> </code> </pre><p> Указывает расположение текущей страницы в иерархии навигации. </p> <p> Разделители автоматически добавляются в CSS через <code>: перед </code> и <code> содержимое </code>.</p><pre> <code data-lang="html"> <ol> <li> <a href="#"> На главную </a> </li> <li> <a href="#"> Библиотека </a> </li> <li> Данные </li> </ol> </code> </pre><p> Предоставьте ссылки для разбивки на страницы для вашего сайта или приложения с помощью компонента многостраничной разбивки на страницы или более простой альтернативы пейджеру.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/drasler.ru/wp-content/uploads/2019/10/%D1%83%D0%BD%D0%B8%D1%87%D1%82%D0%BE%D0%B6%D1%8C-%D0%BC%D0%B5%D0%BD%D1%8F-%D0%BE%D0%B1%D0%B2%D0%B5%D0%B4%D0%B8-%D1%81%D0%B2%D0%BE%D1%8E-%D1%80%D1%83%D0%BA%D1%83-013.jpg' /><noscript><img src='/800/600/https/drasler.ru/wp-content/uploads/2019/10/%D1%83%D0%BD%D0%B8%D1%87%D1%82%D0%BE%D0%B6%D1%8C-%D0%BC%D0%B5%D0%BD%D1%8F-%D0%BE%D0%B1%D0%B2%D0%B5%D0%B4%D0%B8-%D1%81%D0%B2%D0%BE%D1%8E-%D1%80%D1%83%D0%BA%D1%83-013.jpg' /></noscript> </p> <p> Простая разбивка на страницы, вдохновленная Rdio, отлично подходит для приложений и результатов поиска. Большой блок трудно пропустить, он легко масштабируется и обеспечивает большие области щелчка.</p><pre> <code data-lang="html"> <nav aria-label = "Навигация по странице"> <ul> <li> <a href="#" aria-label="Previous"> <span aria-hidden = "true"> & laquo; </span> </a> </li> <li> <a href="#"> 1 </a> </li> <li> <a href="#"> 2 </a> </li> <li> <a href="#"> 3 </a> </li> <li> <a href="#"> 4 </a> </li> <li> <a href="#"> 5 </a> </li> <li> <a href="#" aria-label="Next"> <span aria-hidden = "true"> & raquo; </span> </a> </li> </ul> </nav> </code> </pre><h4><span class="ez-toc-section" id="i-85"> Активное и отключенное состояния </span></h4> <p> Ссылки можно настроить для различных условий.Используйте <code> .disabled </code> для не кликабельных ссылок и <code> .active </code> для обозначения текущей страницы. </p><pre> <code data-lang="html"> <nav aria-label = ".<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/gimpbnksb.ru/_fr/12/3548608.gif' /><noscript><img src='/800/600/https/gimpbnksb.ru/_fr/12/3548608.gif' /></noscript> .."> <ul> <li> <a href="#" aria-label="Previous"> <span aria-hidden = "true"> & laquo; </span> </a> </li> <li> <a href="#"> 1 <span> (текущий) </span> </a> </li> ... </ul> </nav> </code> </pre><p> Мы рекомендуем вам заменить активные или отключенные привязки на <code> <span> </code> или опустить привязку в случае стрелок «предыдущий / следующий», чтобы удалить функциональность щелчка при сохранении заданных стилей.</p><pre> <code data-lang="html"> <nav aria-label = "..."> <ul> <li> <span> <span aria-hidden = "true"> & laquo; </span> </span> </li> <li> <span> 1 <span> (текущий) </span> </span> </li> ... </ul> </nav> </code> </pre><h4><span class="ez-toc-section" id="i-86"> Размер </span></h4> <p> Хотите больше или меньше страниц? Добавьте <code> .pagination-lg </code> или <code> .pagination-sm </code> для дополнительных размеров. </p><pre> <code data-lang="html"> <nav aria-label = "... "> <ul> ... </ul> </nav> <nav aria-label = "..."> <ul> ... </ul> </nav> <nav aria-label = ".<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/i.ytimg.com/vi/XdRuBy8Dyx8/maxresdefault.jpg' /><noscript><img src='/800/600/https/i.ytimg.com/vi/XdRuBy8Dyx8/maxresdefault.jpg' /></noscript> .."> <ul> ... </ul> </nav> </code> </pre><p> Быстрые предыдущие и следующие ссылки для простых реализаций разбивки на страницы с легкой разметкой и стилями. Он отлично подходит для простых сайтов, таких как блоги или журналы. </p> <h4><span class="ez-toc-section" id="i-87"> Пример по умолчанию </span></h4> <p> По умолчанию пейджер центрирует ссылки. </p><pre> <code data-lang="html"> <nav aria-label = "..."> <ul> <li> <a href="#"> Предыдущий </a> </li> <li> <a href="#"> Далее </a> </li> </ul> </nav> </code> </pre><h4><span class="ez-toc-section" id="i-88"> Выровненные ссылки </span></h4> <p> В качестве альтернативы вы можете выровнять каждую ссылку по сторонам: </p><pre> <code data-lang="html"> <nav aria-label = "... "> <ul> <li> <a href="#"> <span aria-hidden = "true"> & larr; </span> Раньше </a> </li> <li> <a href="#"> Более новая <span aria-hidden = "true"> & rarr; </span> </a> </li> </ul> </nav> </code> </pre><h4><span class="ez-toc-section" id="i-89"> Необязательное отключенное состояние </span></h4> <p> Ссылки на пейджер также используют общий служебный класс <code> .disabled </code> из разбивки на страницы.<img class="lazy lazy-hidden" src="//74foto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/allday1.com/imagedb/c4/a/6214929154d1f7390f1bd4f364c3d.jpg' /><noscript><img src='/800/600/https/allday1.com/imagedb/c4/a/6214929154d1f7390f1bd4f364c3d.jpg' /></noscript> </p><pre> <code data-lang="html"> <nav aria-label = "..."> <ul> <li> <a href="#"> <span aria-hidden = "true"> & larr; </span> Раньше </a> </li> <li> <a href="#"> Более новая <span aria-hidden = "true"> & rarr; </span> </a> </li> </ul> </nav> </code> </pre><h3><span class="ez-toc-section" id="i-90"> Пример </span></h3> <p> <h3><span class="ez-toc-section" id="i-91"> Пример заголовка Новый </span></h3> <h4><span class="ez-toc-section" id="i-92"> Пример заголовка Новый </span></h4> <h5><span class="ez-toc-section" id="i-93"> Пример заголовка Новый </span></h5> <h5><span class="ez-toc-section" id="i-94"> Пример заголовка Новый </span></h5> <h6><span class="ez-toc-section" id="i-95"> Пример заголовка Новый </span></h6> </p><pre> <code data-lang="html"> <h4><span class="ez-toc-section" id="i-96"> Пример заголовка </span></h4><span> Новый </ span > </h4> </code> </pre><h3><span class="ez-toc-section" id="i-97"> Доступные варианты </span></h3> <p> Добавьте любой из указанных ниже классов модификаторов, чтобы изменить внешний вид метки.</p> <p> По умолчанию Основная информация об успехе Предупреждение Опасность </p><pre> <code data-lang="html"> <span> По умолчанию </span> <span> Первичный </span> <span> Успех </span> <span> Информация </span> <span> Предупреждение </span> <span> Опасно </span> </code> </pre><h5><span class="ez-toc-section" id="i-98"> Есть тонны этикеток? </span></h5> <p> Проблемы с отображением могут возникнуть, когда у вас есть десятки встроенных меток в узком контейнере, каждая из которых содержит свой собственный элемент <code> inline-block </code> (например, значок). Чтобы обойти это, установите <code> display: inline-block; </code>.Для контекста и примера см. № 13219. </p> <p> Легко выделяйте новые или непрочитанные элементы, добавляя <code> <span> </code> к ссылкам, навигации Bootstrap и т. Д. </p><pre> <code data-lang="html"> <a href="#"> Входящие <span> 42 </span> </a> <button type = "button"> Сообщения <span> 4 </span> </button> </code> </pre><h5><span class="ez-toc-section" id="i-99"> Самостоятельное сворачивание </span></h5> <p> Когда нет новых или непрочитанных элементов, значки просто сворачиваются (через CSS-селектор <code>: пустой </code>) при условии, что внутри нет содержимого.</p> <h5><span class="ez-toc-section" id="i-100"> Кроссбраузерная совместимость </span></h5> <p> Значки не сбрасываются автоматически в Internet Explorer 8, поскольку в нем отсутствует поддержка селектора <code>: пустой </code>. </p> <h5><span class="ez-toc-section" id="i-101"> Адаптируется к активным состояниям навигации </span></h5> <p> Включены встроенные стили для размещения значков в активных состояниях при навигации по таблетке. </p><pre> <code data-lang="html"> <ul role = "tablist"> <li role = "presentation"> <a href="#"> Домашняя страница <span> 42 </span> </a> </li> <li role = "presentation"> <a href="#"> Профиль </a> </li> <li role = "presentation"> <a href="#"> Сообщения <span> 3 </span> </a> </li> </ul> </code> </pre><p> Легкий, гибкий компонент, который при желании может расширять всю область просмотра для демонстрации ключевого контента на вашем сайте.</p> <p> Это простой отряд-герой, простой компонент в стиле jumbotron для привлечения дополнительного внимания к избранному контенту или информации. </p> <p> Узнать больше </p><pre> <code data-lang="html"> <div> <h2><span class="ez-toc-section" id="i-102"> Привет, мир! </span></h2> <p> ... </p> <p> <a href="#" role="button"> Подробнее… </a> </p> </div> </code> </pre><p> Чтобы сделать jumbotron полной ширины и без закругленных углов, поместите его снаружи всех <code> .container </code> s и вместо этого добавьте <code>.контейнер </code> внутри. </p><pre> <code data-lang="html"> <div> <div> ... </div> </div> </code> </pre><p> Простая оболочка для <code> h2 </code> для надлежащего разделения и сегментации разделов содержимого на странице. Он может использовать маленький элемент </code> <code> h2 </code> по умолчанию, а также большинство других компонентов (с дополнительными стилями). </p><pre> <code data-lang="html"> <div> <h2><span class="ez-toc-section" id="i-103"> Пример заголовка страницы </span></h2><small> Подтекст для заголовка </small> </h2> </div> </code> </pre><p> Расширьте систему сеток Bootstrap с помощью компонента эскизов, чтобы легко отображать сетки изображений, видео, текста и т. д.</p> <p> Если вы ищете представление эскизов разной высоты и / или ширины в стиле Pinterest, вам потребуется сторонний плагин, например Masonry, Isotope или Salvattore. </p> <h3><span class="ez-toc-section" id="i-104"> Пример по умолчанию </span></h3> <p> По умолчанию эскизы Bootstrap предназначены для демонстрации связанных изображений с минимальной необходимой разметкой. </p><pre> <code data-lang="html"> <div> <div> <a href="#"> <noscript><img class="lazy lazy-hidden" src = "..." alt = "..."></noscript><img class="lazyload lazy lazy-hidden" src = "..." alt = "..."><noscript><img src = "..." alt = "..."></noscript> </a> </div> ... </div> </code> </pre><h3><span class="ez-toc-section" id="i-105"> Пользовательское содержимое </span></h3> <p> С небольшой дополнительной разметкой можно добавить в эскизы любой тип HTML-содержимого, например заголовки, абзацы или кнопки.</p> <h4><span class="ez-toc-section" id="i-106"> Этикетка для миниатюр </span></h4> <p> Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies Vehicula ut id elit. </p> <p> Кнопка Кнопка </p> <h4><span class="ez-toc-section" id="i-107"> Этикетка для миниатюр </span></h4> <p> Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies Vehicula ut id elit. </p> <p> Кнопка Кнопка </p> <h4><span class="ez-toc-section" id="i-108"> Этикетка для миниатюр </span></h4> <p> Cras justo odio, dapibus ac facilisis in, egestas eget quam.Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies Vehicula ut id elit. </p> <p> Кнопка Кнопка </p><pre> <code data-lang="html"> <div> <div> <div> <noscript><img class="lazy lazy-hidden" src = "..." alt = "..."></noscript><img class="lazyload lazy lazy-hidden" src = "..." alt = "..."><noscript><img src = "..." alt = "..."></noscript> <div> <h4><span class="ez-toc-section" id="i-109"> Ярлык эскиза </span></h4> <p> ... </p> <p> <a href="#" role="button"> Button </a> <a href="#" role="button"> Button </a> </p> </div> </div> </div> </div> </code> </pre><p> Предоставляйте контекстные сообщения обратной связи для типичных действий пользователя с помощью нескольких доступных и гибких предупреждающих сообщений.</p> <h3><span class="ez-toc-section" id="i-110"> Примеры </span></h3> <p> Оберните любой текст и дополнительную кнопку закрытия в <code> .alert </code> и один из четырех контекстных классов (например, <code> .alert-success </code>) для основных предупреждающих сообщений. </p> <h5><span class="ez-toc-section" id="i-111"> Нет класса по умолчанию </span></h5> <p> Предупреждения не имеют классов по умолчанию, только базовые классы и классы-модификаторы. Серое предупреждение по умолчанию не имеет особого смысла, поэтому вам необходимо указать тип через контекстный класс. Выбирайте из успеха, информации, предупреждения или опасности. </p> <p> <strong> Молодец! </strong> Вы успешно прочитали это важное предупреждающее сообщение.</p> <p> <strong> Внимание! </strong> Это предупреждение требует вашего внимания, но оно не особо важно. </p> <p> <strong> Внимание! </strong> Лучше проверьте себя, вы не очень хорошо выглядите. </p> <p> <strong> Ах да! </strong> Измените кое-что и попробуйте отправить еще раз. </p><pre> <code data-lang="html"> <div role = "alert"> ... </div> <div role = "alert"> ... </div> <div role = "alert"> ... </div> <div role = "alert"> ... </div> </code> </pre><h3><span class="ez-toc-section" id="i-112"> Отключаемые оповещения </span></h3> <p> Создайте любое оповещение, добавив необязательный <code>.предупреждение-отключение </code> и кнопка закрытия. </p> <p> × <strong> Внимание! </strong> Лучше проверьте себя, вы не очень хорошо выглядите. </p><pre> <code data-lang="html"> <div role = "alert"> <button type = "button" data-dismiss = "alert" aria-label = "Close"> <span aria-hidden = "true"> & times; </span> </button> <strong> Предупреждение! </strong> Лучше проверьте себя, вы не очень хорошо выглядите. </div> </code> </pre><h5><span class="ez-toc-section" id="i-113"> Обеспечьте правильное поведение на всех устройствах </span></h5> <p> Обязательно используйте элемент <code> <button> </code> с атрибутом данных <code> data-dismiss = "alert" </code>.</p> <h3><span class="ez-toc-section" id="i-114"> Ссылки в предупреждениях </span></h3> <p> Используйте служебный класс <code> .alert-link </code>, чтобы быстро предоставить соответствующие цветные ссылки в любом предупреждении. </p><pre> <code data-lang="html"> <div role = "alert"> <a href="#"> ... </a> </div> <div role = "alert"> <a href="#"> ... </a> </div> <div role = "alert"> <a href="#"> ... </a> </div> <div role = "alert"> <a href="#"> ... </a> </div> </code> </pre><p> Обеспечивайте актуальную обратную связь о ходе рабочего процесса или действия с помощью простых, но гибких индикаторов выполнения.</p> <h5><span class="ez-toc-section" id="i-115"> Кроссбраузерная совместимость </span></h5> <p> Индикаторы выполнения используют переходы и анимацию CSS3 для достижения некоторых эффектов. Эти функции не поддерживаются в Internet Explorer 9 и ниже или более ранних версиях Firefox. Opera 12 не поддерживает анимацию. </p> <h5><span class="ez-toc-section" id="_CSP"> Совместимость с политикой безопасности контента (CSP) </span></h5> <p> Если на вашем веб-сайте есть политика безопасности контента (CSP), которая не разрешает <code> style-src 'unsafe-inline' </code>, то вы не сможете использовать встроенный стиль <code> </code> для установки ширины индикатора выполнения, как показано в наших примерах ниже.Альтернативные методы установки ширины, совместимые со строгими CSP, включают использование небольшого пользовательского JavaScript (который устанавливает <code> element.style.width </code>) или использование пользовательских классов CSS. </p> <h3><span class="ez-toc-section" id="i-116"> Базовый пример </span></h3> <p> Индикатор выполнения по умолчанию. </p><pre> <code data-lang="html"> <div> <div role = "progressbar" aria-valuenow = "60" aria-valuemin = "0" aria-valuemax = "100"> <span> Выполнено на 60% </span> </div> </div> </code> </pre><h3><span class="ez-toc-section" id="i-117"> С этикеткой </span></h3> <p> Удалите <code> <span> </code> с <code>.sr-only </code> внутри индикатора выполнения, чтобы показать видимый процент. </p><pre> <code data-lang="html"> <div> <div role = "progressbar" aria-valuenow = "60" aria-valuemin = "0" aria-valuemax = "100"> 60% </div> </div> </code> </pre><p> Чтобы текст метки оставался разборчивым даже для малых процентов, рассмотрите возможность добавления <code> min-width </code> к индикатору выполнения. </p><pre> <code data-lang="html"> <div> <div role = "progressbar" aria-valuenow = "0" aria-valuemin = "0" aria-valuemax = "100"> 0% </div> </div> <div> <div role = "progressbar" aria-valuenow = "2" aria-valuemin = "0" aria-valuemax = "100"> 2% </div> </div> </code> </pre><h3><span class="ez-toc-section" id="i-118"> Контекстные альтернативы </span></h3> <p> Индикаторы выполнения используют одни и те же кнопки и классы предупреждений для согласованных стилей.</p><pre> <code data-lang="html"> <div> <div role = "progressbar" aria-valuenow = "40" aria-valuemin = "0" aria-valuemax = "100"> <span> Выполнено на 40% (успешно) </span> </div> </div> <div> <div role = "progressbar" aria-valuenow = "20" aria-valuemin = "0" aria-valuemax = "100"> <span> Готово на 20% </span> </div> </div> <div> <div role = "progressbar" aria-valuenow = "60" aria-valuemin = "0" aria-valuemax = "100"> <span> Готово на 60% (предупреждение) </span> </div> </div> <div> <div role = "progressbar" aria-valuenow = "80" aria-valuemin = "0" aria-valuemax = "100"> <span> Выполнено на 80% (опасность) </span> </div> </div> </code> </pre><h3><span class="ez-toc-section" id="i-119"> Полосатый </span></h3> <p> Использует градиент для создания эффекта полос.Недоступно в IE9 и ниже. </p><pre> <code data-lang="html"> <div> <div role = "progressbar" aria-valuenow = "40" aria-valuemin = "0" aria-valuemax = "100"> <span> Выполнено на 40% (успешно) </span> </div> </div> <div> <div role = "progressbar" aria-valuenow = "20" aria-valuemin = "0" aria-valuemax = "100"> <span> Готово на 20% </span> </div> </div> <div> <div role = "progressbar" aria-valuenow = "60" aria-valuemin = "0" aria-valuemax = "100"> <span> Готово на 60% (предупреждение) </span> </div> </div> <div> <div role = "progressbar" aria-valuenow = "80" aria-valuemin = "0" aria-valuemax = "100"> <span> Выполнено на 80% (опасность) </span> </div> </div> </code> </pre><h3><span class="ez-toc-section" id="i-120"> Анимированный </span></h3> <p> Добавьте <code>.active от </code> до <code> .progress-bar-striped </code> для анимации полос справа налево. Недоступно в IE9 и ниже. </p><pre> <code data-lang="html"> <div> <div role = "progressbar" aria-valuenow = "45" aria-valuemin = "0" aria-valuemax = "100"> <span> Выполнено на 45% </span> </div> </div> </code> </pre><h3><span class="ez-toc-section" id="Stacked"> Stacked </span></h3> <p> Поместите несколько стержней в один и тот же <code> .progress </code>, чтобы сложить их. </p> <p> 35% Завершено (успешно) </p> <p> 20% Завершено (предупреждение) </p> <p> 10% Завершено (опасность) </p><pre> <code data-lang="html"> <div> <div> <span> Выполнено на 35% (успешно) </span> </div> <div> <span> Готово на 20% (предупреждение) </span> </div> <div> <span> Выполнено на 10% (опасность) </span> </div> </div> </code> </pre><p> Стили абстрактных объектов для создания различных типов компонентов (например, комментариев в блогах, твитов и т. д.), которые содержат выровненное по левому или правому краю изображение рядом с текстовым содержимым.</p> <p> Мультимедиа по умолчанию отображает мультимедийный объект (изображения, видео, аудио) слева или справа от блока содержимого. </p><pre> <code data-lang="html"> <div> <div> <a href="#"> <noscript><img class="lazy lazy-hidden" src = "..." alt = "..."></noscript><img class="lazyload lazy lazy-hidden" src = "..." alt = "..."><noscript><img src = "..." alt = "..."></noscript> </a> </div> <div> <h5><span class="ez-toc-section" id="i-121"> Медиа-заголовок </span></h5> ... </div> </div> </code> </pre><p> Классы <code> .pull-left </code> и <code> .pull-right </code> также существуют и ранее использовались как часть медиа-компонента, но не рекомендуются для такого использования с версии v3.3.0. Они приблизительно эквивалентны <code> .media-left </code> и <code> .media-right </code>, за исключением того, что <code> .media-right </code> следует помещать после <code> .media-body </code> в html. </p> <p> Изображения или другой носитель можно выровнять по верхнему, среднему или нижнему краю. По умолчанию выравнивается по верхнему краю. </p><pre> <code data-lang="html"> <div> <div> <a href="#"> <noscript><img class="lazy lazy-hidden" src = "..." alt = "..."></noscript><img class="lazyload lazy lazy-hidden" src = "..." alt = "..."><noscript><img src = "..." alt = "..."></noscript> </a> </div> <div> <h5><span class="ez-toc-section" id="i-122"> Медиа с выравниванием по центру </span></h5> ... </div> </div> </code> </pre><p> С небольшой дополнительной разметкой вы можете использовать медиа внутри списка (полезно для цепочек комментариев или списков статей). </p><pre> <code data-lang="html"> <ul> <li> <div> <a href="#"> <noscript><img class="lazy lazy-hidden" src = "..." alt = "..."></noscript><img class="lazyload lazy lazy-hidden" src = "..." alt = "..."><noscript><img src = "..." alt = "..."></noscript> </a> </div> <div> <h5><span class="ez-toc-section" id="i-123"> Медиа-заголовок </span></h5> ... </div> </li> </ul> </code> </pre><p> Группы списков — это гибкий и мощный компонент для отображения не только простых списков элементов, но и сложных с настраиваемым содержимым.</p> <h3><span class="ez-toc-section" id="i-124"> Базовый пример </span></h3> <p> Самая основная группа списков — это просто неупорядоченный список с элементами списка и соответствующими классами. Развивайте его, используя следующие параметры или свой собственный CSS по мере необходимости. </p> <ul> <li> Cras justo odio </li> <li> Dapibus ac facilisis in </li> <li> Morbi leo risus </li> <li> Porta ac Concectetur ac </li> <li> Vestibulum at Eros </li> </ul><pre> <code data-lang="html"> <ul> <li> Cras justo odio </li> <li> Dapibus ac facilisis в </li> <li> Morbi leo risus </li> <li> Porta ac Concectetur AC </li> <li> Вестибулум на Эросе. </li> </ul> </code> </pre><h3><span class="ez-toc-section" id="i-125"> Значки </span></h3> <p> Добавьте компонент значков к любому элементу группы списка, и он автоматически будет расположен справа.</p> <ul> <li> 14 Cras justo odio </li> <li> 2 Dapibus ac facilisis в </li> <li> 1 Morbi leo risus </li> </ul><pre> <code data-lang="html"> <ul> <li> <span> 14 </span> Cras Justo Odio </li> </ul> </code> </pre><h3><span class="ez-toc-section" id="i-126"> Связанные элементы </span></h3> <p> Свяжите элементы группы списка, используя теги привязки вместо элементов списка (это также означает родительский <code> <div> </code> вместо <code> <ul> </code>). Нет необходимости в отдельных родителях для каждого элемента.</p><pre> <code data-lang="html"> <div> <a href="#"> Cras Justo Odio </a> <a href="#"> Dapibus ac facilisis в </a> <a href="#"> Morbi leo risus </a> <a href="#"> Porta ac Concectetur ac </a> <a href="#"> Вестибулум на эросе </a> </div> </code> </pre><h3><span class="ez-toc-section" id="i-127"> Элементы кнопок </span></h3> <p> Элементы группы списка могут быть кнопками вместо элементов списка (это также означает родительский элемент <code> <div> </code> вместо <code> <ul> </code>). Нет необходимости в отдельных родителях для каждого элемента.<strong> Не используйте здесь стандартные классы <code> .btn </code>. </strong> </p> <p> Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consctetur ac Vestibulum at Eros </p><pre> <code data-lang="html"> <div> <button type = "button"> Cras justo odio </button> <button type = "button"> Dapibus ac facilisis в </button> <button type = "button"> Morbi leo risus </button> <button type = "button"> Порт для переменного тока </button> <button type = "button"> Вестибулум на эросе </button> </div> </code> </pre><h3><span class="ez-toc-section" id="i-128"> Неактивные элементы </span></h3> <p> Добавьте <code>.disabled </code> в <code> .list-group-item </code>, чтобы он был серым, чтобы он выглядел отключенным. </p><pre> <code data-lang="html"> <div> <a href="#"> Cras Justo Odio </a> <a href="#"> Dapibus ac facilisis в </a> <a href="#"> Morbi leo risus </a> <a href="#"> Porta ac Concectetur ac </a> <a href="#"> Вестибулум на эросе </a> </div> </code> </pre><h3><span class="ez-toc-section" id="i-129"> Контекстные классы </span></h3> <p> Используйте контекстные классы для стилизации элементов списка, по умолчанию или связанных.Также включает <code> .активное состояние </code>. </p> <ul> <li> Dapibus ac facilisis в </li> <li> Cras sit amet nibh libero </li> <li> Porta ac Concectetur ac </li> <li> Вестибулум на Эросе </li> </ul><pre> <code data-lang="html"> <ul> <li> Dapibus ac facilisis в </li> <li> Cras sit amet nibh libero </li> <li> Porta ac Concectetur AC </li> <li> Вестибулум на Эросе. </li> </ul> <div> <a href="#"> Dapibus ac facilisis в </a> <a href="#"> Cras sit amet nibh libero </a> <a href="#"> Porta ac Concectetur ac </a> <a href="#"> Вестибулум на эросе </a> </div> </code> </pre><h3><span class="ez-toc-section" id="i-130"> Пользовательское содержимое </span></h3> <p> Добавьте практически любой HTML-код внутри, даже для связанных групп списков, подобных приведенной ниже.</p><pre> <code data-lang="html"> <div> <a href="#"> <h5><span class="ez-toc-section" id="i-131"> Заголовок элемента группы списка </span></h5> <p> ... </p> </a> </div> </code> </pre><p> Хотя это не всегда необходимо, иногда вам нужно поместить DOM в коробку. В таких ситуациях попробуйте компонент панели. </p> <h3><span class="ez-toc-section" id="i-132"> Базовый пример </span></h3> <p> По умолчанию все, что делает <code> .panel </code>, это применяет некоторую базовую границу и отступы для содержания некоторого содержимого. </p><pre> <code data-lang="html"> <div> <div> Пример базовой панели </div> </div> </code> </pre><h3><span class="ez-toc-section" id="i-133"> Панель с заголовком </span></h3> <p> Легко добавьте контейнер заголовка на свою панель с помощью <code>.панельная товарная позиция </code>. Вы также можете включить любой <code> <h2> </h2></code>–<code> <h6> </h6></code> с классом <code> .panel-title </code>, чтобы добавить предварительно стилизованный заголовок. Однако размеры шрифта <code> <h2> </h2></code>–<code> <h6> </h6></code> заменяются <code> .panel-heading </code>. </p> <p> Для правильной раскраски ссылок обязательно размещайте ссылки в заголовках в пределах <code> .panel-title </code>. </p> <p> Заголовок панели без названия </p> <p> Содержание панели </p> <p> <h4><span class="ez-toc-section" id="i-134"> Название панели </span></h4> </p> <p> Содержание панели </p><pre> <code data-lang="html"> <div> <div> Заголовок панели без заголовка </div> <div> Содержание панели </div> </div> <div> <div> <h4><span class="ez-toc-section" id="i-135"> Заголовок панели </span></h4> </div> <div> Содержание панели </div> </div> </code> </pre><p> Перенести кнопки или дополнительный текст в <code>.нижний колонтитул </code>. Обратите внимание, что нижние колонтитулы <strong> панели </strong> не наследуют цвета и границы при использовании контекстных вариаций, поскольку они не предназначены для размещения на переднем плане. </p><pre> <code data-lang="html"> <div> <div> Содержание панели </div> <div> Нижний колонтитул панели </div> </div> </code> </pre><h3><span class="ez-toc-section" id="i-136"> Контекстные альтернативы </span></h3> <p> Как и другие компоненты, легко сделать панель более значимой для конкретного контекста, добавив любой из классов контекстного состояния. </p> <p> <h4><span class="ez-toc-section" id="i-137"> Название панели </span></h4> </p> <p> Содержание панели </p> <p> <h4><span class="ez-toc-section" id="i-138"> Название панели </span></h4> </p> <p> Содержание панели </p> <p> <h4><span class="ez-toc-section" id="i-139"> Название панели </span></h4> </p> <p> Содержание панели </p> <p> <h4><span class="ez-toc-section" id="i-140"> Название панели </span></h4> </p> <p> Содержание панели </p> 9000 905 </h4> </p><pre> <code data-lang="html"> <div>... </div> <div> ... </div> <div> ... </div> <div> ... </div> <div> ... </div> </code> </pre><h3><span class="ez-toc-section" id="i-141"> С таблицами </span></h3> <p> Добавьте любую безграничную <code> .table </code> в панель для создания бесшовного дизайна. Если есть <code> .panel-body </code>, мы добавляем дополнительную границу в верхнюю часть таблицы для разделения. </p> <p> Заголовок панели </p> <p> Здесь некое содержимое панели по умолчанию. Nulla vitae elit libero, pharetra augue. Aenean lacinia bibendum nulla sed Conctetur.Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies Vehicula ut id elit. </p> <table> <thead> <tr> <th> # </th> <th> Имя </th> <th> Фамилия </th> <th> Имя пользователя </th> </tr> </thead> <tbody> <tr> <th scope="row"> 1 </th> <td> Марка </td> <td> Otto </td> <td> @mdo </td> </tr> 9000 Th3 <th scope="row"> <td> <td> Jacobs </tr> <tr> <th scope="row"> 3 </th> <td> Ларри </td> <td> Птица </td> <td> @twitter </td> </tr> </tbody> </table><pre> <code data-lang="html"> <div> <! - Содержимое панели по умолчанию -> <div> Заголовок панели </div> <div> <p>... </p> </div> <! - Таблица -> <таблица> ... </table> </div> </code> </pre><p> Если тело панели отсутствует, компонент перемещается из заголовка панели в таблицу без прерывания. </p> <p> Заголовок панели </p> <table> <thead> <tr> <th> # </th> <th> Имя </th> <th> Фамилия </th> <th> Имя пользователя </th> </tr> </thead> <tbody> <tr> <th scope="row"> 1 </th> <td> Марк </td> <td> Otto </td> <td> @mdo </tbody>00 <p>00 <p>00 <p>00 <p>00 <p>00 9307 <td> @fat </td> </tr> <tr> <th scope="row"> 3 </th> <td> Ларри </td> <td> Птица </td> <td> @twitter </td> </tr> </tbody> </table><pre> <code data-lang="html"> <div> <! - Содержимое панели по умолчанию -> <div> Заголовок панели </div> <! - Таблица -> <таблица> ... </table> </div> </code> </pre><h3><span class="ez-toc-section" id="i-142"> С группами списков </span></h3> <p> Простое добавление полноразмерных групп списков в любую панель. </p> <p> Заголовок панели </p> <p> Здесь некое содержимое панели по умолчанию. Nulla vitae elit libero, pharetra augue. Aenean lacinia bibendum nulla sed Conctetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies Vehicula ut id elit. </p> <ul> <li> Cras justo odio </li> <li> Dapibus ac facilisis in </li> <li> Morbi leo risus </li> <li> Porta ac Concectetur ac </li> <li> Vestibulum at eros </li> </ul><pre> <code data-lang="html"> <div> <! - Содержимое панели по умолчанию -> <div> Заголовок панели </div> <div> <p>... </p> </div> <! - Группа списка -> <ul> <li> Cras justo odio </li> <li> Dapibus ac facilisis в </li> <li> Morbi leo risus </li> <li> Porta ac Concectetur AC </li> <li> Вестибулум на Эросе. </li> </ul> </div> </code> </pre><p> Разрешить браузерам определять размеры видео или слайд-шоу на основе ширины содержащего их блока, создавая внутреннее соотношение, которое будет правильно масштабироваться на любом устройстве.</p> <p> Правила применяются непосредственно к элементам <code> <iframe> </code>, <code> <embed> </code>, <code> <video> </code> и <code> <object> </code>; при необходимости используйте явный класс-потомок <code> .embed-responseive-item </code>, если вы хотите согласовать стиль для других атрибутов. </p> <p> <strong> Pro-Tip! </strong> Вам не нужно включать <code> frameborder = "0" </code> в ваши <code> <iframe> </code> s, поскольку мы переопределяем это для вас. </p> <p> <iframe src="//www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen=""/> </iframe> </p><pre> <code data-lang="html"> <! - Соотношение сторон 16: 9 -> <div> <iframe src = "... "> </iframe> </div> <! - Соотношение сторон 4: 3 -> <div> <iframe src = "..."> </iframe> </div> </code> </pre><h3><span class="ez-toc-section" id="i-143"> Лунка по умолчанию </span></h3> <p> Используйте лунку как простой эффект для элемента, чтобы придать ему эффект вставки. </p><pre> <code data-lang="html"> <div> ... </div> </code> </pre><h3><span class="ez-toc-section" id="i-144"> Дополнительные классы </span></h3> <p> Управляйте заполнением и закругленными углами с двумя дополнительными классами модификаторов. </p> <p> Смотри, я в большом колодце! </p><pre> <code data-lang="html"> <div>... </div> </code> </pre><p> Смотри, я в маленьком колодце! </p><pre> <code data-lang="html"> <div> ... </div> </code> </pre><h2><span class="ez-toc-section" id="Themify_Icons_320"> Themify Icons — 320+ бесплатных иконок для веб-дизайна и приложений </span></h2> <h4><span class="ez-toc-section" id="i-145"> Значки со стрелками и направлениями </span></h4> <p> ти-стрелка вверх </p> <p> ти-стрелка-вправо </p> <p> ти-стрелка-влево </p> <p> ти-стрелка вниз </p> <p> ти-стрелки-вертикальные </p> <p> ти-стрелки-горизонтальные </p> <p> ti-angle-up </p> <p> ти-угол-право </p> <p> ти-угол-влево </p> <p> ti-angle-down </p> <p> ти-угол-удвоение </p> <p> ти-угол-двойной-вправо </p> <p> ти-угол-двойной-левый </p> <p> ti-angle-double-down </p> <p> ти-ход </p> <p> ti-полноэкранный </p> <p> ти-стрелка-вверх-вправо </p> <p> ти-стрелка-вверху-слева </p> <p> ти-стрелка-кружок </p> <p> ти-стрелка-кружок-вправо </p> <p> ти-стрелка-кружок-влево </p> <p> ти-стрелка-кружок-вниз </p> <p> ти-стрелки-угол </p> <p> ti-split-v </p> <p> ti-split-v-alt </p> <p> ти-сплит-ч </p> <p> ti-hand-point-up </p> <p> ti-hand-point-right </p> <p> ti-hand-point-left </p> <p> ти-рука-точка-вниз </p> <p> ти-бэк-правый </p> <p> ти-бэк-лево </p> <p> ti-exchange-вертикаль </p> <h4><span class="ez-toc-section" id="i-146"> Иконки веб-приложений </span></h4> <p> ти-палочка </p> <p> ти-сохранить </p> <p> ti-save-alt </p> <p> ti-направление </p> <p> ti-direction-alt </p> <p> ти-пользователь </p> <p> ти-ссылка </p> <p> ти-разорвать связь </p> <p> ти-трэш </p> <p> ти-цель </p> <p> ти-тег </p> <p> ti-рабочий стол </p> <p> ти-планшет </p> <p> ти-мобайл </p> <p> ti-email </p> <p> ти-звезда </p> <p> ти-спрей </p> <p> ти-сигнал </p> <p> ti-shopping-cart </p> <p> ti-shopping-cart-full </p> <p> ti-настройки </p> <p> ti-search </p> <p> ти-приближение </p> <p> ти-уменьшение </p> <p> ti-cut </p> <p> ти-правитель </p> <p> ти-правитель-альт-2 </p> <p> ти-линейка-карандаш </p> <p> ти-линейка-альт </p> <p> ti-закладка </p> <p> ti-bookmark-alt </p> <p> ти-перезагрузка </p> <p> ти-плюс </p> <p> ти-минус </p> <p> ти-клоуз </p> <p> ти-пин </p> <p> ти-карандаш </p> <p> ти-карандаш-альт </p> <p> ти-малярный валик </p> <p> ведро с краской </p> <p> Тина </p> <p> ти-медаль </p> <p> ти-медаль-альт </p> <p> ти-маркер </p> <p> ти-маркер-альт </p> <p> ти-лок </p> <p> ти-разблокировка </p> <p> ti-местоположение-стрелка </p> <p> ти-макет </p> <p> ти-слои </p> <p> ти-слои-альт </p> <p> ти-ключ </p> <p> ти-образ </p> <p> ти-сердце </p> <p> ти-сердце </p> <p> ти-хэнд-стоп </p> <p> ti-hand-open </p> <p> ти-перетащить </p> <p> ти-флаг </p> <p> ти-флаг-альт </p> <p> ти-флаг-альт-2 </p> <p> ти-глаз </p> <p> ти-импорт </p> <p> ти-экспорт </p> <p> ти-чашка </p> <p> ти-корона </p> <p> ти-комментарии </p> <p> ти-комментарий </p> <p> ти-комментарий-альт </p> <p> ти-мысль </p> <p> ти-клип </p> <p> ти-чек </p> <p> ti-check-box </p> <p> ти-камера </p> <p> ти-объявление </p> <p> ти-кисть </p> <p> ти-кисть-альт </p> <p> ти-палитра </p> <p> ти-портфель </p> <p> ти-болт </p> <p> ти-болт-альт </p> <p> доска </p> <p> ти-сумка </p> <p> ти-мир </p> <p> инвалидная коляска </p> <p> ти-кар </p> <p> ти-грузовик </p> <p> таймер </p> <p> ти-билет </p> <p> ти-большой палец вверх </p> <p> ти-большой палец вниз </p> <p> ti-stats-up </p> <p> ti-stats-down </p> <p> ти-блеск </p> <p> ти-сдвиг-вправо </p> <p> ти-сдвиг-влево </p> <p> ти-сдвиг-вправо-альт </p> <p> ти-сдвиг-влево-альт </p> <p> ти-щит </p> <p> ти-блокнот </p> <p> ти-сервер </p> <p> ти-пульс </p> <p> ти-принтер </p> <p> ti-power-off </p> <p> ти-вилка </p> <p> круговая диаграмма </p> <p> ти-панель </p> <p> ti-пакет </p> <p> ти-музыка </p> <p> ти-музыка-альт </p> <p> ти-мышь </p> <p> ти-мышь-альт </p> <p> ти-деньги </p> <p> ти-микрофон </p> <p> ти-меню </p> <p> ti-menu-alt </p> <p> ти-карта </p> <p> ti-map-alt </p> <p> ti-location-pin </p> <p> ти-лампочка </p> <p> ти-информация </p> <p> ти-бесконечный </p> <p> ti-id-badge </p> <p> ти-хаммер </p> <p> ти-дом </p> <p> ти-помощь </p> <p> ти-наушники </p> <p> ти-жесткие диски </p> <p> ти-жесткий диск </p> <p> ти-подарок </p> <p> ти-игра </p> <p> ти-фильтр </p> <p> ti-файлы </p> <p> ti-файл </p> <p> ти-молния </p> <p> ti-папка </p> <p> ти-конверт </p> <p> ti-приборная панель </p> <p> ти-облако </p> <p> ти-облако </p> <p> ти-облако-вниз </p> <p> ti-буфер обмена </p> <p> ти-календарь </p> <p> ти-книга </p> <p> Ти-Белл </p> <p> ти-баскетбол </p> <p> ти-гистограмма </p> <p> ti-bar-chart-alt </p> <p> ti-архив </p> <p> ти-якорь </p> <p> предупреждение </p> <p> ти-будильник </p> <p> ти-повестка дня </p> <p> ти-напиши </p> <p> ти-кошелек </p> <p> ти-видео-хлопушка </p> <p> ти-видеокамера </p> <p> ti-вектор </p> <p> ти-поддержка </p> <p> ти-штамп </p> <p> ти-ломтик </p> <p> ти-шорткод </p> <p> квитанция </p> <p> ти-пин2 </p> <p> ти-пин-альт </p> <p> ти-карандаш-alt2 </p> <p> ти-ластик </p> <p> ти-больше </p> <p> ти-море-альт </p> <p> ти-микрофон-альт </p> <p> ти-магнит </p> <p> ти-лайн-дабл </p> <p> пунктирная линия </p> <p> пунктирная линия </p> <p> перо </p> <p> ti-info-alt </p> <p> ти-помощь-альт </p> <p> ти-наушники-альт </p> <p> ти-галерея </p> <p> ти-фейс-улыбка </p> <p> ти-лицо-грустный </p> <p> ti-кредитная карта </p> <p> ти-комментарии-смайлик </p> <p> время </p> <p> ти-акция </p> <p> ти-акция-альт </p> <p> ти-ракета </p> <p> ти-новое-окно </p> <p> ти-рсс </p> <p> ti-rss-alt </p> <h4><span class="ez-toc-section" id="i-147"> Значки управления </span></h4> <p> ti-control-stop </p> <p> ti-control-shuffle </p> <p> ti-control-play </p> <p> ти-контроль-пауза </p> <p> ти-контроль-вперед </p> <p> ti-control-назад </p> <p> ти-объем </p> <p> ti-control-skip-forward </p> <p> ti-control-skip-backward </p> <p> ti-control-record </p> <p> ti-control-eject </p> <h4><span class="ez-toc-section" id="i-148"> Текстовый редактор </span></h4> <p> абзац </p> <p> ti-заглавные буквы </p> <p> ти-подчеркивание </p> <p> ti-текст </p> <p> ти-курсив </p> <p> ti-smallcap </p> <p> ти-лист </p> <p> ти-лист-ол </p> <p> ti-align-right </p> <p> ti-align-left </p> <p> ti-align-justify </p> <p> ti-align-center </p> <p> ti-quote-right </p> <p> ti-quote-left </p> <h4><span class="ez-toc-section" id="i-149"> Иконки макета </span></h4> <p> ti-layout-width-полная </p> <p> ti-layout-width-по умолчанию </p> <p> ти-макет-ширина-по умолчанию-альт </p> <p> ti-layout-tab </p> <p> ti-layout-tab-окно </p> <p> ti-layout-tab-v </p> <p> ti-layout-tab-min </p> <p> ti-layout-слайдер </p> <p> ти-макет-слайдер-альт </p> <p> ti-layout-sidebar-right </p> <p> ti-layout-sidebar-none </p> <p> ti-layout-sidebar-left </p> <p> ti-layout-placeholder </p> <p> ti-layout-menu </p> <p> ti-layout-menu-v </p> <p> ti-layout-menu-separated </p> <p> ti-layout-menu-full </p> <p> ti-layout-media-right </p> <p> ti-layout-media-right-alt </p> <p> ti-layout-media-overlay </p> <p> ti-layout-media-overlay-alt </p> <p> ti-layout-media-overlay-alt-2 </p> <p> ti-layout-media-left </p> <p> ti-layout-media-left-alt </p> <p> ti-layout-media-center </p> <p> ti-layout-media-center-alt </p> <p> ti-layout-list-thumb </p> <p> ти-макет-список-большой палец-альт </p> <p> ti-layout-list-post </p> <p> ti-layout-list-large-изображение </p> <p> ti-layout-line-solid </p> <p> ti-layout-grid4 </p> <p> ti-layout-grid3 </p> <p> ti-layout-grid2 </p> <p> ti-layout-grid2-thumb </p> <p> ti-layout-cta-right </p> <p> ti-layout-cta-слева </p> <p> ti-layout-cta-center </p> <p> ti-layout-cta-btn-right </p> <p> ti-layout-cta-btn-слева </p> <p> ti-layout-column4 </p> <p> ti-layout-column3 </p> <p> ti-layout-column2 </p> <p> ti-layout-гармошкой-разделенный </p> <p> ти-макет-аккордеон-объединенный </p> <p> ти-макет-аккордеон-лист </p> <p> ti-widgetized </p> <p> ти-виджет </p> <p> ти-виджет-альт </p> <p> ti-view-list </p> <p> ti-view-list-alt </p> <p> ti-view-grid </p> <p> ти-загрузка </p> <p> ти-скачать </p> <p> ти-петля </p> <p> ti-layout-sidebar-2 </p> <p> ti-layout-grid4-alt </p> <p> ti-layout-grid3-alt </p> <p> ti-layout-grid2-alt </p> <p> ti-layout-column4-alt </p> <p> ti-layout-column3-alt </p> <p> ti-layout-column2-alt </p> <h4><span class="ez-toc-section" id="i-150"> Иконки брендов </span></h4> <p> ти-фликр </p> <p> ти-фликр-альт </p> <p> ti-instagram </p> <p> ти-гугл </p> <p> ti-github </p> <p> ти-фейсбук </p> <p> ti-dropbox </p> <p> ti-dropbox-alt </p> <p> ти-дриббл </p> <p> ти-яблоко </p> <p> ти-андроид </p> <p> ти-яху </p> <p> ти-трелло </p> <p> ti-stack-overflow </p> <p> ti-soundcloud </p> <p> ти-акция </p> <p> ti-sharethis-alt </p> <p> ти-реддит </p> <p> ти-майкрософт </p> <p> ti-microsoft-alt </p> <p> ti-linux </p> <p> ti-jsfiddle </p> <p> ти-джумла </p> <p> ti-html5 </p> <p> ti-css3 </p> <p> ти-друпал </p> <p> ti-wordpress </p> <p> ти-тамблер </p> <p> ти-тамблер-альт </p> <p> ти-скайп </p> <p> ti-youtube </p> <p> ти-вимео </p> <p> ti-vimeo-alt </p> <p> ti-twitter </p> <p> ti-twitter-alt </p> <p> ti-linkedin </p> <p> ti-pinterest </p> <p> ti-pinterest-alt </p> <p> ti-themify-logo </p> <p> ti-themify-favicon </p> <p> ti-themify-favicon-alt </p> <h2><span class="ez-toc-section" id="_4"> Как создать круговое изображение за 4 простых шага </span></h2> <p> Ваш браузер не поддерживает теги видео.</p> <p> Квадраты в порядке. Многие великие вещи квадратны. Крекеры. Детские книги. Дядя Оуэн. Так что, если вы тоже хотите быть квадратным, и люди хвалят вашу равноугольность, мы даже не подумаем о том, чтобы пытаться вас остановить. Но эта статья посвящена созданию круговых изображений для использования в графическом дизайне. </p> <hr/> <h3><span class="ez-toc-section" id="i-151"> Использование круговых культур в дизайне </span></h3> <p> Ученые определили, что людей больше привлекают изогнутые формы, чем прямые, поэтому, если вы разрабатываете материалы для своего бизнеса, возможно, вам удастся привлечь еще несколько глаз, сделав их немного круглыми.</p> <p> Если вы переделываете логотип, возможно, вам стоит его включить в кружок. Хотите сменить водяной знак? Округлите это. И мы не говорим, что ваш логотип полностью прямоугольный, но … я понял. Все выглядит лучше, когда оно обведено кругом. Мы покажем вам, как сделать это самостоятельно, но если вы хотите быстро начать, обязательно ознакомьтесь с нашими шаблонами круглых изображений профиля. </p> <hr/> <blockquote> <h3><span class="ez-toc-section" id="_4-2"> Создайте изображение круга за 4 шага </span></h3> <ol> <li> <p> Откройте изображение в PicMonkey. </p> </li> <li> <p> Щелкните вкладку «Рамки», затем выберите «Вырезы формы».</p> </li> <li> <p> С помощью курсора измените положение круга на изображении. </p> </li> <li> <p> Щелкните <b> Применить </b>. </p> </li> </ol> </blockquote> <p> Это основы. Хотите увидеть это в действии? Пойдем! </p> <hr/> <h3><span class="ez-toc-section" id="i-152"> Быстрое создание изображения круга в Интернете </span></h3> <h4><span class="ez-toc-section" id="1"> 1. Начните свой проект </span></h4> <p> Нажмите <b> Создать новый </b> в верхней части домашней страницы PicMonkey, затем щелкните место фотографии, которую нужно отредактировать (компьютер, стоковые фотографии или другое). </p> <h4><span class="ez-toc-section" id="2"> 2.Использовать вырезы формы </span></h4> <p> Щелкните вкладку «Рамки», затем выберите «Вырезы фигур». По умолчанию выбраны круглая рамка и прозрачный фон. Вот что вам нужно для этого. С помощью курсора перетащите рамку в нужное место на изображении. (Убедитесь, что ваше изображение является фоновым слоем, чтобы это работало.) </p> <h4><span class="ez-toc-section" id="3"> 3. Отрегулируйте внешний вид </span></h4> <p> Переместите ползунок <b> Shape Size </b> вправо, чтобы увеличить круг, или поверните его влево, чтобы уменьшить его. Когда ваше изображение станет округлым, нажмите <b> Применить.</b> </p> <h4><span class="ez-toc-section" id="4"> 4. Обрезка холста </span></h4> <p> Обрежьте холст до нужного размера или измените его. Бум! Это так просто. </p> <hr/> <h3><span class="ez-toc-section" id="i-153"> Изменение дизайна </span></h3> <p> Если вы хотите больше контролировать размещение круглого изображения на холсте, преобразуйте его в слой после того, как вы закончите применять форму круга. Нажмите кнопку <b> Layers </b> (квадратный значок блинов на нижней панели инструментов), чтобы открыть его, затем нажмите <b> Convert to layer </b>. Затем вы можете перетащить новое круглое изображение в любое место на холсте (или даже за его пределы).</p> <p> <i> <b> Подробнее: </b> </i> <i> <b> Все о панели слоев </b> </i> <i> <b/> </i> </p> <p> Вы можете добавить готовое круглое изображение к другому изображению (например, к объявлению, визитке или фотоколлажу) и только круглые товары будут видны, а не прозрачные части шахматной доски. Если вы решили переместить изображение из Hub и хотите сохранить прозрачность, обязательно экспортируйте его как файл PNG. </p> <p> <b> Читать: </b> <i> Как создать файл PNG с прозрачным фоном </i> </p> <h4><span class="ez-toc-section" id="i-154"> Совет для многослойных изображений </span></h4> <p> Если изображение, с которым вы работаете, имеет несколько слоев, вам нужно будет их сгладить перед применением круглая рамка.Для этого наведите указатель мыши на любой слой на панели <b> Layers </b> и щелкните на <b> трех точках </b>. Выберите <b> Свести все слои </b> во всплывающем меню. </p> <p> Это все, что вам нужно, чтобы крутиться прямо как рекорд! </p> <hr/> <h3><span class="ez-toc-section" id="i-155"> Дизайн с кругами </span></h3> <p> Если вас укусила ошибка с кругами, и вы хотите добавить в дизайн круговые акценты, перейдите на вкладку «Графика», где вы найдете множество кругов в группе «Основные». Вы можете изменить их размер, перетащив угловые маркеры, а затем изменить их цвет в соответствии с вашим дизайном.</p> <p> <i> <b> Совет от профессионалов: </b> </i> используйте ползунок <b> Fade </b> <b> </b>, чтобы разнообразить ваш образ и показать фон сквозь круг. Это особенно хорошо работает, если вы комбинируете графику с текстом. </p> <hr/> <h3><span class="ez-toc-section" id="i-156"> Заполните форму круга фотографией </span></h3> <p> Другой способ создать изображение круга — использовать кнопку <b> Заполнить изображением </b>: </p> <ol> <li> <p> Выберите форму круга в меню Графика в разделе Основные. </p> </li> <li> <p> Щелкните изображение на холсте, чтобы выделить его.</p> </li> <li> <p> Щелкните <b> Заливка изображением </b> в левом меню «Графические инструменты». </p> </li> <li> <p> Выберите изображение, чтобы поместить его «внутрь» вашего круга. </p> </li> </ol> <p> Этот метод позволяет редактировать изображение внутри круга после того, как вы его добавили — выберите его положение, заменить или удалить с помощью кнопки <b> Изменить заливку изображения </b> на вкладке <b> Инструменты графики </b>. </p> <p> <i> <b> Подробнее: </b> </i> <i> <b> Как разместить изображения внутри текста или графики </b> </i> <i> <b/> </i> </p> <hr/> <h3><span class="ez-toc-section" id="_PicMonkey_Mobile"> Создание изображения круга в PicMonkey Mobile </span></h3> <p> <b> Процесс создания изображения круга в мобильном приложении </b> <b> </b> <b> тоже чертовски просто.</b> </p> <ol> <li> <p> Нажмите <b> Редактировать фотографию </b>, затем выберите ту, с которой хотите повозиться. </p> </li> <li> <p> Tap <b> Edit </b>> <b> BG Remover </b>> <b> Форма </b>. </p> </li> <li> <p> Обратите внимание на огромное количество вариантов формы: от кругов до снежинок и пятен от рисования. </p> </li> <li> <p> Коснитесь вырезанного круга. Затем вы можете перемещать круг и изменять его размер, сжимая и разжимая круг. </p> </li> <li> <p> Коснитесь флажка, чтобы применить изменения.</p> </li> </ol> <h3><span class="ez-toc-section" id="i-157"> Создайте изображение круга с помощью шаблонов профиля </span></h3> <p> <i> Настройте шаблон изображения профиля </i> <i> </i> <i> в PicMonkey. </i> </p> <p> Возможно, вы помните, как мы упоминали об этом — для быстрого начала вы всегда можете взять один из дизайнерских шаблонов изображений круга PicMonkey. Эти стильные фото профиля горячие и готовы к вашей индивидуальной настройке. </p> <p> <b> Чтобы использовать один из этих гладких предварительно обрезанных изображений в PicMonkey: </b> </p> <ol> <li> <p> Выберите шаблон изображения профиля, который вы хотите использовать.</p> </li> <li> <p> Щелкните <b> Изменить заливку изображения </b> в левом меню инструментов и замените изображение шаблона своим собственным. </p> </li> <li> <p> При желании измените внешний вид еще больше. </p> </li> <li> <p> Загрузить в формате JPG или PNG. </p> </li> </ol> <hr/> <p> <h3><span class="ez-toc-section" id="i-158"> Все, что вам нужно для эпического дизайна: </span></h3> </p> <h2><span class="ez-toc-section" id="QRCode_Monkey_QR-_QR"> QRCode Monkey — бесплатный генератор QR-кодов для создания пользовательских QR-кодов с логотипом </span></h2> <p> Без логотипа </p> <p> Загрузить изображение <small ng-show="fileSizeError"> Файл слишком большой.Максимум. размер составляет 2 МБ. </small> <br/> Удалить логотип </p> <p> Объявление </p> <strong> Подчеркните свой логотип! </strong> <p> Сделайте свой бренд мгновенно узнаваемым, поскольку логотип вашей компании становится центром внимания на вашем QR-коде.Попробуй сейчас. </p> <p> Загрузите собственное изображение логотипа в формате <strong> .png </strong>, <strong> .jpg </strong>, <strong> .gif </strong> или <strong> .svg </strong> с максимальным размером <strong> 2 МБ </strong>.Вы также можете выбрать логотип для своего QR-кода из галереи. </p> <h2><span class="ez-toc-section" id="_Pixlr_E"> Фоторедактор: Pixlr E </span></h2> Фоторедактор: Pixlr E — бесплатный инструмент для редактирования изображений Войти Зарегистрироваться <p> Добро пожаловать в бесплатный продвинутый редактор фотографий от Pixlr. Начните редактирование, нажав кнопку открытия фотографии, перетащите файл, вставьте его из буфера обмена (ctrl + v) или выберите один из наших готовых шаблонов ниже.</p> Открыть изображение Что такое Pixlr E? <h3><span class="ez-toc-section" id="_Pixlr_E-2"> Что такое Pixlr E </span></h3> <p> Pixlr E — это бесплатный и продвинутый онлайн-редактор фотографий, приложение позволяет редактировать и преобразовывать фотографии и шаблоны прямо в браузере, оно даже открывает файлы фотошопа в Интернете. У Pixlr также есть упрощенная версия для быстрого редактирования и дизайна шаблонов под названием Pixlr X и средство для удаления фона на базе искусственного интеллекта под названием Remove bg.</p> <h3><span class="ez-toc-section" id="i-159"> Это бесплатно и безопасно? </span></h3> <p> Использование Pixlr E на 100% безопасно и бесплатно для всех, большинство функций также доступны для всех. Если вы хотите улучшить свою игру, у нас есть Pixlr Premium, который дает вам доступ к большему количеству шрифтов, шаблонов, ресурсов, автоматических инструментов и многому другому. </p> <h3><span class="ez-toc-section" id="i-160"> Профессиональные функции редактирования для опытных пользователей! </span></h3> <p> Создавайте еще более творческие / сложные изменения за меньшее количество шагов с помощью расширенных инструментов и функций, таких как AI CutOut, фильтры (Glitch + другие), шаблоны дизайна, дизайнерские шрифты, инструмент «Рамка», градиентный текст, двойная экспозиция, фотоколлаж и многое другое.</p> <h3><span class="ez-toc-section" id="i-161"> Поддерживаемые форматы изображений </span></h3> <p> Pixlr поддерживает редактирование большинства распространенных форматов изображений, вы можете редактировать JPEG, PNG, WEBP, GIF, а также PSD (изображение для фотошопа). В Pixlr нельзя редактировать видеофайлы или анимированные гифки. </p> <h3><span class="ez-toc-section" id="i-162"> Идеально подходит для детального редактирования изображений. </span></h3> <p> Работайте со слоями, заменяйте цвета, настраивайте наборы кистей, трансформируйте объекты, применяйте фильтры и эффекты прямо из браузера, чтобы иметь полный контроль над результатами вашего изображения.</p> <h3><span class="ez-toc-section" id="i-163"> Дополнительная справка </span></h3> <p> Посетите нашу страницу поддержки, на которой вы найдете обучающие материалы по Pixlr E, ознакомьтесь с творческими сообществами и контактами. </p> <p> Из локального временного кэша, чтобы сохранить проект на длительный срок, сохраните его как PXZ (документ Pixlr). </p> <h3><span class="ez-toc-section" id="i-164"> Рекомендуемые шаблоныПодробнее </span></h3> <p> Модные и высококачественные шаблоны, вручную отобранные нашей командой.</p> <h3><span class="ez-toc-section" id="i-165"> Шаблоны </span></h3> <p> Просмотрите и найдите шаблон, выбрав тип дизайна, который вы хотите создать, ниже. </p> <h3><span class="ez-toc-section" id="i-166"> рекомендуется </span></h3> <p> Загрузить еще </p> <p> <h3><span class="ez-toc-section" id="i-167"> Закрепленные проекты </span></h3> </p> <h3><span class="ez-toc-section" id="i-168"> Все ваши временные проекты </span></h3> <p> История только временно сохраняется в кеше браузера, все документы будут удалены, если вы очистите кеш или запустите любую процедуру очистки.Если вы хотите сохранить на длительный срок, скачайте его как .PXZ (документ Pixlr). </p> <p> В вашей истории нет проектов. </p> <p> <h4><span class="ez-toc-section" id="i-169"> Ошибка </span></h4> Что-то пошло не так. Пожалуйста, повторите попытку позже. </p> <p> <h4><span class="ez-toc-section" id="i-170"> Не в сети </span></h4> Вы не в сети, проверьте подключение к Интернету и повторите попытку.</p> <p> Ничего не найдено. Выполните еще один поиск. </p> <p> Загрузить еще </p> <p> {«user»: {«name»: «guest», «subscription»: false, «subscriptionType»: «guest», «subscriptionCode»: «-«, «subscriptionGroup»: «-«, «currency»: » USD «,» country «:» RU «,» id «:» — «},» elhibitedFreeTrial «: true,» cdnUrl «:» https://pixlr.com «,» adyenClientKey «:» live_RCU6ZYUQ5VDAFOMUJSSVV3P7YAWK75MMug «,» adDeb «:» «,» unlockTemplate «: false} </p> <p> {«photoEditorHome»: «Главная страница фоторедактора pixlr», «logout»: «Выйти», «loginEditor»: «Войти или зарегистрироваться в фоторедакторе», «loginOrSignUp»: «Войти / Зарегистрироваться», «mySubscription» : «Моя подписка», «headerWebApps»: «Веб-приложения», «headerPricing»: «Цены и бесплатная пробная версия», «headerDesktopApps»: «Настольные приложения», «headerMobileApps»: «Мобильные приложения», «headerOtherPlatforms»: «Другое Платформы »,« headerOtherServices »:« Другие услуги »,« headerStockByPixlr »:« Stock by Pixlr »,« headerPixlrTemplates »:« Шаблоны Pixlr »,« headerHelpAndLearn »:« Справка и обучение »,« headerVideoTutorials »:« Видеоуроки », «headerLearnAndEducation»: «Обучение и образование», «headerContactAndSupport»: «Контакты и поддержка», «headerLanguage»: «Язык», «eTitle»: «Фоторедактор: Pixlr E — бесплатный инструмент для редактирования изображений», «eMetaDesc»: » Pixlr E — это фоторедактор нового поколения, который ищет расширенные возможности редактирования фотографий прямо в браузере! Установка и регистрация не требуются.Используйте бесплатно на настольных компьютерах, планшетах и телефонах. »,« EMetaSiteName »:« Photo Editor: Pixlr.com — бесплатное редактирование изображений в Интернете »,« mobileVariantDesc »:« Pixlr E создан для настольных компьютеров. Вы используете мобильное устройство или окно браузера имеет ширину менее 650 пикселей. Мы рекомендуем вам использовать мобильный веб-редактор фотографий или увеличить окно браузера. »,« MobileVariantButton »:« Использовать мобильный редактор »,« mobileVariantClose »:« Игнорировать и закрыть »,« welcomeHeadline »:« Фоторедактор и конструктор » , «welcomeIngress»: «Добро пожаловать в бесплатный расширенный редактор фотографий от Pixlr.Начните редактирование, нажав кнопку открытия фотографии, перетащите файл, вставьте его из буфера обмена (ctrl + v) или выберите один из наших готовых шаблонов ниже. «,» WelcomeWhatIs «:» Что такое Pixlr E? » , «toolKB»: «Сочетание клавиш», «toolArrange»: «Упорядочить», «toolArrangeDesc»: «Переместить, преобразовать и изменить настройки слоя.», «toolMarquee»: «Marquee Select», «toolMarqueeDesc»: «Создать выделение с помощью инструмент выделения в виде квадрата и круга. «,» toolLasso «:» Lasso Select «,» toolLassoDesc «:» Используйте произвольное, многоугольное, безье или магнитное лассо для создания выделения.»,» toolWand «:» Wand Select «,» toolWandDesc «:» Используйте волшебную палочку, чтобы выбрать области с похожими цветами. «,» toolCrop «:» Обрезать «,» toolCropDesc »:» Обрезать, вырезать и выпрямить холст с помощью свободный или фиксированный аспект. «,» toolCutout «:» Вырез / Маска «,» toolCutoutDesc «:» Маскировка областей и / или удаление фона, вырезание объектов или обрезка / обрезка отдельных слоев. «,» toolFrame «:» Кадр / изображение Holder «,» toolFrameDesc «:» Определите область для размещения изображения и обрежьте ее по разным формам, размещенное изображение автоматически масштабируется и обрезается по размеру.Рамки — важная часть создания шаблонов многократного использования. »,« ToolLiquify »:« Liquify »,« toolLiquifyDesc »:« Увеличивайте, сжимайте и сдвигайте части изображения. Используйте разжижение для тонкой корректировки портретов и других изображений. «,» ToolHeal «:» Исцелить «,» toolHealDesc «:» Удалить пятна, нежелательные объекты, пятна и очистить изображения. «,» ToolClone «:» Клонировать «,» toolCloneDesc «:» Нарисуйте и скопируйте из других областей изображения. «,» toolDetail «:» Размытие / Резкость / Размазывание «,» toolDetailDesc «:» Нарисуйте области изображения, чтобы сделать детали резче, размыть или размазать.»,» toolFocus «:» Focus / Bokeh «,» toolFocusDesc «:» Создайте глубину в ваших фотографиях с помощью размытия фона, размытия боке и света боке. «,» toolDisperse «:» Disperse «,» toolDisperseDesc «:» Нарисуйте поверх область на вашем изображении и наблюдайте, как она взрывается и рассеивается на тысячи пикселей. «,» toolToning «:» Осветление / затемнение «,» toolToningDesc «:» Осветление или затемнение областей изображения, чтобы выделить темные области или затемнить светлые. «, «toolTemper»: «Sponge / Color», «toolTemperDesc»: «Яркость кисти, насыщенность или температура в определенных областях, чтобы выделить или уменьшить цвета.»,» toolPen «:» Pen «,» toolPenDesc «:» Используйте разные типы перьев для творчества, такие как паутина, мелки, чернила и хвост, чтобы рисовать и рисовать. «,» toolDraw «:» Draw «,» toolDrawDesc «:» Draw и рисовать разными кистями и цветами. «,» toolEraser «:» Eraser «,» toolEraserDesc «:» Стирайте части изображения кистью, используйте инструмент вырезания для более точного результата. «,» toolFill «:» Заливка «,» toolFillDesc «:» Заполнить целые области одним цветом. «,» toolGradient «:» Градиент «,» toolGradientDesc «:» Создавать переходы с разными цветами и прозрачностями. «,» toolReplace «:» Замена цвета «,» toolReplaceDesc «: «Измените один цвет в области на другой путем рисования.»,» toolShape «:» Shape «,» toolShapeDesc «:» Нарисуйте различные пиксельные или векторные фигуры, такие как квадраты, круги, линии и т. д. «,» toolAddText «:» Текст «,» toolAddTextDesc «:» Добавить новый текстовый слой или используйте один из наших текстовых шаблонов. «,» toolPicker «:» Picker «,» toolPickerDesc «:» Выберите цвета из изображения для использования с другими инструментами. «,» toolZoom «:» Zoom «,» toolZoomDesc «:» Увеличить или вне фотографии, чтобы сфокусироваться на разных частях. «,» toolHand «:» Hand / Pan «,» toolHandDesc «:» Перемещение области просмотра при увеличении изображения. Удерживайте клавишу пробела в любом инструменте.»,» colorSwitch «:» переключить цвета (X) «,» titleFile «:» Файл «,» titleEdit «:» Редактировать «,» titleImage «:» Изображение «,» titleLayer «:» Layer «,» titleSelect «: «Select», «titleAdjustment»: «Adjustment», «titleFilter»: «Filter», «titleView»: «View», «titleHelp»: «Help», «titleNewImage»: «Новое изображение», «titleAddImage»: » Добавить изображение »,« titleChangeImage »:« Изменить изображение »,« titleOpenImage »:« Открыть изображение »,« titleOpenURL »:« Открыть URL-адрес изображения »,« titleStockSearch »:« Поиск по акциям »,« titleBrowseElements »:« Просмотреть элементы », «titleSave»: «Сохранить», «titlePrint»: «Печать», «titleClose»: «Закрыть», «titleExport»: «Экспорт», «titleExportTemplate»: «Шаблон экспорта», «titleQuickExportImage»: «Быстрый экспорт изображения как PNG «,» titleQuickExportLayer «:» Быстрый экспорт слоя в PNG «,» titleUndo «:» Отменить «,» titleRedo «:» Повторить «,» titleCut «:» Вырезать «,» titleCopy «:» Копировать «,» titleClear » : «Очистить», «titlePaste»: «Вставить», «titleFreeTransform»: «Свободное преобразование», «titleFreeDistort»: «Свободное искажение», «titleTransform»: «Преобразовать», «titleRotateLeft»: «Повернуть влево / против часовой стрелки», «titleRotateRight»: «Повернуть вправо / по часовой стрелке», «titleFlipHorizontal» : «Отразить по горизонтали», «titleFlipVertical»: «Отразить по вертикали», «titleStroke»: «Stroke», «strokeOutlineOnly»: «Только контур», «titleFill»: «Заливка», «titlePreferences»: «Настройки», «titleImageSize «:» Размер изображения «,» titleCanvasSize «:» Размер холста «,» titleImageRotation «:» Поворот изображения «,» titleCrop «:» Обрезка «,» titleTrim «:» Обрезка «,» titleNewLayer «:» Новый слой «, «titleEditText»: «Редактировать текст», «titleDuplicateLayer»: «Дублировать слой», «titleImageLayer»: «Добавить изображение как слой», «titleElementLayer»: «Добавить слой элемента», «titleURLLayer»: «Добавить URL как слой», «titleDeleteLayer»: «Удалить слой», «titleRasterizeLayer»: «Растрировать слой», «titleLayerUp»: «Переместить вперед / вверх», «titleLayerDown»: «Отправить назад / вниз», «titleLayerAutoMask»: «Автоматическая маска AI», «titlePositionFrame»: «Позиционирующий фрейм», «titlePositionContent»: «Положение изображения», «titleAutoFitContent»: «Установить изображение», «titleRemoveFrameImage»: «Удалить изображение», «titleSelectAll»: «Выбрать все», «titleSelectPixels»: » Выбрать пиксели «,» titleSelectDeselect «:» Отменить выделение «,» titleSelectInvert «:» Инвертировать выделение «,» titleSele » ctSave «:» Сохранить выделение «,» titleSelectRestore «:» Восстановить выделение «,» titleAutoAdjust «:» Автоматическая настройка «,» titleAutoPop «:» Авто-всплывающее окно «,» titleAutoBW «:» Авто-ч / б «,» titleBrightnessContrast «:» Яркость & контраст »,« titleTemperatureTint »:« Температура и оттенок »,« titleHueSaturation »:« Оттенок и насыщенность »,« titleVibrance »:« Vibrance »,« titleColorBalance »:« Цветовой баланс »,« titleColorLookup »:« Поиск цвета », «titleHighlightsShadows»: «Света и тени», «titleExposure»: «Экспозиция», «titleCurves»: «Кривые», «titleLevels»: «Уровни», «titleThreshold»: «Порог», «titlePosterize»: «Постеризация», «titleDesaturate»: «Desaturate», «titleInvert»: «Invert», «titleSolarize»: «Solarize», «titleMimicHDR»: «Mimic HDR», «titleEffectLibrary»: «Библиотека эффектов», «titleSharpen»: «Sharpen», «titleClarity»: «Четкость», «titleDetails»: «Детали», «titleBlur»: «Размытие», «titleZoomBlur»: «Размытие при увеличении», «titleGaussianBlur»: «Размытие по Гауссу», «titleMotionBlur»: «Размытие в движении» , «titleRadialBlur»: «Радиальное размытие», «titleSmooth»: «Smooth», «titleGrain»: «Зерно», «titleNoise»: «Добавить шум», «ti tleDenoise «:» Убрать шум «,» titleVignette «:» Виньетка «,» titleBloom «:» Bloom «,» titleGlamour «:» Glamour «,» titleDehaze «:» Dehaze «,» titleInnerGlow «:» Внутреннее свечение «,» titleOuterGlow «:» Внешнее свечение «,» titleBevel «:» Bevel «,» titleOutline «:» Outline «,» titleInnerShadow «:» Внутренняя тень «,» titleDropShadow «:» Тень «,» titleSobel «:» Найдите края » , «titleFringe»: «Fringe», «titleGlitch»: «Glitches», «titleCreative»: «Creative», «titleRGBSplit»: «RGB Split», «titleInterference»: «Interference», «titleSlice»: «Slice», «titlePixelate»: «Pixelate», «titleMosaic»: «Mosaic», «titleHalftone»: «Halftone», «titleScanlines»: «Scanlines», «titlePolarCoordinates»: «Полярные координаты», «titleKaleidoscope»: «Калейдоскоп», » titleFishEye «:» Fish Eye «,» titleReflect «:» Reflect «,» titleWave «:» Wave «,» titleStrokeOutline «:» Stroke / Outline «,» titleZoomIn «:» Увеличить «,» titleZoomOut «:» Уменьшить «,» titleFitScreen «:» По размеру экрана «,» titleFillScreen «:» Заполнить экран «,» titleTogglePreview «:» Переключить режим предварительного просмотра «,» titleToggleFullScreen «:» Переключить полноэкранный режим «,» titleThemeColors «:» Изменить e theme / colors «,» titleKeyboardShortcuts «:» Сочетания клавиш «,» titleColorPicker «:» Выбор цвета «,» titleAddElement «:» Добавить элемент «,» titleToolSettings «:» Настройки инструмента «,» titleAlignCase «:» Выровнять и регистр «,» titleSelectConvert «:» Преобразовать в маску «,» titleLayerAddMask «:» Добавить маску «,» titleLayerApplyMask «:» Применить маску «,» titleLayerDeleteMask «:» Удалить маску «,» titleLayerResetMask «:» Сбросить маску «,» titleLayerInvertMask » «:» Инвертировать маску «,» titleLayerMoreMask «:» Дополнительная маска «,» titleLayerExtractMask «:» Извлечь маску как слой «,» titleLayerConvertMask «:» Преобразовать маску в выделение «,» titleCutLayer «:» Вырезать слой «,» titleCopyLayer » : «Копировать слой», «titlePasteLayer»: «Вставить слой», «id»: «id», «name»: «Имя», «без названия»: «Без названия», «width»: «Ширина», «высота» : «Высота», «применить»: «Применить», «количество»: «Сумма», «выпуклость»: «Выпуклость», «параметры»: «Параметры», «компонент»: «Компонент», «рабочий»: » Рабочий »,« пиксель »:« Пиксель »,« процент »:« Процент »,« ОК »:« ОК »,« отмена »:« Отмена »,« закрыть »:« Закрыть »,« оригинал »:« Исходный » , «blendMode»: «Blend Mode», «max»: «Max», «add»: «Добавить», «scale»: «Scale», «s tretch «:» Растянуть «,» hollow «:» Hollow «,» none «:» None «,» mask «:» Mask «,» background «:» Background «,» create «:» Create «,» template » : «Template», «search»: «Search», «preset»: «Preset», «loadMore»: «Load More», «save»: «Save», «open»: «Open», «load»: «Load», «loading»: «Загрузка», «size»: «Размер», «pos»: «Pos», «position»: «Position», «newSize»: «Новый размер», «softness»: » Мягкость »,« прозрачность »:« Прозрачность »,« изображение »:« Изображение »,« рамка »:« Рамка »,« непрозрачность »:« Непрозрачность »,« растушевка »:« Перо »,« шаг »:« Шаг » , «source»: «Source», «spikes»: «Spikes», «quality»: «Quality», «font»: «Font», «text»: «Text», «draw»: «Draw», » дизайн »:« Дизайн »,« пустой »:« Пустой »,« чертеж »:« Чертеж »,« нестандартный »:« нестандартный »,« угол »:« Угол »,« высота »:« Высота »,« инструмент » : «Инструмент», «аспект»: «Аспект», «кисть»: «Кисть», «краска»: «Краска», «размытие»: «Размытие», «резкость»: «Резкость», «растушевка»: » Smudge »,« back »:« Back »,« erase »:« Erase »,« color »:« Color »,« colors »:« Colors »,« shape »:« Shape »,« element »:« Element ». , «слой»: «Слой», «слои»: «Слои», «видимый»: «Видимый», «скрытый»: «Скрытый», «интенсивность»: «Интенсивность», «количество»: «Количество «,» dualTone «:» Двухцветный «,» боке «:» Боке «,» верх «:» Верх «,» левый «:» Левый «,» правый «:» Правый «,» оба «:» Оба » , «depth»: «Глубина», «advanced»: «Advanced», «download»: «Загрузить», «Strength»: «Strength», «density»: «Density», «reset»: «Reset», « target »:« Цель »,« допустимость »:« Допуск »,« уровень »:« Уровень »,« Canvas »:« Canvas »,« fit »:« Fit »,« fill »:« Fill »,« clear » : «Очистить», «смещение»: «Смещение», «минимизировать»: «Свернуть», «развернуть»: «Развернуть», «смещение X»: «Смещение x», «offsetY»: «Смещение y», «частота» : «Частота», «removeStop»: «Удалить стоп», «сравнить»: «Сравнить (удерживать)», «вставить»: «Вставить», «копировать»: «Копировать», «noPaste»: «нечего вставлять «,» emptyPaste «:» Пусто! попробуйте ctrl + v! «,» emptyPasteGlobal «:» нечего вставлять «,» genericNoResult «:» Результат не найден, выполните еще один поиск.»,» error «:» Error «,» genericError «:» Что-то пошло не так, повторите попытку позже. «,» offline «:» Offline «,» genericOffline «:» Вы не в сети, проверьте подключение к Интернету и попробуйте снова. «,» onlyImageLayer «:» Только слой изображения «,» overlay «:» Overlay «,» border «:» Border «,» sticker «:» Sticker «,» premium «:» Premium «,» continue «: «Продолжить», «эффект»: «Эффект», «красный»: «Красный», «зеленый»: «Зеленый», «синий»: «Синий», «диапазон»: «Диапазон», «тени»: «Тени. «,» средние тона «:» Средние тона «,» основные моменты «:» Основные моменты «,» вибрация «:» Яркость «,» оттенок «:» Оттенок «,» легкость «:» Легкость «,» насыщенность «:» Насыщенность «, «preserveLuminosity»: «Сохранить яркость», «яркость»: «Яркость», «Контраст»: «Контрастность», «Радиус»: «Радиус», «Порог»: «Порог», «colorize»: «Раскрасить», « температура »:« Температура »,« оттенок »:« Оттенок »,« lineSpace »:« Строка »,« letterSpace »:« Буквенный пробел »,« addText »:« Добавить текст »,« alignLeft »:« Выровнять по левому краю » , «alignCenter»: «Выровнять по центру», «alignRight»: «Выровнять по правому краю», «uppercase»: «Uppercase», «bold»: «Bold», «italic»: «Italic», «full»: «Full» , «line»: «Line», «word»: «Word» , «Outline»: «Outline», «punchout»: «Punch out», «shadow»: «Shadow», «fixed»: «Fixed», «free»: «Free», «polygon»: «Многоугольник», «bezier»: «Безье», «Magnetic»: «Magnetic», «rotateLeft»: «Повернуть влево», «rotateRight»: «Повернуть вправо», «flipVertical»: «Отразить по вертикали», «flipHorizontal»: «Отразить по горизонтали» «,» duplicate «:» Duplicate «,» duplicated «:» Duplicated «,» delete «:» Delete (DEL) «,» deleted «:» Deleted «,» transform «:» Transform «,» distort «:» Искажать »,« растрировать »:« Растрировать »,« редактировать »:« Редактировать »,« settings »:« Настройки »,« стили »:« Стили »,« format »:« Форматировать »,« addNew »:« Добавить новый «,» разблокировать «:» Разблокировать «,» выровнено «:» Выровнено «,» режим «:» Режим «,» метод «:» Метод «,» вариант «:» Вариант «,» восстановить «:» Восстановить «, «выпрямить»: «Выпрямить», «Соотношение»: «Соотношение», «инвертировать»: «Инвертировать», «извлечь»: «Извлечь», «ограничение»: «Ограничение», «смежные»: «Смежные», «aiAuto» «:» AI Auto «,» hintRemoved «:» Подсказка удалена «,» addToCutout «:» Добавить в маску «,» removeFromCutout «:» удалить из маски «,» maskApplied «:» Маска применена «,» hardTip «:» Hard tip »,« antiAlias »:« Anti-alias »,« mirror »:« Mirror »,« scatter »:« Scatter »,« fou ». rWay »:« Четыре направления »,« blend »:« Blend »,« stroke »:« Stroke »,« type »:« Type »,« radial »:« Radial »,« linear »:« Linear »,« patch » «:» Patch «,» infill «:» Infill «,» push «:» Push «,» увеличить «:» Enlarge «,» shrink «:» Shrink «,» swirlRight «:» Swirl right «,» swirlLeft » : «swirlLeft», «rectangle»: «Rectangle», «roundedRect»: «Прямоугольник со скругленными углами», «ellipse»: «Ellipse», «circle»: «Circle», «curve»: «Curve», «arc»: «Дуга», «половина»: «Половина», «разворот»: «Размах», «треугольник»: «Треугольник», «звезда»: «Звезда», «сердце»: «Сердце», «шестиугольник»: «Шестиугольник. «,« крест »:« Крест »,« квадрат »:« Квадрат »,« мерцание »:« Мерцание »,« круглый »:« Круглый »,« плюс »:« Плюс »,« минус »:« Минус », «lighten»: «Осветлить», «затемнить»: «Темнее», «main»: «Основное», «alter»: «Изменить», «увеличить»: «Увеличить», «уменьшить»: «Уменьшить», «вертикально» «:« Вертикальный »,« горизонтальный »:« Горизонтальный »,« layerCreated »:« Слой создан »,« noCutout »:« Без маски »,« logInNow »:« Войти сейчас »,« preserveTransparency »:« Сохранить прозрачность » , «neverAskMeAgain»: «Никогда больше не спрашивайте меня об этом», «autoSelectLayer»: «Автоматический выбор слоя», «alwaysShowTransform»: «Всегда показывать преобразование», «showGuides»: «Sho w guides «,» snapToGuides «:» Привязка к направляющим «,» loremIpsum «:» Lorem ipsum.. ваш текст здесь .. «,» selectSource «:» Выбрать источник «,» newSelection «:» Новый выбор «,» addToSelection «:» Добавить в выделение (сдвиг) «,» removeFromSelection «:» Удалить из выделения (ctrl) » , «highQualityPreview»: «Предварительный просмотр в высоком качестве», «sampleAllLayers»: «Образец всех слоев», «noMerger»: «Без объединения», «LayersMerged»: «Слои объединены», «imageFlattend»: «Image Flattned», «noRasterization «:« Не текст / элемент »,« layerRasterized »:« Растрированный слой »,« selectionEmpty »:« Ничего не выбрано »,« noLayerSelected »:« Слой не выбран »,« notAImageLayer »:« Не слой изображения », «selectionSaved»: «Выделение сохранено», «layerAdded»: «Слой добавлен», «addFrame»: «Добавить рамку», «toggle»: «Toggle», «gradient»: «Gradient», «pattern»: «Pattern» , «setImage»: «Установить изображение», «distance»: «Distance», «direction»: «Direction», «flip»: «Flip», «overlap»: «Overlap», «rotate»: «Rotate», «симметрия»: «Симметрия», «edgeFill»: «Edge Fill», «repeat»: «Repeat», «Reflect»: «Reflect», «амплитуда»: «Амплитуда», «seed»: «Seed», » keyword «:» Ключевое слово «,» notAllowed «:» Не разрешено! «,» checkout «:» Checkout «,» cre ditCard «:» Кредитная карта «,» savedCard «:» Сохраненная карта «,» billingAddress «:» Платежный адрес «,» firstName «:» Имя «,» lastName «:» Фамилия «,» адрес «:» Адрес «,» city «:» Город «,» zipCode «:» Почтовый индекс «,» state «:» State «,» country «:» Country «,» cardNumber «:» Номер карты «,» month «:» month «,» год «:» год «,» autorenewalBasis «:» Основа автоматического продления «,» total «:» total «,» orderSummary «:» сводка заказа «,» elementPremiumDesc «:» Это премиум-элемент! » , «addCurvesControlDesc»: «Дважды щелкните, чтобы добавить или удалить контрольную точку.»,» viewArrangeSelection «:» Активное выделение, перетащите, чтобы переместить / вырезать выделенную область. «,» viewArrangeActiveSelection «:» Активное выделение, нельзя изменить текст, форму или слой элемента или группу. «,» viewArrangeLayerLocked «:» Слой есть заблокировано в позиции, разблокировать, чтобы включить преобразования. «,» viewArrangeNoLayer «:» Нет слоя (или пустой слой), выберите слой на правой панели слоев. «,» viewDisperseNoLayer «:» Disperse работает только со слоями изображения, выберите другой слой. »,« viewDisperseApply »:« Вы хотите применить дисперсию? »,« viewDisperseMaskFirst »:« Сначала замаскируйте область! »,« viewFocusNoLayer »:« Фокус работает только на слоях изображения, выберите другой слой.»,» viewFocusApply «:» Вы хотите применить фокус? «,» viewCloneNoLayer «:» Клонирование работает только со слоями изображения, выберите другой слой. «,» viewCloneSourceTooltip «:» Выбрать источник или рисунок (Shift) «, «viewCutoutNoLayer»: «Выберите слой изображения или растрируйте текст / элемент для создания маски.», «viewCutoutShape»: «Маска формы», «viewCutoutMagic»: «Волшебная маска», «viewCutoutDraw»: «Нарисовать маску», » viewCutoutLasso »:« Маска лассо »,« viewCutoutGradient »:« Маска градиента »,« viewShapeModeDraw »:« Рисунок пикселя того же слоя »,« viewShapeModeDesign »:« Одна векторная фигура на слой »,« viewDetailNoLayer »:« Размытие / резкость и размытие. работает только со слоями изображения (или непустыми слоями), выберите другой слой.»,» viewDrawNoLayer «:» Выберите слой изображения в списке слоев или добавьте новый пустой слой «,» viewEraserNoLayer «:» Вы можете стереть только слои изображения, выберите другой слой. «,» viewFillNoLayer «:» Работает только заливка на слоях изображения выберите другой слой. «,» viewGradientNoLayer «:» Градиент работает только со слоями изображения, выберите другой слой. «,» viewHandDesc «:» Щелкните и перетащите, чтобы переместить область просмотра. «,» viewHealNoLayer «:» Только лечение работает со слоями изображения, выберите другой слой. «,» viewLiquifyNoLayer «:» Пластика работает только со слоями изображения, выберите другой слой.»,» viewShapeNoLayer «:» Выберите или создайте слой изображения в списке слоев или выберите режим разработки. «,» viewPenNoLayer «:» Перо работает только со слоями изображения, выберите другой слой. «,» viewToningNoLayer «:» Работает только тонирование. на слоях изображения (или непустых слоях) выберите другой слой. «,» viewTemperNoLayer «:» Шаблон работает только со слоями изображения (или непустыми слоями), выберите другой слой. «,» viewReplaceNoLayer «:» Выберите слой изображения в список слоев или добавьте новый пустой слой. »,« viewReplaceMatchLight »:« Соответствие целевой яркости »,« viewPickerShades »:« Shades »,« viewPickerTriadic »:« Triadic »,« viewPickerTetradic »:« Tetradic »,« viewPickerAnalogous »: «Аналогичный», «viewPickerComplement»: «Дополнение», «viewPenPlain»: «Обычный», «viewPenSketchy»: «Sketchy», «viewPenParallel»: «Параллельный», «viewPenTrail»: «След», «viewPenShaded»: «Затененный. «,» viewPenFurry «:» Furry «,» viewPenCrayon «:» Crayon «,» viewPenInk «:» Ink «,» focus «:» Focus «,» focusSymmetric «:» Symmetric / Tilt «,» focusRadial «:» Radial «,» focusLinear «:» Linear «,» softBlur «:» Мягкое размытие «,» bokehBlur «:» Боке blur »,« bokehShape »:« Форма боке »,« viewCropNone »:« None »,« viewCropFixed »:« Фиксированное соотношение: »,« viewCrop1x1 »:« 1: 1 (квадрат) »,« viewCrop4x3 »:« 4: 3 (Монитор) »,« viewCrop16x9 »:« 16: 9 (Широкоэкранный) »,« viewCrop3x1 »:« 3: 1 (Панорама) »,« viewCrop3x2 »:« 3: 2 (35-мм пленка) »,« viewCrop21x9 »: «21: 9 (Cinemascope)», «viewCrop32x9»: «32: 9 (Сверхширокий)», «viewCropOutput»: «Размер вывода:», «viewCropFBProfile»: «Профиль Facebook», «viewCropFBCover»: «Обложка Facebook «,» viewCropFBPost «:» сообщение в Facebook «,» viewCropFBAd «:» объявление в Facebook «,» viewCropInstaProfile «:» профиль в Instragram «,» viewCropInstaPost «:» сообщение в Instagram «,» viewCropInstaStory «:» история в Instagram «,» viewCropTwitProfile » : «Профиль Twitter», «viewCropTwitHeader»: «Заголовок Twitter», «viewCropTwitImage»: «Изображение Twitter», «viewCropTwitCard»: «карточка Twitter», «viewCropTwitAd»: «Реклама в Twitter», «viewCropYTProfile»: «Профиль Youtube» , «viewCropYTChannelArt»: «Обложка канала Youtube», «viewCropYTThumb»: «Большой палец YouTube», «viewCropWebMini»: «Web mini 1024×768», «viewCropWebSmall»: «Web small 1280×800», «viewCropWebCommon «:» Обычная веб-страница 1366×768 «,» viewCropWebMedium «:» Веб-среда 1440×900 «,» viewCropFHD «:» Full HD 1920×1080 «,» viewCropUHD «:» Ultra HD 4x 3840×2160 «,» viewCropPaperA4 «:» бумага A4 «,» viewCropPaperA5 » «:« Бумага A5 »,« viewCropPaperA6 »:« Бумага A6 »,« viewCropPaperLet »:« Бумажное письмо »,« dialogAddLayerTitle »:« Добавить слой »,« dialogAddLayerHL »:« Выберите тип слоя для добавления »,« dialogBevelHighColor «:« Цвет подсветки »,« dialogBevelShadowColor »:« Цвет тени »,« dialogBevelHighOpacity »:« Непрозрачность подсветки »,« dialogBevelShadowOpacity »:« Непрозрачность тени »,« dialogChoiceTitle »:« Открыть изображение »,« dialogChoiceHeadline »:« У вас хотите добавить изображение в качестве слоя в текущий документ или создать новый? »,« dialogLoadTitle »:« Загрузка »,« dialogLoadPrepare »:« подготовка… «,» dialogLoadLoadingFrom «:» Загрузка% s из% s … «,» dialogLoadError «:» Что-то пошло не так при загрузке изображения … повторите попытку позже … «,» dialogOpenURLTitle «:» Открыть изображение URL «,» dialogOpenURLHeadline «:» URL изображения «,» dialogPreResizeTitle «:» Предварительное изменение размера изображения «,» dialogPreResizeInfo1 «:» Выбранное изображение очень большое «,» dialogPreResizeInfo2 «:», измените его размер перед тем, как начать редактирование, чтобы экономия памяти и минимизация задержек. »,« dialogPreResizeExif »:« Автоповорот на основе exif »,« dialogPreResizeMaxSize »:« Макс.% d px »,« dialogResizeImageTitle »:« Изменить размер изображения »,« dialogResizeCanvasTitle »:« Изменить размер холста », «dialogResizeContrain»: «Сохранить пропорции», «dialogResizeSmoothing»: «Сглаживание», «dialogResizeApplyAll»: «При применении изменения размера все слои будут масштабированы.«,« dialogResizeRelative »:« Относительное изменение »,« dialogResizeAnchor »:« Точка привязки »,« dialogResizeCropWarning »:« При изменении размера любой активный инструмент кадрирования будет сброшен, некоторое обрезание слоев может произойти, если новый размер холста будет меньше ». , «dialogSaveTitle»: «Сохранить изображение», «dialogSaveName»: «Имя файла», «dialogSaveFileType»: «Тип файла», «dialogSaveLow»: «Низкий», «dialogSaveMed»: «Med», «dialogSaveHigh»: «Высокий» «,» dialogSaveImageWidth «:» Ширина изображения «,» dialogSaveImageHeight «:» Высота изображения «,» dialogSaveCalculate «:» .. вычисление «,» dialogSaveNonDestructive «:» Неразрушающий (файлы гораздо большего размера) «,» dialogSavePXZDescription «:» PXZ — это собственный формат документа Pixlr, он сохранит всю структуру рабочего проекта.»,» dialogAiCutoutTitle «:» Маска AI «,» SinceDay «:» День назад «,» SinceDays «:»% d дней назад «,» SinceHour «:» Час назад «,» SinceHours «:»% d часов назад «,» SinceMinute «:» Минуту назад «,» SinceMinutes «:»% d минут назад «,» SinceNow «:» Только что «,» openImage «:» Открыть изображение «,» loadURL «:» Загрузить URL » , «dropFile»: «Перетащить, чтобы открыть файл», «history»: «History», «createNew»: «Создать новый», «stockSearch»: «Поиск стоковых изображений», «addCurrent»: «Добавить текущий», «backToEditor» «:» Назад в редактор «,» viewAll «:» Просмотреть все «,» viewMore «:» Еще «,» historyProjects «:» Последние проекты «,» historyDescription «:» Из локального временного кэша для сохранения проекта на длительный срок сохраните его как PXZ (документ Pixlr).»,» templates «:» Шаблоны «,» useTemplate «:» Используйте этот шаблон «,» RecommendedTemplate «:» Рекомендуемые шаблоны «,» RecommendedDescription «:» Модные и высококачественные шаблоны, вручную отобранные нашей командой. «,» templatesDescription » : «Просмотрите и найдите шаблон, выбрав тип дизайна, который вы хотите создать ниже.», «TemplateSearch»: «Поиск», «templateKeyword»: «Keyword ..», «templateCategories»: «Категории», «templateFilter» : «Filter», «templatePopular»: «Popular», «templateRecent»: «Recent», «templateAll»: «All», «templateFree»: «Free», «templatePremium»: «Premium», «pinnedProjects»: » Закрепленные проекты »,« allYourProjects »:« Все ваши временные проекты »,« aboutHistory »:« История только временно сохраняется в кеше браузера, все документы будут удалены, если вы очистите кеш или запустите какую-либо процедуру очистки.Если вы хотите сохранить на длительный срок, загрузите его как .PXZ (документ Pixlr). «,» NoHistory «:» В вашей истории нет проектов. «,» ClearHistory «:» Очистить историю «,» sizeWeb «:» Интернет «,» sizeWebSmall «:» Web small «,» sizeWeb720 «:» Web 720p «,» sizeFullHD «:» Full HD «,» sizeWeb1440 «:» Web 1440p «,» sizeUltraHD «:» Ultra HD «,» sizeInstagram » : «Instagram», «sizeInstagramStory»: «История Instagram», «sizeFacebookCover»: «Обложка Facebook», «sizeFacebookProfile»: «Профиль Facebook», «historyClearConfirm»: «Вы действительно хотите очистить историю?», «HistoryDelete» «:» Удалить «,» historyPin «:» Закрепить «,» historyUnpin «:» Открепить «,» historyDuplicate «:» Дублировать «,» documentActions «:» Действия с документом «,» locked «:» Locked «,» unlocked » : «Unlocked», «hasCutout»: «Has Mask», «layerSettings»: «Layer Settings», «viewOBarNav»: «Navigate», «viewOBarFit»: «Fit Screen (ctrl + 0)», «viewOBarFill»: » Заполнить экран (ctrl + 2) »,« viewOBarZ1X »:« Фактические пиксели (ctrl + 1) »,« viewOBarZ3X »:« 3x Zoom (ctrl + 3) »,« viewOBarMU »:« Переместить вверх »,« viewOBarMD »: «Сдвинуть вниз», «viewOBarZoomIn»: «Увеличить», «viewOBarZoomOu» t »:« Уменьшить »,« viewOBarSet »:« Настройки »,« viewOBarShowGu »:« Показать направляющие »,« viewOBarSnap »:« Привязать к направляющим »,« viewOBarSmooth »:« Плавное масштабирование »,« viewOBarLightUI »:« Свет ui mode »,« viewOBarScollZoom »:« Используйте колесо прокрутки для увеличения »,« viewOBarAskPrerezise »:« Запросить предварительное изменение размера изображения »,« viewOBarAskLayertype »:« Спросите, какой тип слоя добавить »,« viewOBarDup »:« Дублировать слой » , «viewOBarDel»: «Удалить слой (DEL)», «viewOBarLockUnlockLayer»: «Заблокировать / разблокировать положение слоя», «viewOBarShowHideLayer»: «Показать / скрыть слой», «viewOBarAccent»: «Цвет акцента», «viewOBarWorkspace»: « Цвет рабочей области »,« blendModeNone »:« Нет »,« blendModeMultiply »:« Умножить »,« blendModeScreen »:« Экран »,« blendModeLighter »:« Светлее »,« blendModeOverlay »:« Наложение »,« blendModeDarken »:« Темнее » , «blendModeDifference»: «Разница», «blendModeExclusion»: «Исключение», «blendModeHue»: «Оттенок», «blendModeSaturation» : «Saturation», «blendModeColor»: «Color», «blendModeLuminosity»: «Luminosity», «layerMergeDown»: «Объединить вниз», «layerMergeVisible»: «Объединить видимые», «layerFlattenImage»: «Свести изображение», «historyAddelement «:« Добавить элемент »,« historyPasteelement »:« Вставить элемент »,« historyDuplicateelement »:« Дублировать элемент »,« historyDeleteelement »:« Удалить элемент »,« historyShape »:« Shape »,« historyAddshape »:« Добавить фигуру » , «historyPasteshape»: «Вставить фигуру», «historyDuplicateshape»: «Дублировать фигуру», «historyDeleteshape»: «Удалить фигуру», «historyShapeType»: «Type», «historyShapeFill»: «Fill», «historyShapeShadow»: «Shadow» «,» historyShapeShape «:» Форма «,» historyShapeOutline «:» Outline «,» historyShapeSettings «:» Параметры формы «,» historyOpenimage «:» Открыть изображение «,» historyDropimage «:» Перетащить изображение «,» historyAddimage «: «Добавить изображение», «historyPasteimage»: «Вставить изображение», «historyExtractimage»: «Извлечь изображение», «historyDuplicateimage»: «Дублировать изображение», «historyAddemptyimage»: «Добавить слой», «historyNewemptyimage»: «Новое изображение», «historyDeleteimage»: «Удалить изображение», «h istoryAddtext «:» Добавить текст «,» historyPastetext «:» Вставить текст «,» historyDuplicatetext «:» Дублировать текст «,» historyDeletetext «:» Удалить текст «,» historyFrame «:» Frame «,» historyAddframe «:» Добавить рамку «,» historyPasteframe «:» Вставить кадр «,» historyDuplicateframe «:» Дублировать кадр «,» historyDeleteframe «:» Удалить кадр «,» historyFrameContentAdd «:» Добавить изображение кадра «,» historyFrameContentReplace «:» Изменить изображение кадра «,» historyFrameContentDelete «:» Удалить изображение кадра «,» historyFitContent «:» Изменить изображение «,» historyFrameContent «:» Изображение кадра «,» historyRasterizetext «:» Растеризованный текст «,» historyRasterizeframe «:» Растеризованный кадр «,» historyRasterizeelement «:» Растеризованный элемент »,« historyRasterizeshape »:« Растеризованная форма »,« historyClear »:« Очистить »,« historyCut »:« Вырезать »,« historyLayerOpacity »:« Прозрачность »,« historyLayerBlendMode »:« Режим наложения »,« historyLayerVisible »: «Видимость», «historyLayerName»: «Имя слоя», «historyTextSize»: «Размер», «historyTextFont»: «Шрифт», «historyTextFill»: «Fill», «historyTextAlign»: «Выровнять», «historyTextUppercase»: » Uppercas e «,» historyTextBold «:» Bold «,» historyTextItalic «:» Italic «,» historyTextLetterspace «:» Letter space «,» historyTextLinespace «:» Line space «,» historyTextCurve «:» Curve «,» historyTextShadow «:» Shadow «,» historyTextOutline «:» Outline «,» historyTextBackground «:» Background «,» historyText «:» Text «,» historyimage «:» Image «,» historyEffect «:» Effect «,» historyAdjust «:» Adjust » , «historyFilter»: «Фильтр», «historyArrange»: «Упорядочить», «historyStackArrange»: «Упорядочить группу», «historyDistort»: «Искажать», «historyTransform»: «Преобразовать», «historyMove»: «Переместить», «historyResize»: «Изменить размер», «historyFlip»: «Отразить», «historyRotate»: «Повернуть», «historyStackMove»: «Переместить группу», «historyStackResize»: «Изменить размер группы», «historyStackRotate»: «Повернуть группу» , «historyGradient»: «Gradient», «historyLayerLocked»: «Слой разблокирован», «historyFill»: «Fill», «historyHealPatch»: «Heal patch», «historyHealInfill»: «Heal infill», «historyLiquify»: «Пластика», «historyBevel»: «Bevel», «historyTextSettings»: «Настройки текста», «historyTextChange»: «Изменение текста», «historyWand»: «Wand», «historyL» asso «:» Lasso «,» historyMarquee «:» Marquee «,» historyDraw «:» Draw «,» historyReplace «:» Color replace «,» historyClone «:» Clone «,» historyFocus «:» Focus «,» historyDisperse » «:» Disperse «,» historyCrop «:» Crop «,» historyDetail «:» Detail «,» historyToning «:» Toning «,» historyTemper «:» Sponge «,» historyPen «:» Pen «,» historyEraser «: «Ластик», «historyStraighten»: «Выпрямить», «historyBackground»: «Фон», «historyImageResize»: «Изменить размер изображения», «historyCanvasResize»: «Изменить размер холста», «historyMask»: «Mask», «historyMaskInvert»: «Маска инвертировать», «historyMerge»: «Объединить слои», «historyOrder»: «Порядок слоев», «historyDeselect»: «Отменить выбор», «historySelectionMove»: «Переместить выделение», «historySelectionAll»: «Выбрать все», » historySelectionPixels »:« Выбрать пиксели »,« historySelectionInvert »:« Инвертировать выделение »,« historySelectionRestore »:« Восстановить выделение »,« historySelectionCut »:« Вырезать с выделением »,« historySelectionCopy »:« Копировать с выделением »,« historyFrameShape »: «Shape», «historyFrameShadow»: «Shadow», «historyFrameOutline»: «Outline», «historyFrameSettings»: «Настройки кадра», «historyStroke»: «Stroke», «historyAuto»: «Auto Adjust», «historyPop»: «Auto pop», «historyBw»: «Auto B&W», «historyBrightnessContrast»: «Яркость и контраст», «historyTemperatureTint»: «Температура и оттенок», «historyHueSaturation»: «Оттенок и насыщенность», «historyVibrance»: «Vibrance», «historyBalance»: «Цветовой баланс», «historyLookup»: «Поиск цвета», «historyHighlightsShadows»: «Света и тени», «historyExposure»: «Exposure», «historyCurves»: «Curves», «historyLevels»: «Levels», «historyBlack»: «Black», «historyWhite»: «Белый», «historyThreshold»: «Threshold», «historyPosterize»: «Posterize», «historyDesaturate»: «Desaturate», «historyInvert»: «Invert», «historySolarize»: «Solarize», «historyMimicHDR»: «Mimic HDR», «historySharpen»: » Резкость »,« historyClarity »:« Четкость »,« historyBlur »:« Размытие »,« historyZoom »:« Размытие при увеличении »,« historyGaussian »:« Размытие по Гауссу »,« historyMotion »:« Размытие в движении »,« historyRadial »: «Радиальное размытие», «historySmooth»: «Сглаживание», «historyDenoise»: «Удалить шум», «historyGrain»: «Зерно», «historyNoise»: «Шум» «,» historyVignette «:» Vignette «,» historyBloom «:» Bloom «,» historyGlamour «:» Glamour «,» historyDehaze «:» Dehaze «,» historySobel «:» Найти края «,» historyFringe «:» Fringe » , «historyPixelate»: «Pixelate», «historyHalftone»: «Halftone», «historyMosaic»: «Mosaic», «historyScanlines»: «Scanlines», «historyDropShadow»: «Drop shadow», «historyInnerGlow»: «Внутреннее свечение» , «historyOuterGlow»: «Внешнее свечение», «historyOpen»: «Открыть», «historySlice»: «Slice», «historyRgbSplit»: «RGB split», «historyInterference»: «Interference», «historyPolarcoordinates»: «Полярные координаты «,» historyFisheye «:» Fish Eye «,» historyKaleidoscope «:» Kaleidoscope «,» historyReflect «:» Reflect «,» historyWave «:» Wave «,» historyConvertMaskToSelection «:» Преобразовать в выделение «,» historyConvertSelectionToMask «:» Преобразовать в маску »,« historyApplyMask »:« Применить маску »,« entrySignupHeadline »:« Создать бесплатную учетную запись на Pixlr »,« entrySignUp »:« Зарегистрироваться »,« RememberMe »:« Запомнить меня »,« ForgotPass »:» Забыли пароль? »,« NotMember »:« Не участник? »,« SignUpNow »:« Зарегистрируйтесь сейчас! »,« SignUp »:« Зарегистрируйтесь »,« ужеМне » mber »:« Уже зарегистрировались? »,« loginHere »:« Войдите здесь! »,« code »:« Код »,« verifyAcc »:« Подтвердите свою учетную запись »,« verify »:« Verify »,« повторно » : «Отправить еще раз?», «DidNotReceiveCode»: «Я не получил код!», «BackReg»: «Вернуться к регистрации», «ForgottenPass»: «Забыли пароль?», «ResetPassDesc»: » Пожалуйста, введите свой адрес электронной почты, чтобы сбросить пароль.»,» reqCode «:» Код запроса «,» resetPass «:» Сброс пароля «,» newPass «:» Новый пароль «,» updatePass «:» Обновить пароль «,» terms «:» Условия использования и уведомление о конфиденциальности » , «regNewsletter»: «Я хотел бы получать обновления, бесплатные, рекламные и другие маркетинговые сообщения от Pixlr.», «regRecommendations»: «Мне интересно получать предложения и рекомендации, связанные с моим интересом к Pixlr.», «согласен» : «Согласен», «sentCodeDesc»: «Мы отправили электронное письмо на [EMAIL] с кодом подтверждения. Пожалуйста, введите код ниже. »,« OldPass »:« Старый пароль »,« newEmail »:« Новый адрес электронной почты »,« above16 »:« Мне не менее 16 лет.»,» readAgreements «:» Я прочитал и согласен с Условиями использования и Уведомлением о конфиденциальности. «,» pixlrLogin_EnterValidEmail «:» Пожалуйста, введите действительный формат электронной почты. «,» pixlrLogin_EnterValidCountry «:» Пожалуйста, выберите действительную страну. «, «pixlrLogin_EnterValidNewsletter»: «Пожалуйста, выберите действующий информационный бюллетень.», «pixlrLogin_MinPassword»: «Минимальная длина 8 символов.», «pixlrLogin_InvalidPassword»: «Неверный пароль. Повторите попытку. «,» PixlrLogin_EmailNotExists «:» Этот адрес электронной почты не существует. «,» PixlrLogin_EmailAlreadyExists «:» Этот адрес электронной почты уже существует.»,» pixlrLogin_SuccessReSendCodeToEmail «:» Проверочный код повторно отправлен на {email}! Пожалуйста, проверьте свою электронную почту. «,» PixlrLogin_SuccessSendCodeEmail «:» Проверочный код отправлен на {email}! Пожалуйста, проверьте свою электронную почту. «,» PixlrLogin_EnterValidCode «:» Пожалуйста, введите действительный код. «,» PixlrLogin_WrongCode «:» К сожалению, неверный код. Повторите попытку. «,» PixlrLogin_SuccessUpdatePassword «:» Ваш пароль успешно обновлен. Пожалуйста, войдите снова. «,» PixlrLogin_EmailAlreadyExistVerify «:» Электронный адрес уже существует. Пожалуйста, подтвердите свою электронную почту.»,» pixlrLogin_EmailSuccessVerified «:» Ваша учетная запись успешно подтверждена! «,» pixlrLogin_EmailUpdated «:» Электронная почта успешно обновлена »,» pixlrLogin_CodeExpired «:» Срок действия кода истек. «,» Код pixlrLogin_FailedResendCode «:» Не удалось отправить повторно код pixlrLogin_FailedResendCode «: , «pixlrLogin_ServerError»: «Ошибка сервера. Повторите попытку позже. «,» PixlrLogin_ResetPasswordRequired «:» Требуется сброс пароля. Мы отправили электронное письмо на адрес {email} с кодом подтверждения. «,» PixlrLogin_EnterValidPassword «:» Должен содержать как минимум 1 нижний регистр, 1 верхний регистр, 1 цифру и 1 символ.»,» pixlrLogin_MaxPassword «:» Максимальная длина 50 символов. «,» pixlrLogin_RequestCodeTooFrequent «:» Слишком много запросов. Повторите попытку через 30 секунд. «,» PixlrLogin_3TimesFailedAttempts «:» Слишком много неудачных попыток. Повторите попытку через {minuteRemaining} мин. «,» Profile «:» Profile «,» subscription «:» Subscription «,» email «:» Email «,» password «:» Password «,» language «:» Language » , «changePassword»: «Изменить пароль», «newsletter»: «Newsletter», «receiveNewsletter»: «Получать информационный бюллетень от Pixlr», «myAccount»: «Моя учетная запись», «myDownloads»: «Мои загрузки», «creatorDashboard» : «Панель инструментов создателя», «menu»: «MENU», «changeEmail»: «Изменить адрес электронной почты», «account»: «Account», «agreementBar»: «Используя наш сайт, вы подтверждаете, что читаете и понимаете наши «,« accept »:« ПРИНЯТЬ »,« licenseAgreement »:« Лицензионное соглашение »,« termsOfUse »:« Условия использования »,« privacyPolicy »:« Политика конфиденциальности »,« cookiePolicy »:« Политика использования файлов cookie »,« try30DayFreePremium » : «Попробуйте 30 дней бесплатного Premium», «premiumBounceTitle»: «Разблокируйте Premium и сокрушите творческие границы!», «PremiumFeatureAlso»: «Премиум-пользователи также имеют:», «premiumFeaturePitchOne»: «Тысячи шаблонов», «premiumFeaturePitchTwo»: «Удаление фона одним щелчком мыши», «premiumFeaturePitchThree»: «Сотни эксклюзивных изображений. nts «,» premiumFeaturePitchFour «:» Dispersion, Glitch and Focus Studios «,» premiumFeaturePitchFive «:» Бесплатная и загружаемая версия рекламы.. »,« premiumFontSalesPitch »:« Получите доступ к сотням уникальных шрифтов и шрифтов Premium от известных художников для использования в своих проектах. »,« premiumCutoutSalesPitch »:« Одним щелчком мыши мгновенно удалите фон изображения с помощью Pixlr AI, включенного в Premium. «,» premiumElementSalesPitch «:» Добавьте изюминку вашему дизайну с помощью нескольких тысяч дополнительных премиальных элементов. «,» premiumStudioSalesPitch «:» Получите доступ к инструментам Premium Studio, чтобы создавать еще более впечатляющие изображения и дизайны одним щелчком мыши. «, «unlockPremiumMessage»: «Разблокировать этот шаблон», «premiumTemplate»: «Разблокировать шаблон», «premiumTemplateSalesPitch»: «Внесите единовременную плату, чтобы разблокировать этот шаблон премиум-класса, или станьте членом Премиум и получите доступ ко всей библиотеке профессиональных сделал дизайн.»,» premiumOneTime «:» Шаблон покупки для «,» обратная связь «:» Отзыв «,» учебные пособия «:» Учебные пособия «,» help «:» Справка «,» рекомендуемые «:» Рекомендуемые «,» instagram-post «: «Instagram Post», «instagram-story»: «Instagram Story», «facebook-post»: «Facebook Post», «facebook-story»: «Facebook Story», «facebook-post-wide»: «Facebook Wide Post» «,» facebook-ad-wide «:» Facebook Ad Wide «,» facebook-cover «:» Facebook Cover «,» facebook-event-cover «:» Facebook Event Cover «,» facebook-group-cover «:» Обложка группы в Facebook »,« Social-media-post »:« Social-Media-Post »,« social-media-story »:« Social Media Story »,« youtube-thumbnail »:« YouTube Thumb »,« youtube-channel-art » «:« YouTube Art »,« pinterest-pin »:« Pinterest-Pin »,« pinterest-long-pin »:« Pinterest-Long-pin »:« Pinterest-Long-pin »,« twitter-post »:« Twitter Post »,« twitter-cover »:» Обложка Twitter »,« linkedin-company-banner »:« LinkedIn Company »,« linkedin-personal-banner »:« LinkedIn Personal »,« roblox »:« Roblox Clothes »,« flyer »:« Flyer »,« business- card «:» Визитка «,» простой-коллаж «:» Простой коллаж «} </p> Pixlr M <p> Pixlr E предназначен для настольных компьютеров.<div class="extra-hatom"><span class="entry-title">Как на фото обвести маркером на телефоне: Использование функции «Разметка» на iPhone, iPad или iPod touch</span></div> </div> </article> <nav class="navigation post-navigation" aria-label="Записи"> <h2 class="screen-reader-text">Навигация по записям</h2> <div class="nav-links"><div class="nav-previous"><a href="https://74foto.ru/canon/canon-eos-1200d-instrukcziya-instrukcziya-dlya-fotoapparata-canon-eos-1200d.html" rel="prev">Canon eos 1200d инструкция: Инструкция для фотоаппарата Canon EOS 1200D</a></div><div class="nav-next"><a href="https://74foto.ru/raznoe/fotoshop-rezkost-korrektirovka-rezkosti-izobrazheniya-i-razmytiya-obektiva-v-photoshop.html" rel="next">Фотошоп резкость: Корректировка резкости изображения и размытия объектива в Photoshop</a></div></div> </nav> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe/kak-na-foto-obvesti-markerom-na-telefone-ispolzovanie-funkczii-razmetka-na-iphone-ipad-ili-ipod-touch.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://74foto.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required>
Имя *
Email *
Сайт

Использование функции «Разметка» на iPhone, iPad или iPod touch

Программы и функции, в которых используется функция «Разметка»

Почта

Рисуйте с помощью функции «Разметка»

Перемещайте рисунок

Стирайте и редактируйте рисунки

Добавляйте текст, подписи, лупы и фигуры

Дополнительные возможности функции «Разметка»

Как рисовать, добавлять текст и лупу на фото в iPhone и iPad

Видео инструкция

Как рисовать, добавлять текст и лупу на фото в iPhone и iPad

Как рисовать, добавлять текст и лупу на фото в iPhone и iPad в приложении Сообщения

Как рисовать на фото или картинках в Заметках на Айпаде или Айфоне

Как рисовать поверх изображений в «Заметках»

Как добавить фото (изображение) в заметку на iPad или iPhone

Как изменить «бумагу» в заметке (в линейку или клетку) на iPad или iPhone

10 бесплатных приложений для дизайнеров и просто деловых людей

Выделение цветом

Выделение цветом выбранного фрагмента текста

Выделение нескольких частей документа

Удаление выделения из части документа или из всего документа

Быстрое поиск выделенного текста

Выделение цветом выбранного фрагмента текста

Выделение нескольких частей документа

Удаление выделения из части документа или из всего документа

Быстрое поиск выделенного текста

Редактор фотографий на прошивке MIUI 8. — MIUI общее — Mi Community

Как настроить маркеры в документе Word

Используйте разметку, чтобы писать или рисовать на фотографии в программе «Фото» на Mac

Как использовать редактор разметки в приложении «Фото» на iPhone и iPad

Как получить доступ к редактору разметки в приложении «Фото» на iPhone и iPad

Как рисовать на фотографиях с помощью редактора разметки в приложении «Фото» на iPhone и iPad

Как изменить толщину инструмента для рисования в редакторе разметки в приложении «Фото» на iPhone и iPad

Как сделать выноску в редакторе разметки в приложении «Фото» на iPhone и iPad

Как добавить текст к фотографии в редакторе разметки в приложении «Фото» на iPhone и iPad

Как изменить начертание шрифта в редакторе разметки в приложении «Фото» на iPhone и iPad

Как изменить размер шрифта в редакторе разметки в приложении «Фото» на iPhone и iPad

Как изменить выравнивание текста в редакторе разметки в приложении «Фото» на iPhone и iPad

Как отменить или повторить движение в редакторе разметки в приложении «Фото» на iPhone и iPad

Вопросы?

Компоненты · Bootstrap

Доступные глифы

Как использовать

Не смешивать с другими компонентами

Только для использования с пустыми элементами

Изменение расположения шрифта значка

Доступные значки

Примеры

Пример

Выравнивание

Может потребоваться дополнительное позиционирование.

Устарело

Разделитель

Отключенные пункты меню

Проверьте правильность роли

Базовый пример

Размер

Nesting

Вертикальный вариант

Группы кнопок по ширине

Обработка границ

IE8 и границы

С элементами

Ссылки, действующие как кнопки

с элементами

Зависимость подключаемого модуля

Выпадающие списки с одной кнопкой

Раскрывающиеся списки с разделенными кнопками

Размер

Выпадающий вариант

Текстовое