Это цитата сообщения 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.
•примеры [50x] [100x] [150x]

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

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

•примеры и [300x150]

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

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

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

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

ТуТ смотрите

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

Часть 1 - Интересные слайд-шоу в ваш дневник
Часть 2 - Моим Друзьям любви желаю!!!
...
Часть 28 - Поздравляю с праздником всех Татьян!
Часть 29 - Работа с изображениями в HTML (как вставить картинку, изменить ее размер, сделать картинку ссылкой).
Часть 30 - НУЖНЫЕ КОДЫ ПОД РУКОЙ (все о размерах картинки)
Часть 31 - Как сохранить гифку из одноклассников на свой комп
Часть 32 - КАК УВЕЛИЧИТЬ/УМЕНЬШИТЬ КАРТИНКИ СРЕДСТВАМИ mail.ru
Часть 33 - Как сделать превью картинок
Часть 34 - Заготовки для баннеров, записей и открыток от Flash Magic.