НУЖНЫЕ КОДЫ ПОД РУКОЙ (все о размерах картинки)
Ссылка на используемую в теме картинку: http://dta.odessa.ua/img/Earth_back.jpg
1. Изображение,картинка(JPEG,GIF):
Это способ удобен тем, что достаточно занести в код ссылку на нужную картинку и она отобразиться в теме (в тех же размерах, как она есть), при этом не будет загружена к вам в альбом.
•пример
2. Всплывающая подсказка на картинке:
То же самое что и в предыдущем случае, только при наведении на картинку курсора всплывет текст - подсказка.
•пример
3/1. Изменить размер изображения, пропорционально изначального:
В этом варианте плюс ко всему возможно изменить размер картинки, выставив необходимый. В приведенных примерах я проставила: 50; 100; 150.
•примеры


3/2. Изменить размер изображения, отрегулировав ширину и длину картинки:
В переведенных примерах: width="200"; height="150"; и width="300" height="150"
•примеры
и 
4. Изменение размера изо с "всплывающей подсказкой":
•примеры


5. Кликабельная картинка(баннер):
В этом примере картинка-банер остается в реальном размере и по клику на не вы переходите на страничку, к которой она ведет.
•пример
6. Кликабельная картинка(баннер) с возможностью регулирования размера:
•пример
7. Превью:увеличение по клику(JPEG):
В этом случае - картинка в теме устанавливается необходимого вам размера, а при клике на нее - открывается в отдельной вкладке в реальном размере.
•примеры
Ссылка на используемую в теме картинку: http://dta.odessa.ua/img/Earth_back.jpg
•пример

То же самое что и в предыдущем случае, только при наведении на картинку курсора всплывет текст - подсказка.
•пример

В этом варианте плюс ко всему возможно изменить размер картинки, выставив необходимый. В приведенных примерах я проставила: 50; 100; 150.
•примеры



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



В этом примере картинка-банер остается в реальном размере и по клику на не вы переходите на страничку, к которой она ведет.
•пример

•пример

В этом случае - картинка в теме устанавливается необходимого вам размера, а при клике на нее - открывается в отдельной вкладке в реальном размере.
•примеры

Серия сообщений "*** открытки; уроки":
Часть 1 - Интересные слайд-шоу в ваш дневник
Часть 2 - Моим Друзьям любви желаю!!!
...
Часть 27 - Валюша! Радость моя московская! С днем рождения!
Часть 28 - Поздравляю с праздником всех Татьян!
Часть 29 - НУЖНЫЕ КОДЫ ПОД РУКОЙ (все о размерах картинки)
| Рубрики: | ~ ВСЕ ДЛЯ БЛОГА/*** формулы |

Комментариев нет:
Отправить комментарий