Вставка картинок

Регистрация в блоге
Аватар
Cкрыть часть сообщения на главной странице
Вставка аудио-файла
Вставка видео-файла
Вставка картинок

Картинки можно вставлять двумя способами.

1. Загрузка и вставка картинки в сообщение из вашего компьютера.

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

Общие требования к загружаемым изображениям:
- допустимые форматы файлов - *.jpg  или *.gif;
- наименование файла только на английском языке;
- максимальный размер по горизонтали (ширина) - 600 пикселей.

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


Должна быть активна вкладка С компьютера. Нажмите кнопку Выберете файлы


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


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

Например:

 

 

2. Вставка ссылки на картинку в сообщение, когда картинка находится на другом сайте.


Правой кнопкой мышки кликните на нужном изображении, нажмите Свойства.


В открывшемся окне мышкой выделите URL адрес, удерживая курсор на выделении, кликните правой кнопкой и выберете Копировать (Ctrl+С).

В окне редактирования сообщения блога вставьте ссылку (Ctrl+V) в следующий код:

<img src="ссылка" width="600" />

где параметр width="600" применяется только в случае, если исходная ширина изображения больше 600 пикселей. Если ширина изображения меньше 600 пикселей, то параметр width="600" следует удалить из кода совсем.

 

3. Чтобы вставленную картинку обтекал текст.

Добавьте в код вставленной картинки пару тэгов:

<img src="ссылка" width="600" style="border-right: 7px #FFFFFF solid" align="left" />

где тэгом style="border-right: 7px #FFFFFF solid;" задана рамка справа от картинки шириной семь пикселов белого цвета, а картинка выравнивается по левому краю - align="left".

Или так:
<img src="ссылка" width="600" style="margin-right: 7px;" align="left" />

где тэгом style="margin-right: 7px;" задана граница справа от картинки шириной семь пикселов, а картинка выравнивается по левому краю - align="left".

Или так:
<img src="ссылка" width="600" hspace="7" align="left" />

где hspace="7" это расстояние в пикселях между картинкой и текстом справа и слева, а align="left" это выравнивание картинки по левой стороне, по правой, соответственно, будет align="right".

Например:
"Могущество России может быть подорвано только отделением от неё Украины… необходимо не только оторвать, но и противопоставить Украину России, стравить две части единого народа и наблюдать, как брат будет убивать брата. Для этого нужно только найти и взрастить предателей среди национальной элиты и с их помощью изменить самосознание одной части великого народа до такой степени, что он будет ненавидеть всё русское, ненавидеть свой род, не осознавая этого. Всё остальное — дело времени."
Это изречение приписывают Отто фон Бисмарку.

 

4. Вставка картинки в комментарий.

Разработчики движка не предусмотрели явной возможности вставлять картинки в комментарий. Но это возможно, зная особенности движка - поддерживается практически весь HTML-код.

Общие требования к загружаемым в комментарии изображениям:
- допустимые форматы файлов - *.jpg или *.gif;
- наименование файла только на английском языке;
- максимальный размер по горизонтали (ширина) - 550 пикселей.

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

из поля URL ссылки скопируйте ссылку, которая имеет вот такой вид http://www.kvoku.org/blog/wp-content/uploads/2009/10/knopka-pic.jpg, и вставьте ее в код изображения в своем комментарии

<img src="ссылка" width="550" />

Потом просто закройте окно загрузки картинки, и отмените создание нового сообщения.

 

5. Положение изображения на странице.

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

<p style="text-align: center;"><img src="ссылка"></p>

или вот такая конструкция тоже годится

<div style="text-align: center;"><img src="ссылка"></div>

Если хотите, чтобы изображение выровнялось по правому краю, то вместо параметра center примените параметр right.