Как разместить изображение и видео на форуме.

#1 **Diva** » 07.06.2011, 21:55

Поскольку не все умеют размещать фотографии и изображения, хочу рассказать, как можно это сделать. :kiss:

Используем хостинги изображений:
http://flae.ru
http://fastpic.ru
http://ifotki.info
http://keep4u.ru
http://www.savepic.ru
http://www.imageup.ru
http://foto.infan.ru
http://ipicture.ru
http://www.jpeghost.ru
http://vfl.ru
http://umage.ru

Рассмотрим на примере известного сайта Фастпик

1. Зайти на сайт http://fastpic.ru

2. Нажать на кнопку "Выберите файл" и выбрать картинку, которая находится на вашем компьютере.

3. Нажать на кнопку "Загрузить".

4. Скопировать ссылку номер 2 (Для вставки на форум) или 3 (Превью - увеличение по клику) и вставить её в своё сообщение на нашем форуме.

Все! :105:

#2 **Кыса** » 18.08.2011, 11:27

Если возникла необходимость выложить картинку из инета, то есть размещенную уже где-нибудь, нужно скопировать URL картинки (кликнуть на картинке правой клавишей мышки и выбрать этот пункт в открывшемся меню). И вставить скопированное в текст с помощью кнопки оформления сообщений Img

#3 **Смородина** » 17.05.2012, 09:27

как ровно грузить фото? в пред просмотре показывает ровно а в тему приходят кривые :151:

.........
в предпросмотре было 2 сверху и 3 снизу :crazy:

cry

#4 **Администратор** » 17.05.2012, 14:40

Смородина писал(а):как ровно грузить фото? в пред просмотре показывает ровно а в тему приходят кривые .........
в предпросмотре было 2 сверху и 3 снизу cry

размещайте ссылки по 2 на строке, в Вашем случае они идут одна за другой и фотографии большого формата (уменьшайте их, выбирая ПРЕВЬЮ)

#5 **Луноход-1** » 05.06.2012, 19:07

Если берём видео с Ютуба, то под видео есть кнопка "Поделиться"
Кликаем на неё и копируем ссылку. В нашем случае ссылка выглядит так:

Код: Выделить всё: http://youtu.be/q1ZZ3H0XcAo

теперь, чтоб вставить видео в сообщение, необходимо поместить ссылку в тег video:

Код: Выделить всё: [video]http://youtu.be/q1ZZ3H0XcAo[/video]

При сохранении видео получится вот так:

phpBB [video]

#6 **ava85** » 11.04.2013, 16:14

Какие есть варианты добавления видео с ПК, если не загружать его на Ютуб.

#7 **Луноход-1** » 12.04.2013, 07:26

ava85, загрузка видео на любой другой видеохостинг.

#8 **Кыса** » 20.02.2014, 15:49

Видеохостинги:
http://www.youtube.com/
http://my.mail.ru/video/top
http://yandex.ru/video/
http://smotri.com/

#9 **Кыса** » 01.03.2014, 01:09

Кстати, добавлю, что можно в сообщение добавлять изображения, расположенные на вашем ПК с помощью кнопки "Выберите файл" (смотри ниже поля сообщения).
Затем "Добавить файл".
И "Вставить в текст сообщения"

getImage.jpg

Примерно так....

#10 **Вальчик** » 17.04.2014, 13:51

Девочки, а как на аватарку картинку "живую" двигающуюся ставить?

#11 **Луноход-1** » 17.04.2014, 21:54

Вальчик, это должен быть файл gif анимации. Найти в интернете, опираясь на размеры 150х150; закачать её на комп и вставить в профиле. Например здесь поискать : http://images.yandex.ru/yandsearch?fp=0&uinfo=ww-1583-wh-1066-fw-1358-fh-598-pd-1&ih=150&text=аватарки&iw=150&isize=eq&pos=16&rpt=simage&itype=gif&img_url=http%3A%2F%2Fa2.rimg.info%2F705d550f0c37903f1202d298293c7f9f.gif

#12 **Вальчик** » 18.04.2014, 12:17

Спасибо Фурацилин большое, буду покорять просторы интернета в поисках файлов gif анимации

#13 **Вальчик** » 18.04.2014, 15:00

Ура получилось, спасибо еще раз

#14 **Ritva Kaarna** » 10.05.2014, 09:33

Прошу помощи : в верхней строчке над сообщением выбираю video, выскакивает [video]...[/video] ( как и во всех форумах ), вставляю на место многоточия строку, скопированную из Ютюба, но она так и остается строкой, видео не открывается. Подскажите, что делать?

#15 **Кыса** » 10.05.2014, 11:10

Ritva Kaarna, я вас пригласила в эту тему, чтоб вы с ней ознакомились...
В вашем случае нужно смотреть сообщение №5:

Фурацилин писал(а):Если берём видео с Ютуба, то под видео есть кнопка "Поделиться"
Кликаем на неё и копируем ссылку. В нашем случае ссылка выглядит так:
КОД: ВЫДЕЛИТЬ ВСЁ
http://youtu.be/q1ZZ3H0XcAo

теперь, чтоб вставить видео в сообщение, необходимо поместить ссылку в тег video:

