• Авторизация


Яндекс-фотки. Вставляем фотографии в пост (нормальные, кликабельные превью) 26-11-2010 19:06 к комментариям - к полной версии - понравилось!

Это цитата сообщения Inmira Оригинальное сообщение

Яндекс-фотки. Вставляем фотографии в пост.

Название поста далось с трудом.
В общем, фотографии на яндекс-фотки мы загружать научились (ЗдЕсЬ), научились делать плейлисты... Теперь будем учиться делать посты с этими загруженными фотографиями.

Итак, грузим фотографии. Загрузили... Теперь нам надо получить код картинок для поста. Есть несколько способов. Опишу 2.

Способ Первый, простейший.
Способ-то простейший, но, к сожалению, не самый красивый пост выйдет, да и не самый удобный...

Идем в "Мои альбомы", выбираем альбом, в который загрузили фотографии, тыкаем кнопку "Получить код":
[400x46]


Выделяем (ставим галочки) на всех фото, которые планируем поместить в пост:
[401x99]

Выбираем нужный нам размер картинок (я выбрала 300 пкс):
[400x57]

Выделяем и копируем либо "Код для вставки на сайт или в блог", либо "Код для вставки в форум (BBCode)" ... на ЛиРу работают оба кода. :
[450x140]

Я беру "Код для вставки на сайт" , т.к. он не требует дополнительных тыков. Получится так:

Фотографии в альбоме «зайцы, кролики, обои» Inmira на Яндекс.Фотках

[показать]

[показать]

[показать]

[показать]


ЛиРу cut просто не читает, поэтому убирать его необязательно.
Если же Вы решите взять "Код для форумов", то там родной код more, придется убедиться, что он стоит в нужном месте.

В общем, можно так и оставить, дописав внизу поста что-то типа "пояснительного текста" а ля "Для скачивания картинки в оригинальном размере, кликните по картинке, в открывшейся вкладке выберите "в другом размере > оригинал":
[160x217]

Как можно переделать этот код, расставить картинки по 2 в ряд, например, и пр. поговорим как-нибудь в другой раз, иначе нам придется зарыться в html или bb кодах и пост получится безразмерным, а мой "простейший способ" покажется .. ну оччень сложным

Способ второй.
Несколько более трудоемкий, но не сказала бы, что сложный. Так что не пугайтесь :-) Используя этот способ мы получим пост с привычным "клик по картинке (превью) - попадаем на страницу с оригиналом".

Берем в этом случае "Ссылки на фото" (я сейчас беру ссылки на картинки размером 150 пкс):
[450x186]

Копируем, и вставляем в блокнот (Пуск > Все программы > Стандартные > Блокнот):
[399x128]
Выделенную надпись отрезаем.

Открываем второй блокнот и пишем в нем такой код:

[url=][img][/img][/url]

Повторяем его столько раз, сколько у нас картинок:
[218x130]

Копируем первую ссылку из блокнота со ссылками и вставляем ее после url= и после[img], сюда:
яндекс-фотки

Вышло (вставленные ссылки я выделила):
[600x48]

Копируем вторую ссылку из блокнота, вставляем по аналогии во второй код и т.д. Все ссылки проставлены:
[600x175]

Но пока кликом по превью мы попадем на ту же картинку в 150 пкс, а не на оригинал. Исправляем ситуацию. В блокноте выделяем

S.jpg]

и кликаем "Правка > Заменить":
[600x377]

Как видите в верхней строке у нас уже внесена выделенная часть кода, в нижнюю же строку вписываем:

orig.jpg]

и жмем "Заменить все":
[456x263]
Только, пожалуйста, оччень внимательно, копируем и заменяем, не пропуская скобочек :-)

Все, код готов, если мы вставим его в пост, то выйдет так:
[показать]
[показать]
[показать]
[показать]
Как видите, кликом по превью мы попадаем на оригинальное изображение.
Можно выстроить картинки в ряд и публиковать :
[показать] [показать] [показать] [показать]
Собственно и все пока :-)
Всем хорошего дня :-)

