Пятница, 18 Октября 2019, 05:35

Приветствую Вас Гость

[ Новые сообщения · Игроделы · Правила · Поиск ]
  • Страница 1 из 1
  • 1
Форум игроделов » Комьюнити и сайт GcUp.ru » Проекты ресурса » GCUP/Light (JavaScript+CSS расширение для изменения темы форума.)
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 поставьте желаемую высоту.
Форум игроделов » Комьюнити и сайт GcUp.ru » Проекты ресурса » GCUP/Light (JavaScript+CSS расширение для изменения темы форума.)
  • Страница 1 из 1
  • 1
Поиск:

Все права сохранены. GcUp.ru © 2008-2019 Рейтинг