КОД: ВЫДЕЛИТЬ ВСЁ
[video] http://youtu.be/q1ZZ3H0XcAo [/video]

А теперь смотрим ваше сообщение из темы"Посмеемся":

Ritva Kaarna писал(а):[video] http://www.youtube.com/watch?v=qsqd_e5V6e8&feature=share[/video]

в тег вставлена ссылка из адресной строки, а надо тыкнуть в "Поделиться" под роликом (смотрим картинку):

Клип_4.jpg

Пробуем в этой теме

:148:

#16 **Ritva Kaarna** » 10.05.2014, 11:34

phpBB [video]

Тренируюсь...)

Добавлено спустя 4 минуты 10 секунд:
Кыса, спасибо)
Я до этого делала по шаблону, как на большинстве форумов. Сейчас сделала по вашей схеме, скопировав строку из " поделиться". Результат тот же (( . Может, эта опция только для модераторов, пользователям недоступна?
_________________
Сейчас еще попробую...

#17 **Кыса** » 10.05.2014, 11:42

Ну и к чему пробел между скобкой и ссылкой?
[video] http://youtu.be/3W_mIzMqtX0[/video]

Сейчас удалила пробел в вашем сообщении и все встало на место... Внимательнее

Берем ссылку, вставляем в сообщение, выделяем ее и тыкаем на тег видео, она оформляется как нужно...

#18 **Ritva Kaarna** » 10.05.2014, 11:46

phpBB [video]

Кыса, спасибо огромное! Я всегда между скобками тега вставляла зазор, т.к. он узкий очень...
Теперь понятно ))))

#19 **Луноход-1** » 04.10.2016, 22:06

Вариант с media нерабочий

Код: Выделить всё: [media]http://youtu.be/FMBd21ebfAU[/media]

Вариант с video

Код: Выделить всё: [video]http://youtu.be/FMBd21ebfAU[/video]

phpBB [video]

Самое простое, чтоб не было ошибок при вставке ссылки в ббкод: сперва вставить в сообщение ссылку.Затем выделить её мышкой, а потом кликнуть по ббкоду на выбор video или media

#20 **Кыса** » 05.10.2016, 06:38

Не вижу особой разницы между видео и медиа....Визуально-рамочка и формат изображения чуть отличается(медиа растянутый с рамкой, видео квадратный), а принципиальная разница есть?

#21 **Луноход-1** » 05.10.2016, 08:27

Кыса, media более универсален. Из описания ниже видно, что он включает в себя видео + еще разности. По большому счету я в большинстве случаев предпочитаю медиа.

phpBB MEDIA

На данный момент поддерживаются:
все сервисы из phpBB [video] (youtube.com, vimeo.com, rutube.ru, vk.com и др.)
все сервисы из phpBB [audio] (soundcloud.com, muzebra.com, pleer.com и др.)
docs.google.com (документы, таблицы и формы; берите ссылку из File » Publish to the web)
maps.google.com (карты, панорамы)
openstreetmap.org (карты)
360cities.net (панорамы)
picasaweb.google.com (слайдшоу из галерей)
dermandar.com (панорамы)
share.mapbbcode.org (карты с вашими метками на ней)
connect.garmin.com (GPS-треки)
endomondo.com (маршруты и тренировки)
gpsies.com (GPS-треки)
bikemap.net (GPS-треки)
livegpstracks.com (GPS-треки, поддерживаются только ссылки из кода встраивания)

phpBB VIDEO

На данный момент поддерживаются видеосервисы:
youtube.com (youtu.be) — плейлисты также поддерживаются
vimeo.com
rutube.ru — только адрес из кода встраивания
vk.com (vkontakte.ru) — только адрес из кода встраивания
ok.ru
facebook.com
video.mail.ru
smotri.com
dailymotion.com
ustream.tv — поддерживаются и записи, и трансляции
twitch.tv — поддерживаются и записи, и трансляции
video.qip.ru
video.yandex.ru — только адрес из кода встраивания
video.bigmir.net
tvigle.ru — только адрес из кода встраивания
video.online.ua
video.sibnet.ru
yapfiles.ru — только адрес из кода встраивания BBCode (для видео и музыки)
megogo.net
intv.ru
lovi.tv
metacafe.com
veevr.com
myvideo.de
clipfish.de
hulu.com — только адрес из кода встраивания
own3d.tv
ign.com
ted.com
vine.co
coub.com
pinkbike.com
mpora.com
archive.org
файлы WebM, OGV и MP4 через HTML5 <video>

#22 **Луноход-1** » 05.10.2016, 08:34

Кстати, в обоих тегах можно задавать размер. Например:

Код: Выделить всё: [video]http://vimeo.com/40558553[/video]

Код: Выделить всё: [video=640,360]http://vimeo.com/40558553[/video]

Код: Выделить всё: [media]http://vimeo.com/40558553[/media]

Код: Выделить всё: [media=640,360]http://vimeo.com/40558553[/media]

#23 **Кыса** » 05.10.2016, 08:43

Надо в первое сообщение собрать все :friends:

#24 **Луноход-1** » 16.02.2017, 11:45

Анимационный гиф

Код: Выделить всё: [img]http://raz1um.ru/animation/medved/91.gif[/img]