Как добавить картинку в текст своего сообщения Есть два основных сценария, когда нужно добавить картинку:
1 Картинка уже существует где-то в интернете, вы или кто-то другой её уже "выложил" онлайн. В текст сообщения нужно только лишь вставить адрес (URL) к картинке и заключить его в тэги [img]...[/img]
2 Вам хочется загрузить вашу собственную картинку с компьютера: в этом случае нужно найти вебсайт, куда можно ее сначала загрузить, а затем перейти к предыдущему пункту.
Картинка существует онлайн, как вставить? Очень просто: смысл в том, чтобы правильно использовать коды форума в вашем сообщении. Вам нужно узнать адрес картинки в интернете, скопировать его и вставить в текст сообщения, заключив в так называемые тэги IMG.
1 Адрес (URL) картинки Допустим, вы нашли в интернете интересную картинку или это ваша фотография из альбома. Как узнать её адрес (URL)?
Адрес (URL) картинки обычно выглядит так:
http://www.google.ca/intl/en_ca/images/logo.gifЧтобы узнать его, нажмите на картинке правой кнопкой мыши и выберите Properties (Свойства). Там, кроме всего прочего вы должны увидеть адрес к этой самой картинке как показано выше. Скопируйте его (Ctrl + C). Пользователи FireFox вместо Properties могут воспользоваться опцией меню Copy Image Location. Это удобнее и быстрее.
В Firefox-е:Цитата:
В Internet Explorer:Цитата:
Выделите полный пуст к картинке и нажмите Ctrl+C
Цитата:
Важно: URL адрес должен начинаться с http:// или https:// и заканчиваться именем файла картинки с расширением на конце .gif, .jpg, .png и т.п. графические форматы. Если у строки URL не будет нужного расширения в конце, форум не покажет картинку.
2. Вставляем в текст сообщения Вставьте в текст сообщения адрес к нужной картинке, заключив его в два тэга
[img]...[/img] (размер букв в тэгах не имеет значения). Обратите внимание, что закрывающий тег имеет наклонную черту / перед IMG. Результат должен выглядеть вот так в тексте:
Между тэгами IMG не должно быть пробелов!
Чтобы не вводить тэги вручную, в поле ввода текста выделите строку адреса картинки целиком (которую вы только что скопировали) и нажмите кнопку IMG, что расположена в над окном ввода текста на форуме. Адрес будет обрамлен нужными тэгами автоматически. Нажмите
Предварительный просмотр под окном редактирования сообщения, чтобы убедиться, что картинка отображается и показывается в нужном месте сообщения. Если картинка не показывается, проверьте вашу строку на предмет ошибок. Там не должно быть пробелов, ни в самом адресе, ни после тэга
[img]%20ни%20перед%20тэгом%20
[/img].
2. Картинки нет онлайн, как выложить? Картинку нужно загрузить с вашего компьютера на какой-нибудь вебсайт. Это может быть ваш личный сайт, блог, фотоальбом или любой другой вебсайт, который позволяет размещать у себя файлы пользователей. Как только картинка окажется онлайн и вы узнаете её адрес (URL), разместить её не составить труда, воспользовавшись предыдущей рекомендацией по вставке существующей онлайн картинки.
Где выложить Сегодня существует множество вебсайтов, позволяющих выкладывать совершенно бесплатно ваши картинки, фотографии и т.п. Некоторые сервисы просят пользователя зарегистрироваться, прежде чем он может начать создавать альбомы и загружать туда фотографии, другие же позволяют загружать картинки без регистрации, выдавая URL к картинке сразу после ее успешной загрузки.
Сервисы с обязательной регистрацией http://picasaweb.google.com http://www.flickr.com и т.п.
Сервисы без обязательной регистрации http://imageshack.us http://radikal.ru и т.п.
Выкладываем ImageShack.us
Зайдите на
http://imageshack.us, нажмите клавишу Browse... и укажите путь к картинке на вашем компьютере. Проверьте, чтобы остальные параметры были как показано на картинке
(Крайне нежелательно без особой причины постить изображения размерами больше 640 х 480.):
imageshackly3.png
Нажмите
host it! для завершения операции.
На появившемся экране найдите внизу
Direct link строку с адресом к вашей картинке, которая должна выглядеть примерно так:
Это и есть адрес (URL) вашей картинки. Скопируйте его и переходите к пункту вставки существующей картинки, описанному выше.
О
Радикале подробнее
Радикале
http://pw.mail.ru/forums/fredirect.p....radikal.ru%2F , по моему ИМХО он наиболее простой и подходит даже для чайников. Им можно пользоваться как и зарегистрированным, так и незарегестрированным пользователям (конечно если вы зарегистрированны, то вам предоставляется свой "контейнер" в 10МБ, где вы будете хранить свои изображения )
На страничке загрузки изображения
сверху можно выбрать вкладку, как вы будете загружать из интернета или с компьютера, меняется только метод загрузки, все остальные менюшки одинаковы для обоих видом.
Собственно вот, что какая галка обозначает:
* Уменьшить до [ ] пикселей , здесь можно поставить галку и написать до скольки пикселей можно уменьшить изображение, и оно автоматом уменьшится при загрузке
* Оптимизировать формат - от сюда я всегда убираю галку, т.к. в результате радикаловской оптимизации (а оптимизирует он вроде как в jpeg формат) теряется качество изображения
* Безусловная оптимизация - можно задать параметры оптимизации перехода в jpeg формат
* Повернуть на - при загрузке изображения на ресурс повернёт его на желаемый угол
* Надпись на фото - при загрузке изображения на ресурс надпишет на изображение желаемую надпись
Пример (поворот картинки на 90 градусов по час. и надпись на нём "Furi ^____^"):
* Разместить в галерее - можно загрузить не к себе в папку, а разместить в галереях, которые находятся на Радикале
Параметр "Качество jpeg" следует изменять только в особых случаях. Например, для аватара можно указать значение 100, чтобы предельно улучшить качество маленькой картинки (если нет жесткого ограничения на размер файла аватара). При оптимизации очень высококачественной картинки или картинки с надписями можно использовать значение 90. Если нужно предельно "облегчить" картинку, используйте значение 65. Не ставьте значения близким к 100 для больших картинок, это откровенная глупость.
*Создавать превью - здесь можно указать размер превьюшки вашей картинки (превью - эта та мелкая картиночка, при нажатии на которую вы увидите картинку в свой натуральный размер - см. пример вышее)
*Надпись на превью - эта надпись, которая будет на вашей превьюшке , по умолчанию она "Увеличить" (см. пример выше)
*Поместить в альбом - здесь вы можете выбрать в какой из ваших альбомов (если у вас их больше одного) будет загружена картинка
*Комментарий - комментарии к картинке .
После загрузки картинки перед нами возникают коды к ней и методы её вывода:
Коды | Переход с превью | Полноразмерное изображение
в этой строчке можно выбрать какие коды вам показывать, при клики на превью, куда вас будет направлять
Здесь все ссылки на изображение :
1. Ссылка
2. Картинка в тексте
3. Превью - увеличение по клику
6. HTML: картинка в тексте
7. HTML: превью - увеличение по клику
8. BBCode, строчные буквы: картинка в тексте
9. BBCode, строчные буквы: превью - увеличение по клику
10. Картинка на странице просмотра полноразмерного изображения
1 и 10 - это путь до картинки
2-9 - это готовые BBкоды которые можно просто скопировать и вставить в сообщение и ваше изображение автоматом в нём отобразится , вот примеры ихнего действия:
2. Картинка в тексте
3. Превью - увеличение по клику (для форумов это наиболее подходящий метод отображения картинок)
6. HTML: картинка в тексте (тоже что и №2, только в др кодах)
<a target="_blank" href="http://www.radikal.ru"><img src="http://i014.radikal.ru/0905/e1/2dc47c4359f1.jpg" ></a>
7. HTML: превью - увеличение по клику (то же что и №3 только в др кодах)
<a target="_blank" href="http://radikal.ru/F/i014.radikal.ru/0905/e1/2dc47c4359f1.jpg.html"><img src="http://i014.radikal.ru/0905/e1/2dc47c4359f1t.jpg" ></a>
8. BBCode, строчные буквы: картинка в тексте
9. BBCode, строчные буквы: превью - увеличение по клику
Это важно!!!: Из уважения к другим пользователям , у которых может быть не столь быстрый интернет или лимитированный трафик, загружайте на форум изображения в миниатюре или в превьюхах ! Надеюсь этот гайдик окажется полезным и что бы увеличить его полезность добавлю табличку ББкодов, которыми можно пользоваться на форуме:
[b ][/ b] - Жирный текст
[ i][/ i] - Наклонный текст
[ s][/ s] -
Зачеркнутый текст[ u][/ u] - Подчеркнутый текст
Вход
Регистрация
FAQ
Поиск
