Меню

neobux.com











Изображения

Если знаете адрес картинки в сети (URL) вида http://…jpg вам просто надо вставить его между кавычек в код:

 Так вставляются картинки в комментарии к записям в ЖЖ и других блогах, везде, где нет кнопки для публикации картинок.

Чтоб узнать URL картинки, нужно кликнуть на нее правой кнопкой мыши.
 В Хроме:

В Internet Explorer — правой кнопкой мыши — Свойства — копируем Адрес (URL)
 В Mozilla Firefox— правый клик — Копировать ссылку на изображение
 В Opera— правый клик — Копировать адрес изображения


 Теперь подробнее:

Код любой картинки в сети в самом простом варианте, без рюшечек:
<img src="http://site/…jpg">
 Уникальный адрес (URL) типа http://…jpg выдает картинке фотохостинг (специальный сайт для картинок), куда ее необходимо закачать с вашего компьютера. По сути, любая картинка, которую вы видите в сети — вебстраничка, имеющая свой уникальный адрес, начинающийся с http://… (посмотреть его можно в свойствах картинки)
 Среди «чайников» кочует миф, что можно показывать в блоге картинки прямо со своего компьютера. Это не так. Для этого ваш компьютер должен работать в режиме вебсервера.


 Запомните: Если вы удаляете картинку с хостинга (например, «фотоальбома жж»), то она исчезнет и из записи в вашем блоге!


Как сделать, чтобы текст «обтекал» картинку?
 Легко — картинка слева, текст справа:
 добавьте в код картинки:

 Код картинки примет вид:

 Помни:
align=left – картинка слева, текст справа
align=right — картинка справа, текст слева
hspace=20 — расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 — расстояние между текстом и картинкой 20 пиксел по вертикали
 Код картинки с плавным обтеканием текстом справа и снизу (или сверху):

Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
 Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br><br><br> — три пустые строки.

Вставить две и более картинки горизонтально:
— все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

Регулируем расстояние меж картинками по-горизонтали:
 С помощью «неразрывного пробела»: &n.bsp; 
 Расстояние, равное 8 пробелам будет выглядеть так:

Вставляется меж кодов картинок, есс-но

Если надо всплывающую подсказку при наведении курсора на картинку, как здесь:  — введите в код картинки title="гав-гав"

Если надо цветную рамку, добавьте в код картинки: — задана красная рамка толщиной 5 пикселей

Чтоб быстро вставить картинку с другого сайта, вставьте в пост:

 затем войдите в «Свойства» картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)

Оптимальный способ уменьшить размер фото на компьютере: Читать

Формируем код для массовой загрузки картинок с помощью вспомогательных сервисов.
 С рамками, нумерацией фото и возможностью жж-ката:
ЗДЕСЬ
 Для массовой загрузки с Flickr и fotki.yandex.ru:
ЗДЕСЬ
Как запостить галерею? Узнай ЗДЕСЬ
Как запостить слайдшоу? Узнай ЗДЕСЬ


Фотохостинги
 не все, более-менее знакомые:


Купить ссылку здесь за руб.

Поставить к себе на сайт





Добр!



НОВОСТИ САЙТА:

Место Вашей рекламы!
Добавляйтесь  ЗДЕСЬ
НОВИНКА! Почти даром!
Разработка баннеров  читать
Заказать баннер  ЗДЕСЬ
Смотрите МЕНЮ "СЕРВИС"
На свой WM Собери бонусы
Ставьте свои баннеры:
Стена посещений
Меняем эл. валюты: Обменник эл. валют
Из длинных-Короткие ссылки
Страница развлечений
Меню сайта: "HTML вёрстка"
Ссылка Меню: HTML вёрстка
Сборник интересных страниц и статей по теме HTML!
Зарабатывай с 900+ кранов на одном сайте











Проверить аттестат


Создаем сайт на окис, вместе!
Блог сайтостроителя

Scriptic.ru

htmlka.com — помощь блогеру

Free Backlink!

FF Plugboard Backlink

Друзья! Вы можете поддержать сайт материально!

Яндекс.Метрика