Как вставлять фото и видео, делать текстовые ссылки

[Plut`on]

1. Инструкция по загрузке фотографий на radikal.ru
2. Как правильно разместить видео с youtube.
3. Как сделать "текстовую" ссылку
4. Как сделать ссылку на конкретный пост нашего форума, а так же ТР.com и МФ8
5. Простое изменение размеров фото
6. Вставка изображений с форумов ТР.com и МФ8
7. Сервисы сокращения ссылок.

+++ добавлено ++++++++++++++++++++++++++++++++++++
5.2. Простое изменение размеров и прочая пакетная обработка фото
5.3. Еще один вариант изменения размеров и пакетной обработки фото

8. Создание и редактирование Скриншотов на лету

[Plut`on]

Как правильно разместить видео с youtube.

адрес видео на youtube может иметь разный вид
1. http://www.youtube.com/watch?v=55Vp_NZw-kk
2. http://youtu.be/55Vp_NZw-kk

Первая ссылка была скопирована из адресной строки браузера, а вторая получается после нажатия на кнопку поделиться.

Кнопка youtube на нашем форуме работает только с первой ссылкой.

вот что получится если попробовать вставить видео по обеим ссылкам с помощью этой кнопки.
1.
<a href="http://www.youtube.com/watch?v=55Vp_NZw-kk" target="_blank">http://www.youtube.com/watch?v=55Vp_NZw-kk</a>

2.
#Invalid YouTube Link#

+++ добавлено ++++++++++++++++++++++++++++++++++++

ссылки могут быть получены и в таком виде
3. https://www.youtube.com/watch?v=GTf7K7yDLss
указан протокол HTTPS, такая ссылка не загрузится - необходимо удалить букву S

4. www.youtube.com/watch?v=GTf7K7yDLss
забыли указать название протокола - HTTP. необходимо добавить "http://"

5. http://youtube.com/watch?v=GTf7K7yDLss
забыли указать поддомен "www.", однако это работает корректно

результаты таких ссылок:
3. #Invalid YouTube Link#
4. #Invalid YouTube Link#

5.
<a href="http://www.youtube.com/watch?v=GTf7K7yDLss" target="_blank">http://www.youtube.com/watch?v=GTf7K7yDLss</a>

[Plut`on]

"Текстовые" ссылки

Проще всего понять, что такое текстовая ссылка на примере.
1. Обычная ссылка.
Пятнашки "Стрелка Васильевского острова" - http://puzzle15.ru/type-%D1%81%D1%82%D1%80%D0%B5%D0%BB%D0%BA%D0%B0_%D0%92%D0%9E.html

2. Текстовая ссылка.
Пятнашки "Стрелка Васильевского острова"

Как сделать такую ссылку?
Это тот самый случай, когда описание процесса намного сложнее его самого.

Каждую ссылку заменять на текстовую совсем не обязательно, определяйте целесообразность такой замены каждый раз самостоятельно.

Вот как выглядит текстовая ссылка в редакторе сообщений:

Код: [Выделить]

[url=АДРЕС]ТЕКСТ[/url]
Сделать её правильно можно двумя способами

Первый:
1.1. Вставляем ссылку

Код: [Выделить]

[url]http://puzzle15.ru/type01.html[/url]такой вид будет у ссылки в редакторе сообщений до его сохранения.
1.2. Сохраняем сообщение
1.3. Нажимаем "изменить сообщение"
после этого мы видим, что код ссылки преобразился

Код: [Выделить]

[url=http://puzzle15.ru/type01.html]http://puzzle15.ru/type01.html[/url]1.4. Заменяем адрес расположенный между "]" и "[/url]" на нужный вам текст

Код: [Выделить]

[url=http://puzzle15.ru/type01.html]Пятнашки первого типа[/url]1.5. Сохраняем сообщение
1.6. Получаем необходимый результат
Пятнашки первого типа

Второй:
2.1. Набираем в редакторе текст ссылки
2.2. Выделяем его и нажимаем на кнопку "гиперссылка"
вот что мы увидим

Код: [Выделить]

[url]Пятнашки первого типа[/url]2.3. добавляем после "[url" знак "=" а после него необходимый адрес

Код: [Выделить]

[url=http://puzzle15.ru/type01.html]Пятнашки первого типа[/url]2.4. Сохраняем сообщение
2.5. Получаем необходимый результат
Пятнашки первого типа


Вместо текста можно прикрепить ссылку на изображение


В редакторе сообщений такая ссылка будет выглядеть вот так:

Код: [Выделить]

[url=http://puzzle15.ru/type12.html][img]http://puzzle15.ru/image/1/15-12-2-1.jpg[/img][/url]

[Plut`on]

ссылки на конкретный пост этого форума
Примеры таких ссылок вы можете посмотреть в первом посте этой темы.

