-Рубрики

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в Любовь_Комиссарова

 -Подписка по e-mail

 

 -Сообщества

Участник сообществ (Всего в списке: 4) вязалочки Секреты_здоровья Моя_кулинарная_книга Только_для_женщин
Читатель сообществ (Всего в списке: 2) Наши_схемы О_Самом_Интересном

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.12.2011
Записей: 10922
Комментариев: 328
Написано: 11341


Как вставить в пост большую кликабельную картинку?

Суббота, 02 Февраля 2013 г. 16:10 + в цитатник
Цитата сообщения Cindara Как вставить в пост большую кликабельную картинку?

Частенько людям хочется, чтобы их работы: будь то рукоделие, графика, или свои фото, - показать во всей красе.

Простая, прямая загрузка изображения из компьютера автора в пост уменьшает картинку до стандартных, Лирушных, 700 пикселей по ширине, что не всегда выгодно для работы, особенно если она заслуживает внимания.

Сегодня мы научимся вставлять картинки так, что при клике по ней она откроется в очень большую картинку.


Но для начала немного о сайтах, где вы можете хранить свои картинки, вот приблизительный список:

* http://www.ipicture.ru/
* http://www.imageshack.us/
* http://foto.radikal.ru/
* http://tinypic.com
* http://xs.to/
* http://www.images-hosting.com/
* http://paintedover.com/
* http://www.glowfoto.com/index.php
* http://keep4u.ru/
* http://imghost.extra.by/
* http://xegami.com/
* http://directupload.net/
* http://up.li.ru/
* http://photobucket.com/ (нужна регистрация)
* http://www.imagehosting.us/
* http://www.imgspot.com/
* http://www.funkyimg.com/
* http://pics.net.ua/
* http://fotki.yandex.ru/  (нужна регистрация)

О некоторых подробней:

(Можно хранить и фото и видео).
1) http://photofile.ru/index.php - PHOTOFILE.RU (Допустимые форматы: JPG, GIF, TIFF, PNG. Количество и размер фотографий неограничены.)

2) http://gallery.ru/ - GALLERY.RU
■ Неограниченное место под фото на двух бесплатных адресах - ваш логин. gallery.ru и ваш логин.[ссылка появится после проверки модератором]
■ Возможность вставлять видеоролики с внешних сервисов типа Youtube, Rutube напрямую в ваши фотоальбомы.
■ Наносить ваши водяные знаки (текстовые и графические) автоматически на все изображения.
■ Автоматическое уменьшать изображения и выдавать HTML коды для любых нужных вам размеров, с точностью до пикселя.
■ Возможность скачивать целые альбомы в виде .zip архивов.
■ 2-а вида слайдшоу и возможность гибкой настройки экспорта ваших альбомов в виде HTML кодов на внешние сайты (ЖЖ, форумы, итд).

(Можно хранить только фото).
3) http://www.radikal.ru - RADIKAL FOTO. (Максимальный размер одного фото: 10Mb.; Хранение год с момента последнего запроса к фото или папке. Сервис создания GIF-файла).

Я остановлюсь на http://fotki.yandex.ru/, поскольку свои изображения в последнее время храню именно на нём. Там, правда, нужно регистрироваться, но это занимает совсем немного времени и, в отличие от других сайтов, картинки, файлы, видео, которые там можно хранить, пока у меня не пропадали.

Внимание! Все манипуляции, описанные в этом уроке, не могут привести к сбоям в вашем компьютере или браузере.

Итак начнём:

1. Загрузим наши работы на один из сайтов в полном разрешении (фотки в том размере, которые сфоткали).

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

2. Теперь, когда наши фото в инете, мы можем смело выставлять их во всех блогах, где хотим, включая ЛИРУ.

Идём - Новая запись - перейти к полной форме.

3. Нажимаем значок с картинкой:

4. Нам откроется такое окошко, выбираем первую вкладочку:

5. Идём в яндекс, выбираем картинку и размер, какой бы хотели видеть в посте. Лучше 800 и меньше, на ваше усмотрение, поскольку вкладка лиру всего 870 пикселей.

6. Размер выбрали - ПКМ - правой кнопой мыши по картинке - во вкладке выбираем - копировать ссылку на изображение.

7. Идём опять в свой дневник в вернюю пустую ячейку ПКМ - вставить.

8. Здесь же выбираем вторую вкладочку Ссылка:

9. Опять переходим в яндекс. Жмём на кнопочку - в другом размере - выбираем - оригинал.

10. Нас перекидывает в новое окно с полным, большим фото. ПКМ по нему - во вкадке выбираем опять - копировать ссылку на изображение.

11. Опять переходим к нашему сообщению в пустую ячейку ПКМ - вставить.

12. Не забудьте внизу вкладочки нажать ОК!

Вот, собственно, и всё - дольше писать, чем делать!!!! Надеюсь мой урок вам пригодится. Если будут вопросы - пишите, спрашивайте - с удовольствием отвечу, да и вообще комментируйте - буду всем рада!

Серия сообщений "новичкам о дневнике":
Часть 1 - Как разложить все сообщения в дневнике
Часть 2 - одна кнопка
...
Часть 9 - Эффекты с текстом
Часть 10 - Подписываем кнопочки и картинки
Часть 11 - Как вставить в пост большую кликабельную картинку?
Часть 12 - Адаптация плееров с Мейла
Часть 13 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
...
Часть 18 - Урок для новичков. Правильно скачиваем файлы!
Часть 19 - Мои маленькие кнопочки-переходы "Далее"
Часть 20 - Как правильно процитировать сообщение


 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку