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 вне форума   Ответить с цитированием
Старый 06.04.2013, 22:09   #2
Меню пользователя SAN_SAN_SAN
THG Russia Forum Team
Эксперт Клуба THG | PC
 
Аватар для SAN_SAN_SAN
  
Цитата:
Сообщение от James D Посмотреть сообщение
По второму пункту у меня стоит adblock+, благодаря которому я рекламы не вижу, а вот Лого осталось стоят и выглядело как бельмо на глазу
Логотип тоже можно "удалить" при помощи вышеупомянутого adblock
SAN_SAN_SAN вне форума   Ответить с цитированием
Старый 06.04.2013, 22:16   #3
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Цитата:
Сообщение от SAN_SAN_SAN Посмотреть сообщение
Логотип тоже можно "удалить" при помощи вышеупомянутого adblock
Можно добавить правило в adblock+ для удаления всей рамки и лого.

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

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

Последний раз редактировалось James D, 06.04.2013 в 22:18.
James D вне форума   Ответить с цитированием
Старый 06.04.2013, 22:18   #4
Меню пользователя SAN_SAN_SAN
THG Russia Forum Team
Эксперт Клуба THG | PC
 
Аватар для SAN_SAN_SAN
  
Цитата:
Сообщение от James D Посмотреть сообщение
Пишите ваши впечатления
Тоже создал свой стиль, но с немного другой цветовой гаммой, коды брал тут
http://www.stm.dp.ua/web-design/color-html.php
SAN_SAN_SAN вне форума   Ответить с цитированием
Старый 06.04.2013, 22:22   #5
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
Цитата:
Сообщение от SAN_SAN_SAN Посмотреть сообщение
Тоже создал свой стиль, но с немного другой цветовой гаммой, коды брал тут
Да. Но можно взять любимый цвет откуда угодно:
1. Нажать Printscreen, открыть Paint и нажать Ctrl+V
2. Пипеткой выбрать цвет, который нравится и нажать на кнопку Изменение цветов справа от цветовой панели.
3. Скопировать 3 цифровые значения для Красный, Синий, Зеленый и вставить их сюда
4. Полученный HEX код из 6-ти букв-цифер вставить в код стиля вместо старого цвета.
James D вне форума   Ответить с цитированием
Старый 06.04.2013, 22:26   #6
Меню пользователя SAN_SAN_SAN
THG Russia Forum Team
Эксперт Клуба THG | PC
 
Аватар для SAN_SAN_SAN
  
Получилось вот так:

@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 вне форума   Ответить с цитированием
Старый 06.04.2013, 22:28   #7
Меню пользователя Hell666Set
VIP-пользователь
 
Аватар для Hell666Set
  
Оффтоп
__________________
MSI GT780DX i7 2920XM(ES)/8Gb DDR3 2133MHz Kingston HyperX/GTX 570m 1.5Gb/ 256Gb OCZ Vertex 4
Hell666Set вне форума   Ответить с цитированием
Старый 06.04.2013, 22:31   #8
Меню пользователя James D
Ветеран клуба THG
 
Аватар для James D
  
SAN_SAN_SAN, тоже неплохо. Если моя цветовая гамма - Светлая тема, то твоя Black edition
Просто много людей будут против черного, поэтому я решил сделать универсальную тему, чтобы не было войн.
James D вне форума   Ответить с цитированием
Старый 06.04.2013, 22:32   #9
Меню пользователя SAN_SAN_SAN
THG Russia Forum Team
Эксперт Клуба THG | PC
 
Аватар для SAN_SAN_SAN
  
James D, Давно хотел заменить цвет на форуме, так-же глаза уставали от белого цвета. Думаю эта тема очень полезна
SAN_SAN_SAN вне форума   Ответить с цитированием
Старый 06.04.2013, 23:28   #10
Меню пользователя mvg
THG Russia Forum Team
 
Аватар для mvg
  
Цитата:
Сообщение от SAN_SAN_SAN Посмотреть сообщение
Думаю эта тема очень полезна
Безусловно!!!
mvg вне форума   Ответить с цитированием
Старый 07.04.2013, 02:06   #11
Меню пользователя Masket
Пользователь
  


А у меня так и мне нравится)!!!
(#999966 и #cadaba)
Masket вне форума   Ответить с цитированием
Старый 10.04.2013, 02:14   #12
Меню пользователя Brever
любитель азаза
 
Аватар для Brever
  
спасибо! хоть глаза не режет...
__________________
|характеристики| |i5-760 4GHz| |Профиль WOT| |Профиль BF3| |BF3STATS| |Профиль BF4| |BF4STATS|
|Мой канал на ТыТрубе(развлекательный канал, осторожно мат)|
"Компьютер не подчиняется законам физики.Только в нем глюки возникают из ничего, файлы исчезают в никуда, а объем измеряется в метрах и называется весом."
Brever вне форума   Ответить с цитированием
Старый 18.04.2013, 00:08   #13
Меню пользователя SALAMANDRA
THG Russia Forum Team
 
Аватар для SALAMANDRA
  
А кто нить подскажет, как сделать, чтобы изменить на потемнее фон поля слева, где идет инфа о пользователе: ник, ава, статус...

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



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

Стиль James D


Мой стиль


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


Очень хорошо видно, что поле для ников и авок сливается с основным полем...
SALAMANDRA вне форума   Ответить с цитированием
Старый 18.04.2013, 00:40   #14
Меню пользователя SAN_SAN_SAN
THG Russia Forum Team
Эксперт Клуба THG | PC
 
Аватар для SAN_SAN_SAN
  
SALAMANDRA, http://www.thg.ru/forum/showpost.php...95&postcount=6 так не сливается
SAN_SAN_SAN вне форума   Ответить с цитированием
Старый 18.04.2013, 00:51   #15
Меню пользователя SALAMANDRA
THG Russia Forum Team
 
Аватар для SALAMANDRA
  
Саныч, так слишком черно...

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

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

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

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


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

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

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


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

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


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

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

РЕКЛАМА

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