P.S. Здесь речь идет об изображениях в формате jpg, для картинок в других форматах, окончания ссылок будут другие (png, gif..) Следите за окончаниями :-)))
вверх^ к полной версии понравилось! в evernote
Комментарии (29):
лиса47 26-11-2010-19:09 удалить
Спасибо большое за урок! Процитировала себе.
Legionary 26-11-2010-20:11 удалить
Ответ на комментарий лиса47 # лиса47, спасибо автору:))
lief 26-11-2010-20:18 удалить
Добрый вечер! Спасибо огромное за полезную информацию. Ну, просто прекрасно.
0002043B (110x110, 69 Kb)
Legionary 26-11-2010-20:19 удалить
Ответ на комментарий lief # lief, всегда пожалуйста:)
Legionary 26-11-2010-20:50 удалить
Ответ на комментарий bereginay # bereginay, спасибо автору:))
Lusha_Lenina 26-11-2010-21:20 удалить
Спасибо большое за урок. У меня вопрос а это способ может подойти для других сайтов на пример mail или какой ни будь блог?
Legionary 26-11-2010-21:23 удалить
Ответ на комментарий Lusha_Lenina # Lusha_Lenina, ага, BB код подойдет:)) для сайта - html надо брать:)
Lusha_Lenina 26-11-2010-21:32 удалить
Ответ на комментарий Legionary # Legionary, Спасибо
Legionary 26-11-2010-21:36 удалить
Ответ на комментарий Lusha_Lenina # Lusha_Lenina, пожалуйста:)
Legionary 26-11-2010-22:32 удалить
Ответ на комментарий tatyana_anohina # tatyana_anohina, всегда пожалуйста:)
Спасибо,процитировала- есть вопросы...
Для работы с бегущими фотографиями написано- адрес картинки- а где этот адрес взять ( в Радикале, в Янгдекс фото., или еще где-нибудь?)
Legionary 29-11-2010-21:21 удалить
Ответ на комментарий Марина_Макова # Марина_Макова, вот,-именно там:) но можно и на лиру через обзор загрузить:))
Спасибо за пояснение. А вы не подскажите, на Майле это не работает? я еще не полностью перешла на Ли ру- пока учусь.
Legionary 29-11-2010-21:30 удалить
Ответ на комментарий Марина_Макова # Марина_Макова,я честно говоря не очень понимаю о чем именно Вы:) "бегущими фотографиями" - это про альбом во флеш? или про "двигающиеся картинки" с помощью кодов?) короче говоря- по какому уроку:)
Ответ на комментарий Legionary # Вот что значит"чайник" ( в данном случае- женского рода).
Я искала возможность вставить в блог фотографии в виде бегущих в рамке сверху вниз картинок. Поняла, что у меня не получится. Сделала просто слайдшоу. Но очень обидно,т.к.урок я процитировала, разобрала весь и все правильно заполнила. Там были довольно простые коды для движения сверху вниз, справа-налево и т.д.
Но я поняла, они только на Ли ру работают
Второй вопрос- как вставить текст с прокруткой на Майле- я нашла формулы( в поисковике) но они у меня не работают. Нет ли урока на эту тему по Майлу?
Legionary 29-11-2010-21:48 удалить
Ответ на комментарий Марина_Макова # Марина_Макова, коды не только для лиру... но на мейле, и вправду, не работают:( на мейле вообще мало возможностей. насколько я знаю... а про мейл, к сожаления ничего не писал, да и не в курсе:((
Ответ на комментарий Legionary # Спасибо, вот переберусь окончательно на Ли ру- все и пригодится!!!
Lina_Spring 04-01-2011-00:26 удалить
Спасибо за уроки...легче стало блуждать по просторам и-нета))) [500x369]
Спасибо за длинный способ.
anna_susanna 06-02-2011-17:44 удалить
спасибо!!! у меня получилось!!!
Спасибо за пост! Цитирую с благодарностью.


Комментарии (29): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Яндекс-фотки. Вставляем фотографии в пост (нормальные, кликабельные превью) | Legionary - Legionblog | Лента друзей Legionary / Полная версия Добавить в друзья Страницы: раньше»