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 вне форума   Ответить с цитированием
Старый 20.10.2013, 15:51   #61
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Wu-Tang, ты блин самый требовательный заказчик
Приходится все дальше и дальше вникать во все это.

Вот новый список кодов:

Поменять цвет в панельках выбора (Объединить сообщения, Программное обеспечение и прочие фигулинки)
select { -moz-appearance: none !important; background: #COLOR !important;}

Поменять цвет раскрывающегося меню опций из тех фигулинок выше
option, optgroup { background: #FAFAFA !important;}

Поменять цвет панельки Опции под зоной Быстрого Ответа
.fieldset { background: #COLOR !important;}

Менять цвет фона блоков вокруг ников и аватарок на форуме. В общем вся левая вертикальная линия
.alt2, .alt2Active { background: #COLOR !important;}

Вместо COLOR вставьте свой цвет или в тупую напишите его название без решетки (red, blue, green, black, white и тд., но они очент яркие!)

Добавлено через 14 минут 15 секунд
Цитата:
Сообщение от HotBeer Посмотреть сообщение
Покажите эту разницу?
Да. Только немного цвет подправлю некоторых элементов, чтоб было гармонично. Как известно рядовым людям пофигу возможности что-то менять - им главное покажи готовый результат, которым можно этими возможностями добиться, грубо говоря 1 готовый профиль. Или несколько.

Добавлено через 1 час 22 минуты 47 секунд
Цитата:
Сообщение от HotBeer Посмотреть сообщение
Покажите эту разницу?
СМОТРЕТЬ В ПОЛНОЭКРАННОМ РЕЖИМЕ! Некоторые цвета нужно будет подправить.
СРАВНЕНИЕ

Последний раз редактировалось James D, 26.10.2013 в 02:35.
James D вне форума   Ответить с цитированием
Старый 21.10.2013, 02:26   #62
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
Цитата:
Поменять цвет раскрывающегося меню опций из тех фигулинок выше

option, optgroup { background: #FAFAFA !important;}
а каких фигулинок?

не весь белый ушел.
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

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

Последний раз редактировалось Wu-Tang, 21.10.2013 в 04:41.
Wu-Tang вне форума   Ответить с цитированием
Старый 24.10.2013, 04:18   #63
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Wu-Tang, Слышу-слышу) Пока это дело в далеееком будущем

ТЕПЕРЬ! СДЕЛАТЬ ВАШ ФОРУМ КРАСИВЕЕ СТАЛО ЕЩЕ ПРОЩЕ И ВСЕГО В ПАРУ КЛИКОВ!
Новое видео уже в шапке

Последний раз редактировалось James D, 26.10.2013 в 02:46.
James D вне форума   Ответить с цитированием
Старый 26.10.2013, 02:39   #64
Меню пользователя Gadgeteer
Ветеран клуба THG
 
Аватар для Gadgeteer
  
Цитата:
Сообщение от James D Посмотреть сообщение
ТЕПЕРЬ! СДЕЛАТЬ ВАШ ФОРУМ СТАЛО ЕЩЕ ПРОЩЕ И ВСЕГО В ПАРУ КЛИКОВ! НОВОЕ ВИДЕО УЖЕ В ШАПКЕ!
не надо наш форум делать. он давно сделан и успешно фунциклирует
и вообще: НЕ КРИЧИ!
Gadgeteer вне форума   Ответить с цитированием
Старый 26.10.2013, 02:45   #65
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Gadgeteer, точно, что-то не то написал) подправлю - пусть фунциклирует дальше)
James D вне форума   Ответить с цитированием
Старый 26.10.2013, 03:10   #66
Меню пользователя Doctor
THG Russia Forum Team
 
Аватар для Doctor
  
А есть возможность для набора текста в постах сделать принудительную автозамену "Андройд -> Андроид"?
Doctor вне форума   Ответить с цитированием
Старый 26.10.2013, 04:10   #67
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Цитата:
Сообщение от Doctor Посмотреть сообщение
А есть возможность для набора текста в постах сделать принудительную автозамену "Андройд -> Андроид"?
это уже нужен punto switcher. прикольнаи прога, правда поначалу можно не привыкнуть из-за того, что специфические слова она не понимает и может перевести в другой язык, поэтому есть клавиша на pause/break, нажав которую можно отменитб изменение слова, а потом добавить его в исключение.
В программе есть настройки автозамены. должно работать
James D вне форума   Ответить с цитированием
Старый 09.11.2013, 04:13   #68
Меню пользователя Gadgeteer
Ветеран клуба THG
 
Аватар для Gadgeteer
  
Цитата:
Сообщение от James D Посмотреть сообщение

По второму пункту у меня стоит adblock+, благодаря которому я рекламы не вижу, а вот Лого осталось стоять и выглядело как бельмо на глазу, забирая нужное вертикальное пространство что особенно важно для широкоформатных 16:9 мониторов.
http://www.thg.ru/technews/images/forum_logo-101006.gif - адблок плюс тоже может поставить выборочный фильтр. но пустое место остается. EDIT - блок фрейма (баннер) освобождает место как на твоем скрине

скрипт reiconizer для аддона grease monkey для бразуера фаерфокс дает возможность изменить системные настройки размера аватара. дефолтные 100х130 я заменил на 200х200. твоя 120х120 стала больше, моя ава не изменилась. для экономии трафика (экономия эмпирически не проверялась) можно в скрипте заменить все авы на одну. думаю ресайз 1х1 не даст такого эффекта, он все равно будет грузить картинку и лишь потом ресайзить в ноль
http://userscripts.org/scripts/show/62618

vBulletin Editor Mod судя по описанию - весьма мощная штука для grease monkey ... но "ниасилилмногабукав"... у меня не заработало

а вообще - как Stylish изменяет CSS, так grease monkey изменяет скрипты...

а вот на Опере page - style - disable breaks дарит 10-50 пикселей по вертикали - больше ничего интересного не нашел
Изображения
Тип файла: png Screenshot from 2013-11-09 02:11:06.png (177.5 Кб, 99 просмотров)

Последний раз редактировалось Gadgeteer, 09.11.2013 в 05:27.
Gadgeteer вне форума   Ответить с цитированием
Старый 03.10.2014, 02:06   #69
Меню пользователя maik2
Старожил
 
Аватар для maik2
  
Включен ночной режим. Вообще цвета, надписи, шрифты, фон. Любого цвета сделать можно.
Capture.JPG
__________________
AMD phenom II x4 955be, GA-MA770T-UD3(rev. 1.4), AMD Radeon R9 280X, Fujitsu P23t-6 IPS, Cooler Master Real Power M520.

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

Методика тестирования носителей информации.
Новый раздел на форуме - Обустройство дома, ремонт и строительство.
В ЛС помощь не оказываю, для этого есть форум!
Wu-Tang вне форума   Ответить с цитированием
Старый 02.11.2015, 19:51   #71
Меню пользователя regist
Консультант VN
 
Аватар для regist
  
Цитата:
Сообщение от James D Посмотреть сообщение
Требуется:
Addon Stylish и Браузер с его поддержкой (Mozilla Firefox, Chrome, Opera).
Инструкция:
1. Скачать и установить addon.
Добавлю, что для Opera Presto никаких дополнительных аддонов ставить не надо. Гибкость и удобство настройки этого браузера без дополнительных плагинов проявляется даже в этом.
Достачно кликнуть ПКМ на странице сайта -> Настройки для сайта -> вкладка Вид -> указать путь к файлу стилей (.css) в Моя таблица стилей.
__________________
regist вне форума   Ответить с цитированием
Старый 26.02.2017, 13:47   #72
Меню пользователя Vernon Roche
Старожил
 
Аватар для Vernon Roche
  
James D, спасибо, очень полезная тема и полезное руководство. По сравнению со стандартом это небо и земля.
Вообще это тему надо где то закрепить чтобы все пользователи ее видели.

А за столько времени редакторы и ответственные лица за внешний вид, могли бы обратить внимание на данную тему.
__________________
MSI Z77 MPower | Intel Core i7-3770@3,90Ghz | Msi GTX1070 Gaming X 8G | Thermalright HR-02 Macho rev. A | DDR3 Kingston KVR16N11/8 - PC3-12800/1600MHz/16Gb | Asus Xonar Xense | SDD 256Gb Plextor 256M5S |HDD 2Tb+2x1Tb Seagate Barracuda 64Мб/7200rpm | Cooler Master HAF XM | Asus VG248QE 24" Full HD | Razer BlackWidow 2012/SS Sensei Fnatic/Bloody V8M | Windows 8.1x64 | Steam: Specy |

Последний раз редактировалось Vernon Roche, 26.02.2017 в 16:28.
Vernon Roche вне форума   Ответить с цитированием
Старый 16.02.2018, 05:54   #73
Меню пользователя Wu-Tang
THG Russia Forum Team
Эксперт клуба THG | HDD/SSD
 
Аватар для Wu-Tang
  
maik2,
а код есть?

и у кого сохранился код от - http://www.thg.ru/forum/showpost.php...8&postcount=11
__________________
Всему свое время и каждому свой час!
Хочешь жить - умей вертеться!

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

Последний раз редактировалось Wu-Tang, 16.02.2018 в 06:02.
Wu-Tang вне форума   Ответить с цитированием
Старый 04.09.2019, 17:34   #74
Меню пользователя Vernon Roche
Старожил
 
Аватар для Vernon Roche
  
И чем теперь редактировать внешний вид форума? Старый способ нестабильный.

Добавлено через 2 минуты
Цитата:
Сообщение от Vernon Roche Посмотреть сообщение
А за столько времени редакторы и ответственные лица за внешний вид, могли бы обратить внимание на данную тему.
Так ничего и не прикрутили к форуму, хотя бы ночной режим.
Может объявите сбор денег на обновление как делают другие форумы.
__________________
MSI Z77 MPower | Intel Core i7-3770@3,90Ghz | Msi GTX1070 Gaming X 8G | Thermalright HR-02 Macho rev. A | DDR3 Kingston KVR16N11/8 - PC3-12800/1600MHz/16Gb | Asus Xonar Xense | SDD 256Gb Plextor 256M5S |HDD 2Tb+2x1Tb Seagate Barracuda 64Мб/7200rpm | Cooler Master HAF XM | Asus VG248QE 24" Full HD | Razer BlackWidow 2012/SS Sensei Fnatic/Bloody V8M | Windows 8.1x64 | Steam: Specy |
Vernon Roche вне форума   Ответить с цитированием
Старый 04.09.2019, 18:12   #75
Меню пользователя Dark-force
Забанен
  
Vernon Roche, Изменить вид - если только обновить движок
.
Но новую версию насколько знаю - без потерь не поставить .
Dark-force вне форума   Ответить с цитированием
Ответ


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

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

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


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

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


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

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

РЕКЛАМА

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