Smile-O-Pack v. 2.0: как его устанавливать? [Гайд для новичков]

Всем привет!
Когда-то я публиковал гайд, о том, как установить Смайлопак для Google Chrome. Мой первопост, yay!
Но дело в том, что тот пак пал смертью храбрых, и, к сожалению, мой гайд уже мало чем поможет.
Но есть решение! Всем известный кодер-табунчанин andreymal создал свой пак, к тому же обновленный, с отличными смайлами от CrazyDitty ! И всё бы ничего, но так как на сайт приходят много новичков, то, естественно, они не в курсе всего происходящего. А недавно в одном из блогов я увидел данное сообщение:

Приветик!
Вы часто пользуетесь смайлопаком, и у меня появился вопрос:)наж
Я никак не могу понять как же установить этот смайлопак. Искала на Табуне- не нашла(Там вроде только про старые версии). И вот: не трудно ли вам будет написать нубу что же надо сделать, чтобы использовать смайлики, лучше на Гугл Хром (да в принципе на любом браузере, просто на Хроме вроде легче
Или если есть ссылочку на пост.
Заранее огроменнноооеее спасибо и извинение за неудобства.

Ну что ж, я решил помочь броняше, а заодно запилить еще один гайд.


Внимание: Данный гайд рассчитан на новичков! В связи с этим я постараюсь разжевать каждый шаг.

Итак, первый делом устанавливаем плагин TamperMonkey для Google Chrome. Скачать его можно здесь.
Если вы пользуетесь Firefox, то вам нужен Greasemonkey, идите сюда.
Если же вы сидите на Opera, то для вас создан нет отдельного плагина (точнее, его поддержку остановили). Но есть выход! Согласно официальному гайду, который я нашёл на сайте Оперы, вы можете установить расширение под названием «Chrome Extensions» (Расширения Хрома). Вот ссылка на английском языке с руководством по его установке.
Если же вы не знаете английский…
1) Переходите по ссылке для установки расшинений Хрома: https://chrome.google.com/webstore/category/extensions
2) В открывшимся окне в строке поиска вводите Install Chrome Extensions.
3) Нажимаете кнопку «Добавить в Opera».
4) Нажимаете «Установить» в Менеджере Расширений.

Эти плагины помогают устанавливать юзер-скрипты (а Смайлопак именно скрипт), без них ничего не будет работать.
Первым делом я расскажу, как устанавливать сей чудо-плагин. За пример я возьму Tamper для Хрома.

1) Когда вы перейдете по ссылке, вам откроется окно с информацией о плагине, а также кнопкой "+Установить". Нажимайте на нее.

2) После этого откроется диалоговое окно, где спрашиваются разрешения установить плагин. Разрешаем, нажимая «Установить расширение».

3) Когда плагин установится, на панели Хрома — справа наверху — появится такой значок:

Это означает, что Monkey установился и работает.
Теперь начинается самое интересное!

4) Далее переходим по этой ссылке — Смайлопак: перезагрузка. Это пост andreymal'а о новом смайлопаке. Там вы найдете ссылку на него — smiles.everypony.ru. Переходим.

5) Перед вами откроется вот такое окно:

Нажимаем «Создать свой смайлопак».

6) Перед вами откроется окно со смайлами. Тут мы и начнем нашу работу.
Как вы видите, тут находятся два поля — «Коллекции смайликов» и «Ваш смайлопак». В левом находятся все существующие смайлы, в правом — те, что вы добавите.

Над полями находится всего один раздел «My Little Pony». Нажимаем на него.

7) У вас откроются подразделы, всего три штуки — «Смайлопак классический », «Пак от CrazyDitty» и «Другие паки с Табуна».
Нажимаем, например, на первый подраздел. У вас откроется множество категорий.


8) Выбираем одну из них. Я выбрал милую пегаску Флаттершай. В прошлый раз была Твайлайт, я решил немного разнообразить топик.
У вас откроется список всех смайлов с Флатти.

