• Авторизация


Как вставить картинки в пост с другого сайта 02-02-2012 11:31 к комментариям - к полной версии - понравилось!


[показать] Фото моделей Изображения Код любой картинки в сети в простом варианте: [показать] Уникальный адрес (URL) типа http://site/…jpg выдает картинке фотохостинг (специальный сайт), куда ее необходимо закачать с вашего компьютера. По сути, любая картинка, которую вы видите в сети – отдельная веб-страничка, имеющая свой уникальный адрес, начинающийся с http://… (посмотреть его всегда можно в свойствах картинки) Среди «чайников» кочует миф, что можно показывать в блоге картинки прямо со своего компьютера. Это не так. Для этого ваш компьютер должен быть круглосуточно работающим веб-сервером. Запомните: Если вы удаляете картинку из галереи хостинга (например, «фотоальбома жж»), то она исчезнет и из вашего блога! Резюме: если знаете адрес своей или чей-то картинки формата http://…jpg вы можете опубликовать ее кодом: Так вставляются картинки в комментарии к записям. Как сделать, чтобы текст «обтекал» картинку? Легко – картинка слева, текст справа: добавляем в код картинки: align=left hspace=20 Код картинки примет вид: Помни: align=left – картинка слева, текст справа align=right – картинка справа, текст слева hspace=20 – расстояние между текстом и картинкой 20 пиксел по горизонтали vspace=20 – расстояние между текстом и картинкой 20 пиксел по вертикали Код картинки с плавным обтеканием текстом справа и снизу (или сверху): Прекратить обтекание и вернуть текст под картинку можно тэгом
Закрывать не надо, он работает один.
выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.


– три пустые строки. Вставить две и более картинки горизонтально: – все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост. Регулируем расстояние меж картинками по-горизонтали: С помощью «неразрывного пробела»:   Расстояние, равное 8 пробелам будет выглядеть так: Вставляется меж кодов картинок, есс-но Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: – введите в код картинки title="ТЕКСТ" Если надо цветную рамку , добавьте в код картинки: – задана красная рамка толщиной 5 пикселей Чтоб быстро вставить картинку с другого сайта, вставьте в пост: затем войдите в «Свойства» картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:) Оптимальный способ уменьшить размер фото на компьютере: Читать Формируем код для массовой загрузки картинок с помощью вспомогательных сервисов. С рамками, нумерацией фото и возможностью жж-ката: ЗДЕСЬ Для массовой загрузки с Flickr и fotki.yandex.ru: Ссылка на сайт:http://htmlka.com/pictures/
вверх^ к полной версии понравилось! в evernote
Комментарии (3):
reprincev 02-02-2012-13:54 удалить
Здравствуй автор.Очень понравилось твоё сообщение.Приведи пожалуйста полный пример кода картинки с обтеканиями,цветным бордюром и прочим.Ато пост написан,а примера самого кода нет.И скажи:текст надо перед или после картинки писать.? Если не сложно,напиши ещё пост с поправкой на этот или скинь мне в личку.Буду признателен.
Ответ на комментарий reprincev # Я только учусь! Поэтому, еще не всеми премудростями владею, знаю только что можно текст писать и выше и ниже спец.кода картинки! Смотрите правила на сайте http://htmlka.com/pictures/, там все доступно изложено! Простите, если не смогла ответить на ваш вопрос!
reprincev 02-02-2012-19:35 удалить
Да ничё,ничё.Я не обижаюсь.Просто я сайт(ы) иногда делаю и собираю заинтересовавшие и нужные мне коды. Потому и спросил.Я такой же чайник.Хотя сайты на php делал неплохо.Спасибо вам что откликнулись.Я рад.


Комментарии (3): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Как вставить картинки в пост с другого сайта | Джулиасмор - Дневник Джулиасмор | Лента друзей Джулиасмор / Полная версия Добавить в друзья Страницы: раньше»