Как разместить изображение в контексте сообщения?

Автор: voland
Как разместить изображение в контексте сообщения?

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

Для добавления изображения в контекст необходимо:

1. Выбрать в меню редактора кнопку "Изображение".

  • Установите курсор в тексте где должна быть фотография,
  • Нажмите на кнопку панели редактора "Вставить/редактировать изображение" (выделено красным), и Вы увидите форму вставки изображения(картинка ниже).

Вставка изображения

  • для загрузки изображений, нажмите на кнопку "Посмотреть на сервере"

2. Загрузка изображений с Вашу персональную директорию на сервере

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

Персональная директория

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

Редактор разделен на 4 зоны:

1). Кнопки меню.

  • Загрузить - для выбора и загрузки изображения с Вашего диска.
  • Удалить - для удаления фотографии с сервера
  • Resize - изменение размера фотографии
  • Crop - обрезать фотографию
  • Insert file - вставить фотографию в материал

2). Дерево каталогов Вашей директории на сервере

3). Список фалов в текущей директории

4). Предпросмотр указанного файла

Далее, необходимо загрузить файлы на сервер, если есть необходимость - изменить размер или обрезать. после чего выбрать нужное изображение и нажать "Insert file", после чего окно закроется и Вы перейдете к настроке выбранного изображения.

3. Настройка отображения изображения

Настройка изображения

Это уже знакомая Вам форма, но теперь давайте ее правильно заполним.

1). Имя фала или ПУТЬ - уже заполнено.

2). Название изображения - любой текст, который будет сопровождать ваше изображение.

3). Размер отображения не более 500 по ширине, это для того что-бы изобрадение нормально помещалось в тексте. Можете испольщовать любые параметры.

4). Если нужно можете выставить отступы текста, что-бы текст не сливался с изображением( используется для миниатюр в тексте).

5). Это предпросмотр изображения, так как оно будет выглядеть в тексте.

Если Вы хотите, что-бы при нажатии на миниатюру, изображение разворачивалось на весь экран в максимальном размере:

  • Выставьте размер в 3 зоне(описано выше) меньше реальныз размеров изображения, так что-бы получилась миниатюра. Например 250 по ширине(Высоту он выставит автоматически пропорционально).
  • Скопируйте ПУТЬ - 1 зона (описано выше): выделите текст и нажмите Ctrl+c на клавиатуре.
  • Перейдите на вторую вкладку "Ссылка"

4. Настройка ссылки для миниатюр

Настройка ссылки

Теперь изображение должно появиться в тексте сообщения. И Вы можете проболжить создавать сообщение.

На этой вкладке не много параметров:

1). Вставьте курсор в это поле и нажмите Ctrl+v произойдет вставка скопированной ссылки, и теперь ваша миниатбра будет раскрываться на весь экран при нажатии.

2.) Заполните название для изображения, когда изображение раскроется на весь экран - этот текст будет подписью внизу.

Теперь нажмите "ОК" и Ваше изображение будет вставлено в текст сообщения.

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

5. Сохранение материала.

Не забывайте сохранять материал во избежании лишней работы! Нажмите "Сохранить".

 

Добавить в Twitter

Случайный рецепт

Случайное фото

Случайный трофей