БЛОГГЕРАМ: работаем с изображениями

«Пороги» открывают практически неограниченные возможности в использовании фото-, аудио-, видеоресурсов и пр.

В этой статье речь пойдет об использовании в записях блогов пользователями «Порогов» изображений.

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

Затем выберите необходимые изображения и нажмите «Сохранить»:

ight: 222px;” />Система сохранит файлы и покажет вам их имена:

Эти имена (ссылки на файлы) необходимо скопировать.

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

В панели редактирования текста кликните на кнопку «Изображение»:

появится следующее окошко:

В поле «Ссылка» введите скопированное ранее имя файла. Предпросмотр картинки появится в том же окне. Затем нажмите ОК.

Что такое альтернативный текст?

Альтернативный текст – текст, который будет отображаться в случае, если изображение не загрузится (например, если пользователь отключил отображение изображений).

Как увеличить или уменьшить изображение?

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

Как добавить к изображению рамку?

Если нужна рамка к изображению – укажите в поле «Граница» ширину предполагаемой рамки.

Как добавить свободное пространство между картинкой и текстом?

В полях гориз. отступ (справа/слева от изображения) и вертик.отступ (сверху/снизу изображения) укажите значения от 5 до 10.

Как разместить картинку слева/справа от текста?

Просто укажите выравнивание изображения слева или справа. Если оставить значние «Не указано», текст будет находиться только сверху и вверху и внизу.

Если необходимо применить другие способы форматирования картинки, ознакомьтесь с синтаксисом каскадных таблиц стилей (css), это стили можно применить на вкладке «Дополнительно», в поле «Стили».

Как разместить картинки по-особому с различными подписями, или делать коллажи с изображениями, как в примере:

Для этого нам придется воспользоваться таблицами.

1. Нажмите на кнопку «Таблица» (через одну кнопку вправо после кнопки добавления изображений).

2. Добавьте сначала таблица 2х2 (две строки, два столбца. Пусть, ширина нашей таблицы будет 500px.

3. В верхней левой ячейке можно сразу поместить картинку уже известным способом. Ширина этой картинки будет 500px/2 = 250px (у нас ведь два столбца). Таким же образом помещаем картинку в правую верхнюю ячейку.

4. Теперь нам необходимо в нижней левой ячейке разместить вместо одной картинки три. Для этого, в этой ячейке создадим еще одну таблицу, шириной 250px. У неё будет одна строка и 3 столбца. В каждую ячейку новой таблицы помещаем по одному изображению, шириной 250/3 = прим. 82px каждая. Такую же операцию мы производим и с правой нижней ячейкой.

Готово!

Таким образом можно как угодно отделять картинку от текста и совершенно разнообразно оформлять записи своего блога.

Матеріал взято із старої версії сайту «Пороги».
Автор : Максим Заворотинский