А где же взять эту ссылку и как она выглядит?

Вот как выглядит ссылка на этот пост:
http://twistypuzzles.ru/forum/index.php/topic,643.msg8901.html#msg8901

а спрятана эта ссылка "внутри" названия поста которое выглядит как
Re: НАЗВАНИЕ ТЕМЫ
те в нашем случае
Re: Как вставлять фото и видео, делать текстовые ссылки



+++ Добавлено +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Ссылки на посты внутри длинных веток дружественных форумов:

http://twistypuzzles.com/forum/



http://bbs.mf8-china.com/forum.php

[Plut`on]

для уменьшения Фото (или увеличения) вы можете использовать
функционал различных редакторов и просмотрщиков.
однако можно предельно упростить данную процедуру

существует целый класс конвертеров: Right Click Image resizer
http://www.ilovefreesoftware.com/31/featured/5-free-image-resizer-resize-images-right-click-menu.html
который встраивается в контекстное меню проводника и вызывается по правой кнопке мыши!

далее указываете нужный размер по горизонтали, вертикальный поставится автоматом

[grigr]

Для загрузки на фото-банки я использую очень полезную утилиту: http://getsharex.com/
она поддерживает самые популярные ресурсы. очень проста, функциональна, бесплатна!

закидываешь туда картинку или делаешь скриншот -
сразу получаешь онлайн ссылку причем в формате форума с тегами

[grigr]

аналогично ресурсам для размещения картинок, есть и сервисы для размещения Текста
(может кому понадобится когда-нибудь)... например: http://paste.ee/

вставляете Текст, Описание, срок хранения - и нажимаете разместить
получаем короткую ссылку на наш Текст

[grigr]

вставка изображений с прочих форумов: ТР и МФ8 (для просмотра картинок там нужна регистрация)

большинство современных браузеров поддерживают способ сохранения картинки - если вы просто зацепите ее мышью и перетащите в любую папку или на рабочий стол








далее на всякий случай уменьшаем ее размер для стандартной ширины в 800 пикселей





используем следующие настройки Ресайзера





далее аналогично мышкой перетаскиваем наши картинки в окно ShareX





после того как статус загрузки станет = 100%
выбираем картинки и копируем в буфер ссылку для вставки изображения сразу в формате форума
если выбрать следующий пункт, то вставится ссылка на обменник, где можно посмотреть фото в бОльшем разрешении





теперь нужно просто вставить ссылку в наше сообщение

[Plut`on]

Сервисы сокращения ссылок.

еще один способ сокращения ссылок. это использование редирект Сервисов: Сокращение URL
http://tinyurl.com, https://bitly.com/, http://goo.gl/, https://clck.ru/

например мы хотим сократить длинную и не читаемую ссылку наподобие этой
http://www.hknowstore.com/locale/en-US/item.aspx?corpname=nowstore&itemid=3998c5f7-ca63-4002-bf6d-3e60b0c90c1d

мы вставляем ее в строку для конвертации и нажимаем кнопочку


и получаем короткую ссылку


вот результаты при помощи и других сервисов. открывая ссылку вы перенаправляетесь на заданный сайт!
http://tinyurl.com/mbzh8o2 , http://bit.ly/1rpfuyp , http://goo.gl/WKZUik , https://clck.ru/9PUcP

+++ Добавлено +++++++++++++++++++++++++++++++++++

интересная фишка от сервиса Яндекса -  https://clck.ru/
это генерирование ссылки в формате QR-Code кому надо пользуйтесь

[grigr]

для уменьшения Фото (или увеличения) вы можете использовать
целый класс конвертеров: Right Click Image resizer

нашел очень функциональный и простой пакетный конвертер !!!
Snagit Batch Convert Images (идет в комплекте с программой Snagit - грабер изображений с Экрана)

вот последовательность действий для изменения размера картинок в папке.
однако одним махом там можно выполнить множество иных процедур с картинками

[grigr]

существует отличный бесплатный просмотрщик картинок - XnView
он имеет огромный функционал, в том числе пакетную обработку изображений
уменьшать картинки можно в том числе и с его помощью

[grigr]

если же вы хотите вставить какую-то картинку с сайта, а он не дает возможность сохранить ее - не беда
можно воспользоваться программой для снятия Скриншотов с экрана. их много, но я рекомендую - Snagit

вы можете выбрать область с экрана, или весь экран и снять фото и видео, или отправить вэбстраницу на Снагит-принтер




после срабатывания картинка откроется во встроенном редакторе, где вы сможете как угодно отредактировать картинку

[Plut`on]

У меня "умерло" примерно половина Радикал-ьных картинок.

[Philipp]

У меня тоже заметил пару фоток из последних.
Бывало иногда. Самовосстановились чуть позже.

[Philipp]

У меня самовосстановились замеченные пропавшие фотки.