Гайд по вставке изображений и видео

[ox-y-gen 10,994]

Вставка изображений:

1. Сначала загрузите свои изображение на хостинг картинок (варианты хостингов см. ниже).
   1. Рекомендуемый хостинг - GetaPic https://getapic.me/
   2. Откройте https://getapic.me/, кликните на серую зону чтобы выбрать картинку для загрузки
   3. Нажмите кнопку "Получить ссылку" справа внизу
   4. Скопируйте ссылку на картинку из первого поля "1. Ссылка на картинку"
2. Вставьте полученную ссылку в текст сообщения. Ссылка на картинку преобразуется в изображение.

Вставка видео:

1. Получите ссылку на видео. Скопируйте ее из строки браузера, либо выберите "Поделиться" и скопируйте ссылку оттуда.
   • Поддерживаются следующие ссылки: YouTube видео и шортсы, RuTube видео и шортсы, VK video, прямые ссылки на mp4 файлы. Для YouTube и VK video поддерживаются ссылки с таймкодами.
   • Свои mp4 файлы длительностью до 1 минуты можно загружать на imgur (см. ниже доп. информацию) 
2. Вставьте полученную ссылку в текст сообщения. Ссылка на видео преобразуется во всторенное видео.
   • Стоит отметить: Если у вас не грузится YouTube, ссылка на youtube корректно преобразуется во встроенное видео, но картинка видео может не прогрузится. Это не является проблемой - такой пост можно сохранять, у тех, у кого работает youtube, увидят корректно встроенное видео.

Проверка работоспособности хостингов картинок, варианты выбора:

Спойлер

Проверка хостингов:

 

🇺🇸 IMGUR - https://imgur.com/ 

 

🇬🇪 ImgBB - https://imgbb.com/ 

 

🇺🇸 Postimages - https://postimages.org/

 

🇷🇺 GetaPic - https://getapic.me/

 

🇱🇻 FastPic - https://fastpic.org/

 

Как пользоваться проверкой выше: Если хостинг у вас работает, сверху него вы должны увидеть зеленую картинку с него с надписью "<<имя сервиса>> is working". Если с вашего устройства сервис недоступен, зеленая картинка не загрузится.

 

Выбор хостинга:

 

Проблема хостингов картинок в текущих условиях - зарубежные сервера могут временно или постоянно быть недоступны из РФ. Поэтому в данный момент мы рекомендуем пользоваться хостингом GetaPic, у него высокая скорость, большой аптайм и он работает уже 12 лет.

 

• Рекомендуем - GetaPic - сервера в РФ, высокая скорость, большой аптайм, сервис работает уже 12 лет.
• imgur - сервера не в РФ, но большую часть времени картинки на нем доступны в РФ. Для регистрации нужен гугл аккаунт, использование сервиса из РФ не работает, нужны средства обхода - imgur блокирует запросы из РФ, но уже загруженные картинки отдает в РФ без проблем. В остальном надежный сервис. Помимо картинок, можно загружать mp4 видео длительностью до 1 минуты. Можно условно рекомендовать.
• ImgBB - сервера не в РФ. Периодически картинки не доступны из РФ. Условно не рекомендуем.
• Postimages - сервера не в РФ. Периодически картинки не доступны из РФ. Условно не рекомендуем.

 

Мониторинг хостингов изображений:  https://ping-admin.com/fotohosting_rating/

 

Edited November 23 by ox-y-gen

[MWorld II 11,850]

хах))) :agree:

[Sacret 4,226]

Забыл ещё добавить:

7. Перед публикацией обязательно измените тип новости:

[Legioner 0]

спасибо кэп. :)

[Dr.Steel 375]

Полезно однако,для некоторых новостников :trollface:
:agree:

[Legioner 0]

сделай что нибудь подобное. например как сделать скриншоты кликабельными :trollface:
личная просьба. или по личке напиши как!

[Sacret 4,226]

[quote name="Legioner"]сделай что нибудь подобное. например как сделать скриншоты кликабельными :trollface:
личная просьба. или по личке напиши как![/quote]
Тебе уже, вроде как, это не пригодится в ближайшие полгода, но намерения сделать и такой мануал у меня тоже есть ;)

[Legioner 0]

[quote name="Samson"] [quote name="Legioner"]сделай что нибудь подобное. например как сделать скриншоты кликабельными :trollface:
личная просьба. или по личке напиши как![/quote]
Тебе уже, вроде как, это не пригодится в ближайшие полгода, но намерения сделать и такой мануал у меня тоже есть ;)[/quote]
ты меня не дооцениваешь. :twisted:

[SUPER_ROBOT 661]

Вот красная кнопка, которая начнёт ядерную войну. Но нет, лучше мы обучим-приучим ближайших не замечать и обходить, и хитро не задевать эту кнопку, чем убрать её.
Напомнило: у торрент-трекера нашего города в сообщениях нельзя было применять красный цвет, т.к. "это цвет сообщений от админов". Но этот цвет как ни в чём не бывало был в палитре среди других, как сейчас вот справа, когда я набираю это сообщение. Какой смешной у нас мир, я рад, что существую в нём :trollface:

