Клуб экспертов THG.ru

Клуб экспертов THG.ru (http://www.thg.ru/forum/index.php)
-   Программное обеспечение (http://www.thg.ru/forum/forumdisplay.php?f=45)
-   -   Тема для улучшения вида Форума, увеличения рабочей площади и пощады глаз (http://www.thg.ru/forum/showthread.php?t=80505)

James D 06.04.2013 22:03

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

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

По второму пункту у меня стоит 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.

Пишите ваши впечатления.

SAN_SAN_SAN 06.04.2013 22:09

Цитата:

Сообщение от James D (Сообщение 1803675)
По второму пункту у меня стоит adblock+, благодаря которому я рекламы не вижу, а вот Лого осталось стоят и выглядело как бельмо на глазу

Логотип тоже можно "удалить" при помощи вышеупомянутого adblock

James D 06.04.2013 22:16

Цитата:

Сообщение от SAN_SAN_SAN (Сообщение 1803679)
Логотип тоже можно "удалить" при помощи вышеупомянутого adblock

Можно добавить правило в adblock+ для удаления всей рамки и лого.

Блокировать весь ad frame:
||thg.ru/forum/top_banner.html
Блокировать форумное лого:
||thg.ru/technews/images/forum_logo-101006.gif

Стиль Stylish только скрывает все это, а правило вообще не будет его загружать.
Вот только при использовании лишь стиля всегда можно вернуть и посмотреть как было одной галочкой вкл/выкл стиль.

SAN_SAN_SAN 06.04.2013 22:18

Цитата:

Сообщение от James D (Сообщение 1803675)
Пишите ваши впечатления

Тоже создал свой стиль, но с немного другой цветовой гаммой, коды брал тут
http://www.stm.dp.ua/web-design/color-html.php

James D 06.04.2013 22:22

Цитата:

Сообщение от SAN_SAN_SAN (Сообщение 1803687)
Тоже создал свой стиль, но с немного другой цветовой гаммой, коды брал тут

Да. Но можно взять любимый цвет откуда угодно:
1. Нажать Printscreen, открыть Paint и нажать Ctrl+V
2. Пипеткой выбрать цвет, который нравится и нажать на кнопку Изменение цветов справа от цветовой панели.
3. Скопировать 3 цифровые значения для Красный, Синий, Зеленый и вставить их сюда
4. Полученный HEX код из 6-ти букв-цифер вставить в код стиля вместо старого цвета.

SAN_SAN_SAN 06.04.2013 22:26

Получилось вот так:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.thg.ru") {
/* hide top banner from view */

body > table:first-of-type[align="center"]

{ display: none !important; }



/* hide links at the very top of the page */

#thgnav { display: none !important; }



/* change main background */

body, .page { background: #000000 !important; }



/* change background of posts */

.alt1, .alt1Active { background: #B5B5B5 !important; }
}

Hell666Set 06.04.2013 22:28

Оффтоп

James D 06.04.2013 22:31

SAN_SAN_SAN, тоже неплохо. Если моя цветовая гамма - Светлая тема, то твоя Black edition:)
Просто много людей будут против черного, поэтому я решил сделать универсальную тему, чтобы не было войн.

SAN_SAN_SAN 06.04.2013 22:32

James D, Давно хотел заменить цвет на форуме, так-же глаза уставали от белого цвета. Думаю эта тема очень полезна (doh)

mvg 06.04.2013 23:28

Цитата:

Сообщение от SAN_SAN_SAN (Сообщение 1803702)
Думаю эта тема очень полезна

Безусловно!!! ;)

Masket 07.04.2013 02:06



А у меня так и мне нравится)!!!
(#999966 и #cadaba)

Brever 10.04.2013 02:14

спасибо! хоть глаза не режет... ;)

SALAMANDRA 18.04.2013 00:08

А кто нить подскажет, как сделать, чтобы изменить на потемнее фон поля слева, где идет инфа о пользователе: ник, ава, статус...

Мне пришлось поиграться с цветами, т.к. в админпанели я не видела с бледным цветом строчки (вернее, строчку вижу, строчку не вижу, т.к. буквы то белые)...



Ну вот чтобы было понятно о чем речь:

Стиль James D


Мой стиль


Но зато вот теперь у меня в темах:


Очень хорошо видно, что поле для ников и авок сливается с основным полем...

SAN_SAN_SAN 18.04.2013 00:40

SALAMANDRA, http://www.thg.ru/forum/showpost.php...95&postcount=6 так не сливается

SALAMANDRA 18.04.2013 00:51

Саныч, так слишком черно... (doh)

я бы лучше поменяла цвет поля для ников и аватарок... :)

Добавлено через 8 минут 5 секунд
Ну может просто кто то знает, как это сделать... :)

ну а на нет и суда нет, пусть останется как получилось...

попробовала отключить стили, то есть вернуться обратно как было раньше - и поняла что не хочу, так действительно лучше для глаз... :D


Часовой пояс GMT +4, время: 14:45.

Работает на vBulletin® версия 3.6.10.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot