Автор Тема: Как вставлять фото и видео, делать текстовые ссылки  (Прочитано 4367 раз)

0 Пользователей и 1 Гость просматривают эту тему.


Оффлайн Plut`on

  • Глобальный модератор
  • *****
  • Сообщений: 1 129
  • Пол: Мужской
  • коллекционер
Как правильно разместить видео с 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>
« Последнее редактирование: 26 Декабря 2014, 23:20:12 от grigr »

Оффлайн Plut`on

  • Глобальный модератор
  • *****
  • Сообщений: 1 129
  • Пол: Мужской
  • коллекционер
"Текстовые" ссылки

Проще всего понять, что такое текстовая ссылка на примере.
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]
« Последнее редактирование: 28 Декабря 2014, 16:09:04 от Plut`on »

Оффлайн Plut`on

  • Глобальный модератор
  • *****
  • Сообщений: 1 129
  • Пол: Мужской
  • коллекционер
ссылки на конкретный пост этого форума
Примеры таких ссылок вы можете посмотреть в первом посте этой темы.

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

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

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



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

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

http://twistypuzzles.com/forum/



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

« Последнее редактирование: 26 Декабря 2014, 23:46:16 от grigr »

Оффлайн Plut`on

  • Глобальный модератор
  • *****
  • Сообщений: 1 129
  • Пол: Мужской
  • коллекционер
для уменьшения Фото (или увеличения) вы можете использовать
функционал различных редакторов и просмотрщиков.
однако можно предельно упростить данную процедуру ;)

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

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

« Последнее редактирование: 27 Декабря 2014, 00:07:08 от grigr »

Оффлайн grigr

  • Глобальный модератор
  • *****
  • Сообщений: 2 778
  • Пол: Мужской
  • кручу-верчу
    • Мой Магазин
Для загрузки на фото-банки я использую очень полезную утилиту: http://getsharex.com/
она поддерживает самые популярные ресурсы. очень проста, функциональна, бесплатна!

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

« Последнее редактирование: 27 Декабря 2014, 00:08:40 от grigr »

Оффлайн grigr

  • Глобальный модератор
  • *****
  • Сообщений: 2 778
  • Пол: Мужской
  • кручу-верчу
    • Мой Магазин
аналогично ресурсам для размещения картинок, есть и сервисы для размещения Текста
(может кому понадобится когда-нибудь)... например: http://paste.ee/

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

Оффлайн grigr

  • Глобальный модератор
  • *****
  • Сообщений: 2 778
  • Пол: Мужской
  • кручу-верчу
    • Мой Магазин
вставка изображений с прочих форумов: ТР и МФ8 (для просмотра картинок там нужна регистрация)

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








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





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





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





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





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


« Последнее редактирование: 27 Декабря 2014, 00:26:52 от grigr »

Оффлайн Plut`on

  • Глобальный модератор
  • *****
  • Сообщений: 1 129
  • Пол: Мужской
  • коллекционер
Сервисы сокращения ссылок.

еще один способ сокращения ссылок. это использование редирект Сервисов: Сокращение 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

  • Глобальный модератор
  • *****
  • Сообщений: 2 778
  • Пол: Мужской
  • кручу-верчу
    • Мой Магазин
для уменьшения Фото (или увеличения) вы можете использовать
целый класс конвертеров: Right Click Image resizer

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

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








Оффлайн grigr

  • Глобальный модератор
  • *****
  • Сообщений: 2 778
  • Пол: Мужской
  • кручу-верчу
    • Мой Магазин
существует отличный бесплатный просмотрщик картинок - XnView
он имеет огромный функционал, в том числе пакетную обработку изображений
уменьшать картинки можно в том числе и с его помощью





Оффлайн grigr

  • Глобальный модератор
  • *****
  • Сообщений: 2 778
  • Пол: Мужской
  • кручу-верчу
    • Мой Магазин
если же вы хотите вставить какую-то картинку с сайта, а он не дает возможность сохранить ее - не беда
можно воспользоваться программой для снятия Скриншотов с экрана. их много, но я рекомендую - Snagit

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




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