Работа с картинками.
05-10-2015 22:19
к комментариям - к полной версии
- понравилось!
Это цитата сообщения MANGIANA Оригинальное сообщение
Работа с картинками
Это цитата сообщения MANGIANA Оригинальное сообщение
Работа с картинками
ДОБАВЛЯЕМ КАРТИНКУ В ПОСТ, НЕ КОПИРУЯ ЕЁ СЕБЕ В КОМПЬЮТЕР
Нажимаете правой кнопкой на картинку, "свойства" ("информация об изображении"), копируете адрес (ссылку), потом вставляете в эту формулу:
***********************************************
ДЕЛАЕМ КЛИКАБЕЛЬНУЮ КАРТИНКУ
Кликабельную картинку можно сделать очень просто. Копируйте себе этот текст и подставляйте в указанные места свои адреса
<a href="АДРЕС ССЫЛКИ"><img src="АДРЕС КАРТИНКИ"></a>
P.S. Кавычки не трогать
**************************************
КАК СДЕЛАТЬ КАРТИНКУ, РАСКРЫВАЮЩУЮСЯ ПО КЛИКУ НА ПОЛНЫЙ РАЗМЕР
Это несложно!
1. Загружаем фотографию на Яндекс.Фотки.
2. Переходим на страницу фотографии, справа от фото в меню "В другом размере" выбираем размер превью. Важно: размер превью по горизонтали должен быть менее 600px (иначе картинка полностью не уместится на страничке).
3. После загрузки фото в выбранном размере кликаем по строке "Код для вставки на сайт или в блог" и копируем куда-нибудь ссылку из нижнего окошка. Это будет первая ссылка.
4. Вновь переходим на страницу фотографии, в меню "В другом размере" выбираем "Оригинал". Фото в полном размере откроется в новом окне, ссылку на эту картинку копируем из адресной строки браузера. Это вторая ссылка.
5. На своей странице или в клубе создаём новый пост и в HTML-режиме пишем следующий код:
<a href="вторая ссылка"><img src="первая ссылка"></a>
Теперь при клике по маленькой картинке в вашем посте в этом же окне будет загружаться большая картинка.
Чтобы большая картинка загружалась в новом окне, код должен быть таким:
<a href="вторая ссылка" target="_blank"><img src="первая ссылка"></a>
источник: clubs.ya.ru
***********************************************
КАК ВСТАВИТЬ В ПОСТ И КОММЕНТАРИИ ИЗОБРАЖЕНИЯ БОЛЬШИХ РАЗМЕРОВ,
чтобы они красиво вписывались в ширину поста (особенно, в рамочках), а также, чтобы не было полосы прокрутки в дневниках:
В этот код вставляете ссылку на изображение, которую предварительно копируете с нужного Вам изображения.
Если Вы захотите уменьшить изображение, сделав его не во всю ширину допустимой полосы, а меньше, то меняете процентное значения в теге width="100%" на меньшее, чтобы получилась нужная Вам ширина, или ставите значение ширины в px, например, width="500"
Высота меняется сама, пропорционально увеличению или уменьшению изображения по ширине.
Таким способом можно вставить к себе в дневник любое изображение из интернета, не загружая его в альбомы.
Изображение всегда впишется в дозволенную ширину (само становится Уже и шире!), при этом всегда будет смотреться красиво, и видно будет всё... без прокрутки!!
Этим же кодом можно пользоваться и для того, чтобы вставить горизонтальные разделители, если они широкие.
Этот код изображения с бордюром (рамочкой по краям изображения), если он Вам не нужен, убираете тег border="1" из этого кода, или ставите нулевое значение, вместо 1. Также можно менять ширину бордюра на нужную Вам, написав вместо 1, то число, которое Вы хотите.. Только помните, что цвет рамочки будет такой, как цвет шрифта у Вас в дневнике или в рамочке, но, при желании, можно справиться и с этим!!
Пользоваться этим кодом можно в комментариях или , нажав кнопку "записать мысль", только в HTML-режиме
ВСЕМ УСПЕХОВ И УДАЧИ!! ПУСТЬ НАШИ ДНЕВНИКИ БУДУТ СМОТРЕТЬСЯ ВСЕГДА ОЧЕНЬ КРАСИВО!!!
(из инета)
Нажимаете правой кнопкой на картинку, "свойства" ("информация об изображении"), копируете адрес (ссылку), потом вставляете в эту формулу:
***********************************************
ДЕЛАЕМ КЛИКАБЕЛЬНУЮ КАРТИНКУ
Кликабельную картинку можно сделать очень просто. Копируйте себе этот текст и подставляйте в указанные места свои адреса
<a href="АДРЕС ССЫЛКИ"><img src="АДРЕС КАРТИНКИ"></a>
P.S. Кавычки не трогать
**************************************
КАК СДЕЛАТЬ КАРТИНКУ, РАСКРЫВАЮЩУЮСЯ ПО КЛИКУ НА ПОЛНЫЙ РАЗМЕР
Это несложно!
1. Загружаем фотографию на Яндекс.Фотки.
2. Переходим на страницу фотографии, справа от фото в меню "В другом размере" выбираем размер превью. Важно: размер превью по горизонтали должен быть менее 600px (иначе картинка полностью не уместится на страничке).
3. После загрузки фото в выбранном размере кликаем по строке "Код для вставки на сайт или в блог" и копируем куда-нибудь ссылку из нижнего окошка. Это будет первая ссылка.
4. Вновь переходим на страницу фотографии, в меню "В другом размере" выбираем "Оригинал". Фото в полном размере откроется в новом окне, ссылку на эту картинку копируем из адресной строки браузера. Это вторая ссылка.
5. На своей странице или в клубе создаём новый пост и в HTML-режиме пишем следующий код:
<a href="вторая ссылка"><img src="первая ссылка"></a>
Теперь при клике по маленькой картинке в вашем посте в этом же окне будет загружаться большая картинка.
Чтобы большая картинка загружалась в новом окне, код должен быть таким:
<a href="вторая ссылка" target="_blank"><img src="первая ссылка"></a>
источник: clubs.ya.ru
***********************************************
КАК ВСТАВИТЬ В ПОСТ И КОММЕНТАРИИ ИЗОБРАЖЕНИЯ БОЛЬШИХ РАЗМЕРОВ,
чтобы они красиво вписывались в ширину поста (особенно, в рамочках), а также, чтобы не было полосы прокрутки в дневниках:
В этот код вставляете ссылку на изображение, которую предварительно копируете с нужного Вам изображения.
Если Вы захотите уменьшить изображение, сделав его не во всю ширину допустимой полосы, а меньше, то меняете процентное значения в теге width="100%" на меньшее, чтобы получилась нужная Вам ширина, или ставите значение ширины в px, например, width="500"
Высота меняется сама, пропорционально увеличению или уменьшению изображения по ширине.
Таким способом можно вставить к себе в дневник любое изображение из интернета, не загружая его в альбомы.
Изображение всегда впишется в дозволенную ширину (само становится Уже и шире!), при этом всегда будет смотреться красиво, и видно будет всё... без прокрутки!!
Этим же кодом можно пользоваться и для того, чтобы вставить горизонтальные разделители, если они широкие.
Этот код изображения с бордюром (рамочкой по краям изображения), если он Вам не нужен, убираете тег border="1" из этого кода, или ставите нулевое значение, вместо 1. Также можно менять ширину бордюра на нужную Вам, написав вместо 1, то число, которое Вы хотите.. Только помните, что цвет рамочки будет такой, как цвет шрифта у Вас в дневнике или в рамочке, но, при желании, можно справиться и с этим!!
Пользоваться этим кодом можно в комментариях или , нажав кнопку "записать мысль", только в HTML-режиме
ВСЕМ УСПЕХОВ И УДАЧИ!! ПУСТЬ НАШИ ДНЕВНИКИ БУДУТ СМОТРЕТЬСЯ ВСЕГДА ОЧЕНЬ КРАСИВО!!!
(из инета)
Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
...
Часть 40 - Создание таблиц и картинки в ряд
Часть 41 - КРАСИВЫЕ ШАБЛОНЫ ДЛЯ ВСТАВКИ МУЗЫКАЛЬНЫХ ПЛЕЕРОВ ОТ lana lanochka
Часть 42 - Работа с картинками
Часть 43 - СОЗДАЁМ СЛАЙД ШОУ
Часть 44 - КАРТИНКА И ФЛЕШКА ПОСЕРЕДИНЕ РАМОЧКИ
Вы сейчас не можете прокомментировать это сообщение.
Дневник Работа с картинками. | olyapopova - Дневник ОльгаОлюшка |
Лента друзей olyapopova
/ Полная версия
Добавить в друзья
Страницы:
раньше»