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 вне форума   Ответить с цитированием
Старый 12.08.2013, 13:02   #31
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Morelock, Сам сайт менять не будут - здесь принято "пусть как есть и ничего не надо менять".
А, чтоб самому это сделать, нужно узнать код цвета шрифта. Как только - так сразу)

Добавлено через 1 минуту 4 секунды
Подумываю сделать Youtube-объяснение как сделать. Будет намного понятней. Я уже и забыл как стандартный вид выглядит - сейчас гляну.
James D вне форума   Ответить с цитированием
Старый 08.10.2013, 04:04   #32
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
Для оперы кто-н делал, код вставил, эффекта ноль.
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Старый 08.10.2013, 04:38   #33
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Wu-Tang, сделай как на первом прикрепленном изображении и добавь к той шапке, что там уже будет не весь мой код, а все то, что начинается с фигурной скобки, включая ее саму.
James D вне форума   Ответить с цитированием
Старый 09.10.2013, 05:18   #34
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
James D,
то ли я уже под утро туго соображаю, толи хз.

вставил, эффекта нет.

Добавлено через 23 часа 48 минут 4 секунды
James D,
ну так что?
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Старый 09.10.2013, 05:58   #35
Меню пользователя BigFoot
Эксперт клуба THG
ШайтанБабай
 
Аватар для BigFoot
  
Цитата:
Сообщение от Wu-Tang Посмотреть сообщение
Добавлено через 23 часа 48 минут 4 секунды
James D,
ну так что?
Оффтоп
BigFoot вне форума   Ответить с цитированием
Старый 09.10.2013, 08:19   #36
Меню пользователя HotBeer
Старожил
 
Аватар для HotBeer
  
Цитата:
Сообщение от James D Посмотреть сообщение
Подумываю сделать Youtube-объяснение как сделать.
Так будет более понятно рядовому пользователю
HotBeer вне форума   Ответить с цитированием
Старый 10.10.2013, 03:22   #37
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Я лично с оперой ни разу не связывался - сори
Посмотрим про youtube

Добавлено через 11 часов 1 минуту 1 секунду
Добавил первый блин видеоинструкции) https://www.youtube.com/watch?v=61Pn9q7N5xI

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

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

Я посмотрю, что можно сделать с оперой.
James D вне форума   Ответить с цитированием
Старый 10.10.2013, 05:46   #40
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
Цитата:
Я посмотрю, что можно сделать с оперой.
ага, заинсталль и поковыряй.
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

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

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Старый 18.10.2013, 02:20   #42
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Цитата:
Сообщение от Wu-Tang Посмотреть сообщение
James D,
ну что потестил7
Да все работает. Удали 2 крайние фигурные скобки для начала (в самом начале и в самом конце) и проверь
и если вдруг не заработает - впиши просто Домен "thg.ru" без кавычек.
Ёпт! Еще и обязательно домен впиши с маленькой буквы Оно из-за этого тоже не работает!

Советую через какое-то время попробовать мой код с изображением в заднем фоне В первое время будет неудобно, но потом привыкнешь и без него уже не сможешь. То изображение такое, будто дает пустоту, пространство или космос за основными панелями форума.

Код:
/* hide top banner from view */
body > table:first-of-type[align="center"]
{ display: none !important; }

/* change main background */
body, .page { background: #444 url(https://img-fotki.yandex.ru/get/4129/161026817.0/0_acd92_815be373_orig) center fixed !important }

/* change background of posts */
.alt1, .alt1Active { background: #FAFAFA !important; }
P.S. И вот еще что я заметил. В опере самый верхний пиксель в каждой вкладке на верхней панели вкладок не рабочие! Это же кажды раз получается нужно держать в голове (когда хочешь выбрать нужную вкладку), что мышку нужно не только по горизонтали регулировать, а еще и не в самый центр метить! У меня на лисе об этом даже думать не нужно - я всегда кликаю на смый верхний пиксель и не ограничиваю движение руки с мышкой вверх по столу.

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

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Старый 18.10.2013, 02:56   #44
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Цитата:
Сообщение от Wu-Tang Посмотреть сообщение
а белый фон поменять можно7
Тот, на котором текст? Да, конечно. Код из 6-ти символов.

Либо создаешь в пейнте, либо находишь где-то, жмешь PrintScreen, вставляешь в пейнте, пипеткой берешь цвет, заходишь в палитру Изменение цветов и там будет код из 3-х цифр. Потом на ЭТОМ сайте эти цифры можно перевести в HEX формат.
3 пары символов и будут правильным кодом цвета, который нужно вставить в рядок кода Stylish вместо моего FAFAFA

Последний раз редактировалось James D, 18.10.2013 в 04:49.
James D вне форума   Ответить с цитированием
Старый 18.10.2013, 03:45   #45
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
James D,
ОК, а цвет фона в окне ответа7

Боялся, что ты спросишь Нужна еще одна строка если я все понимаю. Позже будет конкретный ответ
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

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

Последний раз редактировалось James D, 18.10.2013 в 03:57.
Wu-Tang вне форума   Ответить с цитированием
Ответ


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

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

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


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

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


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

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

РЕКЛАМА

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