[Retrokun 1,058]

прилепил - надеюсь что поможет

[Sacret 4,226]

[quote name="SUPER_ROBOT"]Вот красная кнопка, которая начнёт ядерную войну. Но нет, лучше мы обучим-приучим ближайших не замечать и обходить, и хитро не задевать эту кнопку, чем убрать её.
Напомнило: у торрент-трекера нашего города в сообщениях нельзя было применять красный цвет, т.к. "это цвет сообщений от админов". Но этот цвет как ни в чём не бывало был в палитре среди других, как сейчас вот справа, когда я набираю это сообщение. Какой смешной у нас мир, я рад, что существую в нём :trollface:[/quote]
Я давно говорил, что надо ту кнопку убрать, а ещё лучше, что бы при нажатии на неё кидало в эту тему))

[MWorld II 11,850]

Пойду попробую всякие фичи html, а то совсем новости стали одинаковыми. Если случайно добавлю новость, не быть)
Это я админам 8)

[img]http://i20.fastpic.ru/big/2011/0509/20/863ae465512af9f1d4ff7690b9ef3020.png[/img]
таблицы вообще хорошо :D

[Sacret 4,226]

MWorld II, тогда дам ещё пару советов по оформлению новости =)

1. [*:203ebex5] После вставки видео вам может захотеться его центрировать. Конечно, самый простой способ - клацнуть по видео в новости и нажать на кнопку "Выровнять по центру" (Align Center). Только после таких действий ваше видео сдвинется на одну линию вниз.
   [spoil][/spoil]
   Это такой баг движка и при дальнейшем редактировании новости могут появиться ещё несколько отступов сами по себе. Если они вам не нравятся, то в HTML ищите
   [spoil][/spoil]
   Именно конструкция
   добавляет пустые строчки. Удаляем их, и всё становится на свои места:
   [spoil][/spoil]
   
   [*:203ebex5] ещё один очень неприятный косяк вылазит при использовании списков или таблиц:
   [spoil][/spoil]
   Случается, если положиться на автоматическое добавление новых пунктов меню после нажатия Enter.
   Решение? Добавить Решение? Добавить

   после каждого открывающего тэга для нового пункта списка:
   [spoil][/spoil]
   Закрывающие тэги движок добавит сам (хоть тут он пригодится). Результат:
   [spoil][/spoil]
   
   [*:203ebex5] Как быстро скопировать списки с других страниц.
   Допустим, попалась вам на глаза подобная новость - http://www.vg247.com/2011/03/15/homefro ... d-up-here/
   Просто скопировать издания и оценки - это по-нубски ;) Нужно сохранить ссылки на обзоры! Для этого
   

   1. • до

      :
      [spoil][/spoil]
      [*:203ebex5] вставляем через HTML-код в нашу новость. После чего повторяем шаги из пункта №2 этого мануала ;)
      [spoil]= >[/spoil]
      Кстати, такая новость тоже была сделана путём копирования HTML-кода прямо из оригинальной страницы.

   
   [*:203ebex5] задействуем в браузере функцию просмотра исходного кода страницы (обычно вызывается нажатием Ctrl+U).
   [*:203ebex5] воспользуемся быстрым поиском по странице, что бы долго не выискивать начало списка, нажав Ctrl+F и введя название первого издания (в нашем случае это "Destructoid").
   [*:203ebex5] находим знакомую нам конструкцию списка. Копируем всё от

[MWorld II 11,850]

[b]Samson[/b], ах ты хитрый же. А через оперу как смотреть хтмл страницы сайтов ?
Я просто не рублю... в ИЭ понятно. А В опере :confused:

[Sacret 4,226]

[quote name="MWorld II"][b]Samson[/b], ах ты хитрый же. А через оперу как смотреть хтмл страницы сайтов ?
Я просто не рублю... в ИЭ понятно. А В опере :confused:[/quote]
Написал же Ctrl+U ;)
Firefox, Chrome, Opera эти комбинации у них выполняют одно и то же.

PS: скрин из мозиллы, в ИЕ, вроде, Ctrl+U не работает.

[F1RaJEX 15,864]

Люди а как всталвлять видио с gametrailers ?

[dozensnake 33,652]

[b]xWhItEWoLFx[/b], [gametrailers][/gametrailers]

[Sacret 4,226]

[quote name="xWhItEWoLFx"]Люди а как всталвлять видио с gametrailers ?[/quote]
Если на сайт гейммага, а не на форум, то:

1) Выбираешь видео
2) Под видео находишь Embed
[img]http://clip2net.com/clip/m23217/1307274743-clip-110kb.jpg[/img]
3) Копируешь код
4) Вставляешь его в HTML-форму новости
[img]http://clip2net.com/clip/m23217/1304879023-clip-17kb.jpg[/img]
5) Profit!
[img]http://clip2net.com/clip/m23217/1307274864-clip-29kb.jpg[/img]

