Это цитата сообщения Оленька_Коваленко Оригинальное сообщение

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

Существует два способа вставки картинки в комментарии: 

1. путем перехода к полной форме комментариев и прикрепления к своему комментарию нужного файла;

2. вставки в тело комментария готового кода, который можно получить либо путем заливки на специализированные сервисы (www.radikal.ru, www.pixs.ru и т.д.), либо взятия уже готового со множества сайтов с разными красивыми картинками, блестяшками, анимашками и прочими украшалками.

Вот о том, как правильно использовать и вставлять эти коды, мы сегодня и поговорим.

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

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

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

Заливаю ее к примеру  на радикал.

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

[показать]

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

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

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

[показать]

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

[показать]

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

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

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

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

[показать]

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

[показать]Принцип тот же самый, прото коды другие. Просто убираете все салатовое. В итоге Вы получите [700x65]

Красота!

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

[790x755]

С BB кодами тут все понятно, они точно такие же, как и на радикале. а вот HTML...

[показать]

Администрация сайта вписала сюда все возможное)) Но нас это особо то и не интересует. Делаем все по тому же принципу, что и в предыдущих случаях:

1. Находим адрес файла (желтая заливка).

2. Удаляем все, что идет за скобками <...>

3. А теперь "наводим порядок" внутри скобок. Мы должны оставить 

< img src = " адрес файла " >

И будет всем счастье!

 Всего Вам доброго!!!

[показать]