Мы можем добавлять как по одному смайлу, так и все смайлы текущей категории. Но для того, чтобы это сделать, необходимо создать свою собственную категорию.

9) Обращаем внимание на правое поле. Наверху мы видим надпись «Категории», а рядом зелёный плюсик.
Как вы понимаете, этот значок добавляет ваши собственные категории в ваш смайлопак. Нажимаем.

У вас откроется окно, где можно будет назвать вашу категорию и выбрать иконку. Так как мы создаем категорию для Флатти, то и имя с иконкой будут соответствующими.
Я решил продемонстрировать создание с помощью gif-ки.
Как создавать категории.
Также, если вы наведете на иконку категории, то появятся значки редактирования и удаления .

10) Теперь переносим смайлы в нашу свежесозданную категорию. Этот момент я снова записал gif-кой.
Как переносить смайлы.
Таким же способом можно и удалять смайлы — достаточно просто перенести «неугодных» влево.

11) Как вы можете заметить по гифке, можно добавлять свои собственные смайлы. Для этого справа нажимаем — ниже всех смайлов — «Добавить свой смайлик».
У вас откроется такое окно. Тут можно выбрать источник смайла (ссылка или локальный диск), а также его размер.

Смайлик добавляется в ту же категорию.

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

12) Теперь обращаем внимание на верхнее меню сайта. Тут можно выбрать название пака, время его хранения на сервере и, собственно, сохранить.

С названием лично я не парюсь, можно оставить пустым.

13) Тут можно выбрать время хранения. Я лично выбираю «Навсегда», ибо иногда добавляю новые смайлы (особенно, когда выходят новые паки от Ditty).


14) А это самая важная для нас кнопка. С ее помощью мы сохраняем смайлопак. Нажимаем.


15) Откроется это диалоговое окно. Нас информируют о том, что пак сохранен на сервере.
И тут мы можем:
1. Скачать юзерскрипт. Тут нам и понадобится TamperMonkey, ибо без него Хром скачает скрипт и не сможет его прочесть. Смайлопак не будет работать.
2. Поделиться ссылкой с другом. Дать возможность посмотреть ваш смайлопак другу.
3. Закрыть окно и вернуться к редактированию. Конечно, мы можем продолжить добавлять смайлы, но в этот раз мы выберем пункт 1.


16) Когда вы нажмете на «Скачать юзерскрипт», у вас откроется новая вкладка с Monkey, где вас будет находиться информация о скрипте — автор, описание, источник — и кнопка «Установить». Нажимаем.


17) Откроется новая, но пустая вкладка. Это означает, что все заработало. Можно ее закрывать.
18) Переходим на наш любимый Табун и обновляем страницу (кнопка F5).
19) Теперь, если взглянете наверх на значок TamperMonkey, то у вас рядом с ним появится цифра 1. Это количество скриптов, запущенных на данном сайте. Сейчас это Смайлопак.


20) Теперь переходим в любую тему (или ЛС), и нажимаем «Оставить комментарий». Под привычным окном ввода будет виднеться наша иконка пака! Нажмите на нее — откроются сами смайлы.


Но и это еще не всё! Так как при сохранении пака он не перезаписывается, то в базе создаются все новые паки после каждого изменения.
И теперь, каждый раз заходя на сайт Смайлопака, вы будете видеть вот это:

Это все созданные вами паки. Даже один добавленный смайл (и сохраненный) создает еще одну ячейку в базе данных.
Чтобы не запутаться, всегда выбирайте самый верхний — это последний сохраненный пак. Там даже дата указана.

Ну а дальше — всё тоже самое, начиная с шага 6. Только теперь справа у вас будут находиться паки, а у Tamper'а в шаге 16 вместо «Установить» будет «Reinstall».

Что же, надеюсь, я вам немного помог и теперь вам будет легче делиться эмоциями с окружающими!

Удачи в ваших начинаниях!
Если будут вопросы — пишите в комментариях или в личку.
Не будет вопросов — всё равно пишите! :D
Всегда ваш,
AJFly.