Показать сообщение отдельно
Старый 06.04.2013, 22:03   #1
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Тема для улучшения вида Форума, увеличения рабочей площади и пощады глаз

Мне не понравилось, что любая страница форума в основном выглядит полностью белой (на моем ноуте) а в следствии чего приходилось каждый раз менять яркость при нахождении на нем, а так же мне не нравилось Лого - местоположение его, да и само качество.

Первое можно было бы уменьшить благодаря использованию более темного (серого) заднего фона, а так же легкого изменение оттенка в постах - место, где нужно читать текст.

По второму пункту у меня стоит adblock+, благодаря которому я рекламы не вижу, а вот Лого осталось стоять и выглядело как бельмо на глазу, забирая нужное вертикальное пространство что особенно важно для широкоформатных 16:9 мониторов.
В принципе есть и другие жалобы, но решить эти было моей первостепенной задачей.

Благодаря пользователю Grom я смог выявить благоприятный цветовой баланс для форума и появился этот выход.


КОРОТКАЯ ИНСТРУКЦИЯ В ПАРУ КЛИКОВ!
СРАВНЕНИЕ


Цель (все пункты опциональны):
- изменение заднего фона (либо темнее цвет, либо вставить картинку);
- исчезновение лого и рекламы вверху;
- изменение фона в постах для пощады глаз;
- исчезновение верхней панели ссылок THG;
- изменение цвета панелей вокруг быстрого ответа, расширенного поиска и подписок для красоты.
Важно: Можно убрать некоторые пункты или изменить цвет на свой легким изменением кода или удалением его пунктов.
Требуется:
Addon Stylish и Браузер с его поддержкой (Mozilla Firefox, Chrome, Opera).
Инструкция:
1. Скачать и установить addon.
2. Нажать в нем "Найти стили для текущего сайта" и установить его.
3. Наслаждаться.
КОД
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("thg.ru") {

/* Спрятать верхний баннер THG.ru для экономии вертикального места */
body > table:first-of-type[align="center"]
{ display: none !important; }

/* Спрятать самую верхню панель ссылок THG.ru */
#thgnav { display: none !important; }

/* Вид заднего фона всего форума */
body, .page { background: #C0C0C0 !important; }

/* Цвет заднего фона текста */
.alt1, .alt1Active { background: #FAFAFA !important; }

/* Цвет фона зоны вкруг Быстрого Ответа, Поиска и Подписок */
.panel { background: #B0B5B5 !important; }

/* Цвет окаймления зон вокруг Быстрого Ответа, Поиска и Подписок */
.panelsurround { background: #372222 !important; }
}

Для возвращения каких-то элементов как например верхней панели можно просто убрать строку кода hide top banner from view и т.д.
Для изменения цвета фона в постах можно заменить цвет вместо FAFAFA. Старый был FFFFF8.

Пишите ваши впечатления.
Изображения
Тип файла: png Stylish example.png (7.9 Кб, 287 просмотров)
Тип файла: jpeg Stylish example 3.jpeg (91.5 Кб, 307 просмотров)

Последний раз редактировалось James D, 26.10.2013 в 02:38.
James D вне форума   Ответить с цитированием