-Всегда под рукой

 -Метки

PNG felice keito dama №191 autumn 2021 Маски анимация болеро видео видео-урок выпечка выращивание вышивка вышивка крестом вышивка лентами вязание вязание для детей вязание для женщин вязание крючком вязание на спицах вязание спицами дача дачный декор девушки декор десерт дизайн для дневника жакет жилет журналы по вязанию журналы по рукоделию здоровье идеи интерьер ирландское кружево кайма картинки кельтские узоры клипарт книга книги по вязанию код комментарии компьютер коты кофточка красота круглая кокетка кулинария лето мастер-класс модели мотив мотивы надписи в комментарии новый год огород огурцы осень открытки печенье пирог платье платья полезные советы природа пуловер рецепт рецепты розы рукоделие сад салат салфетки сарафан свитер своими руками скрап-набор схемы текст тесто томаты топ торт туника узор узоры урок уроки уроки фотошоп уроки фотошопа уроки-фотошоп фоны фото фотография фотошоп фотошоп-уроки цветы шали шапочка шарфы шитьё шитье это интересно японские журналы

 -Рубрики

 -Цитатник

Knit Ange - Autumn-Winter 2021-2022 - (0)

Knit Ange - Autumn-Winter 2021-2022 Издательство: Gosyo Co.Ltd Язык: японский Популярн...

Джемпер Miss Summerbee - (0)

Джемпер Miss Summerbee Джемпер из пряжи DROPS Flora вяжется сверху вниз с кругл...

Celtic Cable Shawls - (0)

Celtic Cable Shawls Автор: Lucy Hague Язык: Английский Научитесь вязать замысловатые у...

Illuminated Knits - (0)

Illuminated Knits Автор: Lucy Hague Illuminated Knits — это коллекция из четырех узо...

Keito Dama №191 Autumn 2021 - (0)

Keito Dama №191 Autumn 2021 Издательство: Nihon Vogue Язык: японский Журнал по вязанию...

 -Приложения

  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц

 -Поиск по дневнику

Поиск сообщений в Оля_Виноградова

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.10.2010
Записей:
Комментариев:
Написано: 10956


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

Среда, 02 Февраля 2011 г. 12:44 + в цитатник
Цитата сообщения Оленька_Коваленко НОВИЧКАМ: вставляем правильно коды картинок в комментарии

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

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

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

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

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

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

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

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

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

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

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

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

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

Красота!

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

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

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

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

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

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

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

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

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

Серия сообщений "учебник Ли ру.":
Часть 1 - Как &quot;убрать под кат&quot;...
Часть 2 - Все о тегах и оформлении постов
...
Часть 15 - Поля для кодов. Внешний вид и пр.
Часть 16 - Урок по таблицам...полезный)))
Часть 17 - НОВИЧКАМ: вставляем правильно коды картинок в комментарии
Часть 18 - Как смотреть закрытое видео?
Часть 19 - Что означают новые звёзды? (Ответ Дня)
...
Часть 44 - КАК СКОПИРОВАТЬ СО СТРАНИЦЫ НЕ КОПИРУЕМЫЙ ТЕКСТ?
Часть 45 - "Как поставить картинку в Рубрику". Урок от MissKcu
Часть 46 - "Как найти исходник картинки или клипарта в сети?" Урок от MissKcu

Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку