вставить коды картинок в комментарии

Пятница, 01 Апреля 2011 г. 16:41 + в цитатник

Цитата сообщения Оленька_Коваленко

Прочитать целиком В свой цитатник или сообщество!

НОВИЧКАМ: вставляем правильно коды картинок в комментарии

Существует два способа вставки картинки в комментарии:
1. путем перехода к полной форме комментариев и прикрепления к своему комментарию нужного файла;
2. вставки в тело комментария готового кода, который можно получить либо путем заливки на специализированные сервисы (www.radikal.ru, www.pixs.ru и т.д.), либо взятия уже готового со множества сайтов с разными красивыми картинками, блестяшками, анимашками и прочими украшалками.
Вот о том, как правильно использовать и вставлять эти коды, мы сегодня и поговорим.
Казалось бы, что проще: скопировал и вставил код на понравившуюся картинку. Но все так то просто)). Вам с готовностью дают коды, но в каждом из них сидит активная ссылка на сайт, оказывающий подобного рода услуги. Фактически, Ваша картинка - это активная внешняя ссылка. А если говорить очень просто, то все внешние ссылки уменьшают вес самого сайта, на котором они размещены. Если блоггер занимается оптимизацией своего дневника и нацелен на его дальнейшее развитие и продвижение, то куче внешних ссылок, ведующих неизвестно куда, он явно рад не будет.

Поэтому мы на конкретном примере расмотрим как вставить код, но при этом сделать это "красиво".

Допустим, я хочу оставить в комментарии вот такую красивую открытку.

Заливаю ее к примеру на радикал.
Вот такое окошко у меня выйдет после окончания загрузки файла.

А теперь давайте посмотрим внимательно на то, что тут у нас есть.

"Ссылка" - это и есть адрес в интернете моей картинки. И во всех предоставляемых кодах этот адрес присутствует, только оформляют его по разному.

BBcode (из скрина сразу видно, что внутри этого кода сидит ссылка н сам файл)

Рассмотрим подробнее .

Желтой заливкой выделен адрес самого файла. Бирюзовой - код, посредством которого этот файл отображается на Вашей страничке как графическое изображение.

А вот салатовой - как раз те коды, которые и делают Вашу картинку активной ссылкой на чужой ресурс. В этом случае на радикал.

Так вот, это все салатовое нужно просто убрать. В итоге у Вас останется вот такой код. Который будет милой и красивой картинкой при отображении и не более того.

Теперь рассмотрим поподробнее HTML. Как видите, и в этом коде также обязательное присутствие ссылки на сам файл

Рассмотрим подробнее.
Принцип тот же самый, прото коды другие. Просто убираете все салатовое. В итоге Вы получите

Красота!

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