Установка графики в текст

Здесь подробно указан метод установки картинки, который я нащупал опытным путём. Это не догма. Рисунок устанавливается слева в начале абзаца. В данном случае перед 1).

1) Перед установкой картинки сохраните текст, нажмите "Отправить".
2) Нажмите кнопку вверху "Разместить изображение".
3) В окне нажмите "Browse" и найдите ваше изображение и запишите размеры.
В данном случае: File049.gif, ширина=400, высота=250.
4) После открытия файла нажмите кнопку "Upload". Картинка запишется на сервер избражений ImageShack.us.
5) Скопируйте содержание "HTML код" первую часть до <_br>

Код:

<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/716/file049.gif/'><img src='http://img716.imageshack.us/img716/2174/file049.gif' border='0'/></a>

и запишите перед 1).
6) Сохраните текст и снова войдите в редактирование.
7) Перед последним <_/a> установите пробел.
8) Перед "border" введите следующее: align='left' width='200' height='277' style='margin: 3px 12px 0px 0px;'
9) Скорректируйте размеры изображения пропорцией от фактических размеров рисунка, задав желаемую ширину. В нашем случае получили: width='300' height='187'
10) Окончательно получилось:

Код:

<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/716/file049.gif/'><img src='http://img716.imageshack.us/img716/2174/file049.gif' align='left' width='300' height='187' style='margin: 3px 12px 0px 0px;' border='0'/> </a>1) ТЕКСТ

ВСЁ!  

Мне аж интересно стало - а за..ммм..фига такой длинный код?
Достаточно просто:
1) Загрузить картинку на www.savepic.su (он не лагает и не такой наглый, ну да можно загрузить хоть на Яндекс.Фотки)
2) Нажать на кнопку , вставить ссылку на изображение и нажать "Ок".
Или просто скопировать BB-код прямо там.


Этим же кодом, к-рый пишешь ты, попросту выставляется ссылка на сайт imageshack.us, да ещё с кучей ненужных атрибутов и свойств.

belokniznik пишет:Этим же кодом, к-рый пишешь ты, попросту выставляется ссылка на сайт imageshack.us, да ещё с кучей ненужных атрибутов и свойств.

Это же ИНСТРУКЦИЯ для простых людей.
Пожалуйста, составь здесь свою инструкцию от закачки рисунка на URL до смены размеров, ну и посмотрим, будет ли короче.
А то, что длинноватый код, так меня это не колышит...

Hy да, если не колышит передача тИЦа и накрутка чужого сайта за счёт своего - можно не париться ^_^

Достаточно просто:
1) Загрузить картинку на www.savepic.su (он не лагает и не такой наглый, ну да можно загрузить хоть на Яндекс.Фотки)
2) Нажать на кнопку , вставить ссылку на изображение и нажать "Ок".
Или просто скопировать BB-код прямо там.

Кому я это писал?


Зачем устанавливать размеры изображению? Зачем устанавливать отступ в несколько пикселей?

3) В окне нажмите "Browse" и найдите ваше изображение и запишите размеры.
В данном случае: File049.gif, ширина=400, высота=250.
4) После открытия файла нажмите кнопку "Upload". Картинка запишется на сервер избражений ImageShack.us.
5) Скопируйте содержание "HTML код" первую часть до <_br>

Код:


и запишите перед 1).
6) Сохраните текст и снова войдите в редактирование.
7) Перед последним <_/a> установите пробел.
8) Перед "border" введите следующее: align='left' width='200' height='277' style='margin: 3px 12px 0px 0px;'
9) Скорректируйте размеры изображения пропорцией от фактических размеров рисунка, задав желаемую ширину. В нашем случае получили: width='300' height='187'

Зачем вообще эти пункты?

Из какого века эта инструкция вообще?? На каких раскопках её нашли?
Это было актуально лет эдак 10-20 назад. Сейчас достаточно просто вставлять изображение.

belokniznik пишет:Из какого века эта инструкция вообще?? На каких раскопках её нашли?
Это было актуально лет эдак 10-20 назад. Сейчас достаточно просто вставлять изображение.

Ты сам то понял, что сказал?
Так ты получи сперва результат такой же, как у меня.

Мууу! (с) Корова

Ладно, одминко, подкину тебе код

В ПА > Оформление > Цвета > Каскадная таблица стилей CSS :

Код:

img.obtek {
    float: left;
    margin: 5px;
}


Если надо все картинки сделать справа, во float пишем right
margin - отступ в пикселях (постфикс px обязателен!)

Код картинки, которую вставляем в сообщение:

<img class="obtek" style="width: ШИРИНАpx; height: auto;" src="СЦЫЛКО_НА_ИЗОБРАЖЕНИЕ" />

Вроде всё, хотя я, если честно, мог что-нибудь подзабыть.

Что-то слишком много пены...
Я уже по этому поводу бодался здесь:
http://help.forum2x2.ru/t27199-topic
Нужна чёткая инструкция от загрузки изображения на URL до изменения размеров и без CSS, и без теории.

Ммм.. это - много?
Это - минимум. И не так уж это много. В CSS один раз код вставил, и всё. И просто вставляешь код картинки в сообщение.

Почему без CSS? Одним HTML только хнь сотворить можно.
Всё, даже этот форум - отключи CSS и будет просто текст с таблицами и списками.
Просто указываешь изображение, жмёшь "Отправить" - затем тыкаешь на картинку правой кнопкой - "Копировать ссылку на изображение" и вставляешь её в код. Указываешь ширину, к примеру, в 300px - и всё. Больше ничего не надо.

belokniznik пишет:Ммм.. это - много?
Это - минимум. И не так уж это много. В CSS один раз код вставил, и всё. И просто вставляешь код картинки в сообщение.

Почему без CSS? Одним HTML только хнь сотворить можно.

НЕ...
Вот здесь: http://help.forum2x2.ru/t27199-topic
в конце описано, как по кнопочке "Цитата" можно было бы включать только выделенный текст. Но они одну функцию подменили другой. Мне это не подходит.

Так вот. Если бы ты по аналогии сумел бы подготовить виджит и привязал к кнопке "Изображение". Но полностью с диалогом, например, как в http://www.blogger.com/

Вся выше описанная процедура владельцем ресурса изменена.
Удобная НОВАЯ процедура вставки рисунков будет отработана позже.

Наконец-то установка рисунков стала просто элементарной...

Для этого есть две кнопки:
1) Разместить изображение - ваше изображение закачивается на портал рисунков.
2) Вставить картинку - при указании размеров будет с обтеканием текста.

Кнопка "Разместить изображение"->Обзор->Upload:

Код:

[IMG]http://i60.tinypic.com/zv8juu.jpg[/IMG]

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

Код:

[IMG(300px,248px)]http://i60.tinypic.com/zv8juu.jpg[/IMG]

Результат:
В письме № 02-1694 от 12.10.2011 из Минэнерго РФ говорится, что энергетические обследования организаций электроэнергетической отрасли проводятся в полном соответствии с требованиями Закона № 261-ФЗ. И далее констатируется, что все перечисленные нормативно-правовые акты (Требования, предъявляемые к сбору … данных энергетических паспортов № 19 от 25.01.2011, Требования к энергетическому паспорту № 182 от 19.04.2010) не содержат положений, устанавливающие временной интервал замера показателей менее 1 года. А именно это и является грубейшей ошибкой и невежеством в отношении динамического производственного процесса на электростанциях.