Altcoins Talks - Cryptocurrency Forum

Local => Форум криптовалют - Криптовалюта => [Guides] Полезные инструкции => Topic started by: bitjudge on March 07, 2019, 05:23:42 PM

Title: [ГАЙД] Как сделать переводной скриншот для оформления анонса или баунти топика
Post by: bitjudge on March 07, 2019, 05:23:42 PM
В этом гайде объясняется, как отредактировать автоматически переведенную Google-переводчиком страницу сайта, чтобы затем сделать скриншот, сохранив оформление и оригинальные элементы сайта. Подобные скриншоты обычно используются при оформлении переводных анонсов или баунти топиков проектов.

Элементарные вещи типа "как пользоваться Гугл-переводчиком" или "как сделать скриншот экрана" здесь не объясняются. Если эти простые моменты вызывают затруднения, то, вероятно, прежде создания баунти-топиков необходимо повысить общий уровень компьютерной грамотности.

В примерах показан сайт биржи Buzzex https://buzzex.io , который вы можете использовать, чтобы повторить все шаги этого гайда.

1. Итак, откройте необходимый вебсайт в браузере Google Chrome и переведите страницу встроенным автоматическим переводчиком.

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

(https://i.ibb.co/3hGBCb8/demo1.jpg)

3. Google Chrome откроет дополнительное окно (инспектор кода, она же консоль) с html-кодом выделенного элемента. Если этого не произошло, нажмите на значок ► напротив html-элемента, чтобы развернуть его.

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

(https://i.ibb.co/DRQsy6b/demo2.jpg)

5. Внесите необходимые исправления в элемент, чтобы перевод выглядел человеческим, а не автоматическим. После того, как исправления сделаны, нажмите Enter, чтобы исправления применились. Результат немедленно отобразится в браузере.

(https://i.ibb.co/pQtkJCZ/demo3.jpg)

6. Повторите шаги 2..5 со всеми элементами на странице, которые нуждаются в исправлении.

7. Когда редактирование закончено, закройте окно консоли, нажав на крестик в правом верхнем углу окна, или F12 на клавиатуре.

(https://i.ibb.co/x1fsXVK/demo4.jpg)

8. Можно сделать скриншот. Если содержимое немного не помещается на экран, переключите браузер в полноэкранный режим клавишей F11. Для выхода из полноэкранного режима еще раз нажмите F11. Также можно изменить размер окна браузера или масштаб (сочетания клавиш Ctrl + и Ctrl - ), чтобы подогнать изображение в подходящий размер для скриншота.

ВАЖНО: Сделанные изменения отображаются только в открытой вкладке вашего браузера и будут потеряны после обновления страницы или закрытия вкладки (браузера). Поэтому сделайте сразу все необходимые скриншоты, т.к. в дальнейшем изменения будут утеряны.

И да – непосредственно на сайт, с которым проводятся эксперименты, все исправления никак не повлияют.  :)

Готовое изображение было использовано для оформления этого топика https://www.altcoinstalks.com/index.php?topic=88828
Title: Re: [ГАЙД] Как сделать переводной скриншот для оформления анонса или баунти топика
Post by: SmallTalk on March 08, 2019, 08:16:58 AM
А если потребуется сохранить изменения, можно скачать весь сайт(или отдельную страницу). Править код сайта(или страницы) локально и профит.

Есть множество подобного софта, так же можно попробовать это сделать через интерфейс браузера, но это не всегда работает идеально.

Я обычно использую для этого Wget:
Code: [Select]
wget -q -U "Chrome" --mirror -p --adjust-extension --no-check-certificate -e robots=off --base=./ -k -P ./ https://site-name.com
В основном, это делаю для сохранения инфы. Но для целей правки сайта - тоже сойдёт.
Title: Re: [ГАЙД] Как сделать переводной скриншот для оформления анонса или баунти топика
Post by: CriptoLH on March 17, 2019, 10:55:16 PM
 Спасибо за полезный топик + . Буду пробовать , давно хочу запустить ветку проекта для обсуждения , но пока еще не научилась всем тонкостям, как ее правильно сделать и оформить .
Title: Re: [ГАЙД] Как сделать переводной скриншот для оформления анонса или баунти топика
Post by: bubbalex on May 21, 2019, 07:54:48 PM
Довольно очевидно, но я никогда об этом не задумывался, спасибо автору за информацию, думаю мне пригодится)
Title: Re: [ГАЙД] Как сделать переводной скриншот для оформления анонса или баунти топика
Post by: bitjudge on May 21, 2019, 10:22:11 PM
Довольно очевидно, но я никогда об этом не задумывался, спасибо автору за информацию, думаю мне пригодится)

Согласен, что в предложенном алгоритме [создания переводного скриншота] нет особенных секретов, но я наделся, что для кого-то это окажется полезной информацией. Тем более рад, что пригодилось опытному БМ. :)
Title: Re: [ГАЙД] Как сделать переводной скриншот для оформления анонса или баунти топика
Post by: bubbalex on May 22, 2019, 09:03:42 AM
Довольно очевидно, но я никогда об этом не задумывался, спасибо автору за информацию, думаю мне пригодится)
Согласен, что в предложенном алгоритме [создания переводного скриншота] нет особенных секретов, но я наделся, что для кого-то это окажется полезной информацией. Тем более рад, что пригодилось опытному БМ. :)
Просто мне ни разу не приходилось переводить сайты самому, но теперь думаю займусь)
Всегда рад научиться чему-то новому.
Title: Re: [ГАЙД] Как сделать переводной скриншот для оформления анонса или баунти топика
Post by: deryk on May 22, 2019, 03:52:06 PM
Полезный материал, поставил + автору.
Возможно и мне когда-нибудь пригодится для каких-то целей.
Title: Re: [ГАЙД] Как сделать переводной скриншот для оформления анонса или баунти топика
Post by: frank5678 on May 14, 2020, 12:59:29 PM
Не плохо разобрал , очень ценная информация , хочу больше ещё узнать, буду искать информацию