Цитата сообщения Lyusya-Spring НУЖНЫЕ КОДЫ ПОД РУКОЙ (все о размерах картинки)

НУЖНЫЕ КОДЫ ПОД РУКОЙ (все о размерах картинки)

Ссылка на используемую в теме картинку: http://dta.odessa.ua/img/Earth_back.jpg

1. Изображение,картинка(JPEG,GIF):
<img src="прямая ссылка на изображение" />
Это способ удобен тем, что достаточно занести в код ссылку на нужную картинку и она отобразиться в теме (в тех же размерах, как она есть), при этом не будет загружена к вам в альбом.
•пример

2. Всплывающая подсказка на картинке:
<img src="прямая ссылка на изображение" title="ТЕКСТ" />
То же самое что и в предыдущем случае, только при наведении на картинку курсора всплывет текст - подсказка.
•пример

3/1. Изменить размер изображения, пропорционально изначального:
<img src="прямая ссылка на изображение" width="ЖЕЛ" />
В этом варианте плюс ко всему возможно изменить размер картинки, выставив необходимый. В приведенных примерах я проставила: 50; 100; 150.
•примеры

3/2. Изменить размер изображения, отрегулировав ширину и длину картинки:
<img src="прямая ссылка на изображение" width="ЖЕЛАЕМАЯ ДЛИННА" height="ЖЕЛАЕМАЯ ШИРИНА" />

В переведенных примерах: width="200"; height="150"; и width="300" height="150"

•примеры и

4. Изменение размера изо с "всплывающей подсказкой":
<img src="прямая ссылка на изо" width="ЖЕЛ" title="ТЕКСТ" />
•примеры

5. Кликабельная картинка(баннер):
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес куда пошлёт картинка" target="_blank"><img src="прямая ссылка на изображение" /></a>
В этом примере картинка-банер остается в реальном размере и по клику на не вы переходите на страничку, к которой она ведет.
•пример

6. Кликабельная картинка(баннер) с возможностью регулирования размера:
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес куда пошлёт картинка"><img src="прямая ссылка на изображение" width="ЧИСЛО ДЛИНЫ БАННЕРА" height="ЧИСЛО ШИРИНЫ БАННЕРА" border="ЧИСЛО МИГАЮЩЕГО БОРДЮРА ПО КОНТУРУ БАННЕРА" /></a>
•пример

7. Превью:увеличение по клику(JPEG):
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=прямая ссылка на изображение" target="_blank"><img src="прямая ссылка на изображение" width="ЖЕЛАЕМЫЙ" /></a>
В этом случае - картинка в теме устанавливается необходимого вам размера, а при клике на нее - открывается в отдельной вкладке в реальном размере.
•примеры

ТуТ смотрите

Серия сообщений "*** открытки; уроки":

Часть 1 - Интересные слайд-шоу в ваш дневник
Часть 2 - Моим Друзьям любви желаю!!!
...
Часть 27 - Валюша! Радость моя московская! С днем рождения!
Часть 28 - Поздравляю с праздником всех Татьян!
Часть 29 - НУЖНЫЕ КОДЫ ПОД РУКОЙ (все о размерах картинки)