THG.RU | \"Поиск\" Поиск \"Поиск\" | Новости | Видеокарты | Процессоры | Материнские платы | Мониторы | Аудио/видео | HDD и CD/DVD | Собери сам | Игры | Софт | Домашний ПК


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

Вернуться   Клуб экспертов THG.ru > Софт > Прикладное программное обеспечение > Программное обеспечение

Регистрация Правила форума FAQ форума Справка Пользователи Поиск Сообщения за день Все разделы прочитаны

Программное обеспечение Обсуждение, оптимизация, настройка, решение проблем

Ответ
 
Опции темы Опции просмотра
Старый 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 вне форума   Ответить с цитированием
Старый 18.10.2013, 03:56   #46
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
тема для дракона.
Код:
/* hide top banner from view */
body > table:first-of-type[align="center"]
{ display: none !important; }

/* change main background */
body, .page { background: #444 url(http://www.thg.ru/forum/image.php?u=35148&dateline=1308998467) center fixed !important }

/* change background of posts */
.alt1, .alt1Active { background: #F90B34 !important; }
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!

Последний раз редактировалось Wu-Tang, 18.10.2013 в 04:04.
Wu-Tang вне форума   Ответить с цитированием
Старый 18.10.2013, 04:47   #47
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Цитата:
Сообщение от Wu-Tang Посмотреть сообщение
ОК, а цвет фона в окне ответа7
Все. на что меня хватило, так это вот:
.panel { background: #B0B5B5 !important; }
.panelsurround { background: #372222 !important; }

И он меняет не совсем то

Последний раз редактировалось James D, 18.10.2013 в 04:58.
James D вне форума   Ответить с цитированием
Старый 18.10.2013, 06:48   #48
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
James D,
лучше
а само место для ответа7
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Старый 19.10.2013, 04:07   #49
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Сори. Все что я смог, на этом пока и закончилось. Ибо те, к кому я мог бы обратиться за помощью вряд ли зарегистрированы на этом форуме и не могут видеть эту зону Быстрого Ответа.
Но ничего! То что я нашел своими изысканиями очень даже неплохо украсило форум!

Пора бы уже редакторам или тем, кто ответственен за внешний вид форума, обратить внимание на мою тему. По сравнению со стандартом это небо и земля.

Добавлено через 2 часа 38 минут 49 секунд
textarea { -moz-appearance: none !important;
background: black !important;
color: white !important; }

Or another one
Код:
textarea { -moz-appearance: none !important;
background: black !important;
color: #62c6df !important; }

textarea:focus, textarea:active
{ -moz-appearance: none !important;
background: #555 !important;
color: white !important; }

Последний раз редактировалось James D, 19.10.2013 в 04:55.
James D вне форума   Ответить с цитированием
Старый 19.10.2013, 04:27   #50
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
James D,
это что ты добавил7
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Старый 19.10.2013, 05:34   #51
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Цитата:
Сообщение от Wu-Tang Посмотреть сообщение
James D,
это что ты добавил7
Попробуй

Добавлено через 38 минут 44 секунды
Ах дааа... у тебя опера. Если не пойдет - потестирую на опере послезавтра.
James D вне форума   Ответить с цитированием
Старый 19.10.2013, 06:50   #52
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
James D,
класс
осталось убрать белый в строке поиск, модерация, быстрый переход, ну и тд
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Старый 19.10.2013, 11:14   #53
Меню пользователя HotBeer
Старожил
 
Аватар для HotBeer
  
Цитата:
Сообщение от James D Посмотреть сообщение
это небо и земля.
Покажите эту разницу?

Цитата:
Сообщение от Wu-Tang Посмотреть сообщение
класс
Что именно тебе понравилось?
HotBeer вне форума   Ответить с цитированием
Старый 19.10.2013, 17:07   #54
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
HotBeer,
белый цвет просто режет сильно глаз, когда ночью сидишь.
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Старый 19.10.2013, 20:50   #55
Меню пользователя SAN_SAN_SAN
THG Russia Forum Team
Эксперт Клуба THG | PC
 
Аватар для SAN_SAN_SAN
  
Цитата:
Сообщение от Wu-Tang Посмотреть сообщение
белый цвет просто режет сильно глаз, когда ночью сидишь.
+ поэтому изменил его на серый
пример как выглядит форум у меня:
SAN_SAN_SAN вне форума   Ответить с цитированием
Старый 19.10.2013, 21:37   #56
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
SAN_SAN_SAN,
ах да, ты же тоже старый полуночник, как и я.
сидим кто кого пересидит.
ты ж не весь белый фон на странице убрал?
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Старый 20.10.2013, 00:09   #57
Меню пользователя SAN_SAN_SAN
THG Russia Forum Team
Эксперт Клуба THG | PC
 
Аватар для SAN_SAN_SAN
  
Цитата:
Сообщение от Wu-Tang Посмотреть сообщение
ты ж не весь белый фон на странице убрал?
Весь. Белого цвета нету вообще
Настройки для огнелиса:
@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; }
}

Последний раз редактировалось SAN_SAN_SAN, 20.10.2013 в 00:13.
SAN_SAN_SAN вне форума   Ответить с цитированием
Старый 20.10.2013, 01:48   #58
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
SAN_SAN_SAN,
у меня ж опера.
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Старый 20.10.2013, 02:01   #59
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
SAN_SAN_SAN, добавь мои дополнительные коды и ты поймешь, что белого может быть еще меньше.
James D вне форума   Ответить с цитированием
Старый 20.10.2013, 02:34   #60
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
SAN_SAN_SAN,
а это
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход


Справочник словарей
Словари русского языка - www.gramota.ru Яndex - Словари Википедия - ru.wikipedia.org

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


Powered by: vBulletin, ©2000 - 2007, Jelsoft Enterprises Limited.
Перевод: zCarot
Распространение информации возможно только с письменного разрешения администрации издания.

THG.ru ("Русский Tom's Hardware Guide") входит в международную сеть TG Publishing

РЕКЛАМА

Rambler's Top100 Рейтинг@Mail.ru