|
GCUP/Light
| |
| YellowAfterlife | Дата: Четверг, 31 Мая 2012, 03:28 | Сообщение # 1 |
Сейчас нет на сайте
| Что это такое: Это - расширение для GreaseMonkey (Firefox) / TamperMonkey (Chrome) / Userscript (Opera), которое путем нехитрых манипуляций изменяет внешний вид форума.
В данном случае, результат - серо-бело-синяя окраска форума, вместе с типичными корректировками стилей отдельных элементов, которые обычно принято вносить через панель управления.
Скрипт: (ссылка)
Таблица стилей: (ссылка)
Скриншоты:
 *
* Блок рекламы не отображен в целях приватности и потому что мне не очень хотелось обновлять страницу до тех пор пока там будет что-то достойное\интересное.
Заметные изменения:
» Непосредственная цветовая схема. Просмотр больших оранжевых страниц не является в списке предпочитаемых занятий для меня, поэтому я сделал более нейтральную цветовую тему, отдающую должное раскраскам SMF и IPB.
» "Левый столбик", содержащий информацию о пользователях и часть формы ответа, теперь всегда имеет фиксированную длину. Наиболее будет оценено пользователями широкоформатных мониторов.
» Форма ответа использует моноширинный текст.
» Цитаты\фрагменты кода имеют русские подписи и выглядят лучше (есть отступы от краев, более сбалансированный шрифт и сочетание с фоном)
» Разрешения для под-форума подсвечиваются зеленым\красным для упрощения понимания.
Установка:
Mozilla Firefox:
1. Установить дополнение Greasemonkey (если у вас его еще нет), перезапустить браузер. Дополнение можно найти с помощью поиска по дополнениям.
2. Перейти по ссылке на скрипт, браузер должен предложить установить его как скрипт для Greasemonkey.
3. Обновить страницу форума - должен применится стиль.
4. Если текст не появился, зайти в Greasemonkey - управление расширениями. Выбрать установленное расширение, и вручную добавить "http://gcup.ru/forum/*" в список охватываемых страниц.
Google Chrome:
1. Установить дополнение Tampermonkey или аналогичное (если у вас его еще нет).
2. Перейти по ссылке на скрипт, браузер предложит установить его как пользовательский скрипт Tampermonkey или открыть. Выбираете пользовательский скрипт.
3. Обновить страницу форума - должен применится стиль.
Opera
1. Выбираем меню "Инструменты - Общие настройки"
2. В открывшемся окне выбираем "Расширенные - Содержимое - Настроить JavaScript..."
3. Смотрим поле "Папка пользовательских файлов JavaScript". Если там ничего нет, создаем новую папку и устанавливаем ее туда.
4. Скачиваем файл по ссылке в вышеупомянутую папку. Перезапускаем Opera.
Возможно интересующая информация:
» Исходный код / что в нем происходит:
Несмотря на 90 строк кода в JavaScript файле, никакой черной магии в нем не случается - с помощью заданных в нем же функций индексируются попадающие под нужные критерии элементы и им даются нужны для применения стиля свойства. В коде даже есть комментарии, немного объясняющие что делают каждые несколько строк.
» Что делать если тема применяется с задержкой достаточно долгой чтобы вас раздражать:
Предоставленная ссылка на CSS файл будет работать с UserStyle расширениями. При использовании лишь JavaScript части тема применяется лишь после окончания загрузки страницы, что происходит из-за общих принципов выполнения оного. Расширения, позволяющие добавлять таблицы стилей для страниц, не имеют этого ограничения так как выполняются вместе с страницей и не требуют ее полноценной загрузки.
» Почему тема охватывает лишь форум:
Создание данного расширения в его текущем виде заняло значительное количество времени (более 6 часов с учетом процесса изучения текущего устройства стилей и возможностей модификации), и добавление дополнительных модулей для обработки прибавило аналогичное или даже большее количество времени к этому. В связи с тем, что исходный код открытый, можно внести свою правку для стилизации других модулей.
» Можно ли сделать другую тему на базе этой:
Да, можно - просто отредактируйте .css файл, и одну из последних строк в .js файле чтобы она указывала на загруженный на хостинг .css.
Надеюсь, это будет для кого-то полезным.
Хорошего дня.
|
|
|
| |
| Ramilyanamana | Дата: Четверг, 31 Мая 2012, 03:51 | Сообщение # 2 |
Биззи Джей Ужасный
Сейчас нет на сайте
| Как-то, старое оформление более по душе)
|
|
|
| |
| arrow25 | Дата: Четверг, 31 Мая 2012, 04:05 | Сообщение # 3 |
постоянный участник
Сейчас нет на сайте
| установил, но как пользоватся не понял (многа букав у тебя в тексте)))
пытаюсь для хрома поставить
жму get new scripts, перехожу на сайт http://userscripts.org/ там жму на первый самый(чето вроде про фейсбук написано) кидает на новый сайт, че за водоворот?
вообщем ну его нах), хром и так жрет своими плагинами половину оперативки и проца в топку это.
Сообщение отредактировал arrow25 - Четверг, 31 Мая 2012, 04:12 |
|
|
| |
| YellowAfterlife | Дата: Четверг, 31 Мая 2012, 11:09 | Сообщение # 4 |
|
Сейчас нет на сайте
| Quote (arrow25) жму get new scripts, перехожу на сайт http://userscripts.org/ там жму на первый самый(чето вроде про фейсбук написано) кидает на новый сайт, че за водоворот?
вообщем ну его нах), хром и так жрет своими плагинами половину оперативки и проца в топку это.
Вроде бы расписал ведь, и это установка userscript еще ни у кого проблем не вызывала.
Quote (YellowAfterlife) Google Chrome:
1. Установить дополнение Tampermonkey или аналогичное (если у вас его еще нет).
2. Перейти по ссылке на скрипт, браузер предложит установить его как пользовательский скрипт Tampermonkey или открыть. Выбираете пользовательский скрипт.
3. Обновить страницу форума - должен применится стиль.
Не могу назвать TamperMonkey затратным плагином, т.к. большая часть скриптов выполняется лишь на загрузке страницы, и других "следов" не оставляют.
|
|
|
| |
| romgerman | Дата: Четверг, 31 Мая 2012, 11:58 | Сообщение # 5 |
старожил
Сейчас нет на сайте
| Честно говоря не очень.
|
|
|
| |
| Matou | Дата: Четверг, 31 Мая 2012, 12:20 | Сообщение # 6 |
Исходный коТ
Сейчас нет на сайте
| Не понравилось.
|
|
|
| |
| JackNazaryan | Дата: Вторник, 03 Июня 2014, 16:53 | Сообщение # 7 |
старожил
Сейчас нет на сайте
| Лучше сделать расширение, позволяющее выбирать оформление... А не зашивать по одному.
|
|
|
| |
| HaGe | Дата: Вторник, 03 Июня 2014, 17:02 | Сообщение # 8 |
постоянный участник
Сейчас нет на сайте
| Цитата JackNazaryan (  ) Лучше сделать расширение, позволяющее выбирать оформление... А не зашивать по одному. |
|
|
| |
| Izaron | Дата: Вторник, 03 Июня 2014, 17:04 | Сообщение # 9 |
Rammstein forever
Сейчас нет на сайте
| Эх, хорошие скрипты Желтый писал, еще для хелрума чат улучшил два года назад, все отлично) Хорошее время было
|
|
|
| |
| Lertmind | Дата: Четверг, 14 Августа 2014, 17:54 | Сообщение # 10 |
заслуженный участник
Сейчас нет на сайте
| Мой маленький скрипт
Чтобы сэкономить место на экране сделал скрипт, который удаляет лишнюю информацию ниже аватаров и уменьшает размер аватаров до 64 пикселей в высоту.
Если отключить в настройках сайта подписи, то будет ещё больше места. В экран влезает почти в 2 раза больше информации, если сообщения маленькие, что обычно и бывает.
Установка
Код скрипта, чтобы установить надо нажать Raw.
Скриншоты
До применения скрипта
После применения
В этом деле я нуб, но именно это делается легко. При желании вы можете удалять отдельно что сами хотите.
Можете отредактировать размер до которого уменьшается аватар, просто в скрипте вместо 64 поставьте желаемую высоту.
|
|
|
| |
|