[Sacret 4,226]

Да уж... круто всё перенеслось...

[Wodomon 1,058]

[b][member=Samson][/b], списки похерились смотрю и кое где код? ну могло быть и хуже

[Sacret 4,226]

[quote name='Wodomon' timestamp='1316162436' post='2299638']
[b][member=Samson][/b], списки похерились смотрю и кое где код? ну могло быть и хуже
[/quote]
Если бы только код, но и текст, который был в этом коде тоже пропал. В итоге инструкция поломалась. Надо будет заново написать...

[Madnfs 7,529]

народ теперь юзаем в новостях iframe-код
[img]http://img834.imageshack.us/img834/3663/54545z.jpg[/img]
с ним работают все кнопки плеера

[Maxinhell 537]

А мы и так его юзали)))

[Madnfs 7,529]

[b][member=Maxinhell][/b], не все ещё [url="http://gamemag.ru/news/dragons-dogma-geympley-captivate-12-76567"]http://gamemag.ru/ne...tivate-12-76567[/url]
http://gamemag.ru/news/noviy-treyler-resident-evil-6-76548

[delphin 3,087]

В последнее время можно заметить, что некоторые новостники не правильно вставляют видео и скриншоты, что вызывает у пользователей сего ресурса много недовольств, поэтому я решил опубликовать небольшой гайд:
"Я как обычно вставляю видео, но пользователи жалуются на то, что нельзя сделать полноэкранный размер и перейти на сам ютуб - что же мне делать?"
Да, действительно интересный вопрос, что же тебе делать?! ну для начала нужно зайти в эту тему и просмотреть ниже опубликованный гайд по вставке видео:
[hide='Возьмем за основу новый трейлер Dead or Alive 5']
[img]http://s2.hostingkartinok.com/uploads/images/2012/08/cd71e8cf5da1ae5c8686d93296dd099a.jpg[/img][/hide]
[hide='Выставляем настройки согласно выше опубликованному скриншоту, затем переходим на сам сайт и следуем инструкции:'][img]http://s3.hostingkartinok.com/uploads/images/2012/08/12ba9b34f79e88898e27d3324092bf60.jpg[/img]
Несомненно стоит не забывать про данную опцию, которая не распространяется только на дебютные/первые трейлеры (тоже самое и со скриншотами)
Далее берем копируем наш код на ютубе и вставляем его в HTML редакторе на сайте:
[img]http://s2.hostingkartinok.com/uploads/images/2012/08/f47e8a9a292eed50e2a61a05760187b3.jpg[/img]
Видео не очень будет вписываться в рамки сайта, поэтому лучше увеличить разрешение таким путем:
[img]http://s3.hostingkartinok.com/uploads/images/2012/08/05654bd55651912b9bd214fa03ac2c3e.jpg[/img]
заменяем на:
[img]http://s3.hostingkartinok.com/uploads/images/2012/08/c56eabe6dc6f8beecbc7285dfc19807c.jpg[/img]
Готово![/hide]
Скриншоты лучше всего заливать на такие хостинги как [url="http://hostingkartinok.com/"]http://hostingkartinok.com/[/url] и [url="http://piix.biz/"]http://piix.biz/[/url]
[hide='После удачной заливки нашего скриншота переходим на сам сайт и следуем пошаговой инструкции:']
[img]http://s2.hostingkartinok.com/uploads/images/2012/08/1fe525e71d176e0a31660f82dd6ef430.jpg[/img]
Обязательно стоит обратить свое внимание на разрешение скриншота, чтобы в дальнейшем не было таких недоразумений:
[spoil]
[img]http://s2.hostingkartinok.com/uploads/images/2012/08/7ba8d39f38923ae96877379e1dbeb432.jpg[/img]
[img]http://s2.hostingkartinok.com/uploads/images/2012/08/77d51f6885e3c702cdeb0f52f00a7317.jpg[/img]
[/spoil]
В основном приемлемым разрешением для изображений является 700x400, для этого нужно просто прописать вот так:
[img]http://s3.hostingkartinok.com/uploads/images/2012/08/375a86012ba0cc326795d9fae6b91737.jpg[/img]

После всех проделанных манипуляций мы получаем нормальное и не растянутое изображение, но на этом еще не все. Теперь нам нужно будет сделать автоматический переход:
[img]http://s3.hostingkartinok.com/uploads/images/2012/08/5808be9dddf6a866bcff97630891d310.jpg[/img]
1. Жмем на цепочку
2. Вставляем адрес самого изображения, а не хостинга на котором оно находится. Пример того как не нужно вставлять:
[spoil]
[img]http://s3.hostingkartinok.com/uploads/images/2012/08/83e59247f90087a03c3d57499d86a510.jpg[/img]
[/spoil]
3. Выбираем опцию по которой пользователей будет кидать на полноразмерный скриншот по клику на "ужатую" версию.
[/hide]
Вот и все. Согласитесь, довольно таки просто. Edited August 29, 2012 by Azzy
подровнял и добавил bb-коды.