Elite Games - Свобода среди звезд!
.
ВНИМАНИЕ!
Наша конференция посвящена космической тематике и компьютерным играм.
Политические вопросы и происходящие в мире события в данный момент на нашем сайте не обсуждаются!

  » Светло-серая тема для сайта | страница 1
Конференция предназначена для общения пилотов. Для удобства она разделена на каналы, каждый из которых посвящен определенной игре. Пожалуйста, открывайте темы только в соответствующих каналах и после того, как убедитесь, что данный вопрос не обсуждался ранее.

Поиск | Правила конференции | Фотоальбом | Регистрация | Список пилотов | Профиль | Войти и проверить личные сообщения | Вход

   Страница 1 из 1
 
Поиск в этой теме:
Канал сайта: «Светло-серая тема для сайта»
Andy BitOff
 51 EGP

Репутация: 0
Сообщения: 6

Зарегистрирован: 16.04.2015
Я тут под себя поправил некоторые стили сайта, вот может еще кому-нибудь понравится.

Стиль для плагина Stylish и т.п.
LightGray theme for elite-games

Последние изменения
Код:
  0.9.7 - 10.03.2017
    + форма посылки ПМ растягивается по размерам экрана
    + hover для строк тредов в конфе
    * ограничение диапазона выборки для списка тредов
    * поправлен хеадер таблиц

 Более ранние изменения   (кликните здесь для просмотра)

Код:
  0.9.6 - 10.03.2017
    - убраны изменения для поиска
    + бордер радиус для цитат и элементов управления
 
  0.9.5 - 10.03.2017
    * те же изменения на странице поиска (пока без изменения размера)
 
  0.9 - 10.03.2017
    + форма быстрого ответа растягивается по размерам экрана
    + форма ответа растягивается по размерам экрана
    + бордер кнопок и полей ввода приведен к единому серому стандарту
 
  0.7 - 09.03.2017
    + основной цвет заголовков (противный был до ужаса)
    + высота строк тредов в конфе
    + через одну они подсвечены
    + цвет фона области информации о пользователе (в посте)
    + фон цитаты
    + шапка и фон спойлера



Скрипт для Greasmonkey
Elite-games advanced script

Пока делает тоже самое что и стиль, фактически стиль в скрипте. Далее буду дополнять.

Последние изменения
Код:

 0.1.0
   + Добавлены первые стили



Выглядит это так :





---------------------------------------------------------------

Как установить.

Стиль.
Устанавливаете соответствующее расширение в броузер
Stylish (в Firefox'е)
Stylish (в Хроме)
Затем идете по ссылке LightGray theme for elite-games и нажимаете кнопку Install
Должно заработать. Если это не так, то смотрите всякие настройки расширения. В сети этой инфы море.

Скрипт
Устанавливаете соответствующее расширение
Greasmonkey (в Firefox'е)
Tampermonkey (в Хроме)
Violent-monkey (в Опере)
Затем идете по ссылке LightGray theme for elite-games и нажимаете кнопку Install
Должно заработать. Если это не так, то смотрите всякие настройки расширения. В сети этой инфы море.

Последний раз редактировалось: Andy BitOff (09:02 13-03-2017), всего редактировалось 1 раз
    Добавлено: 17:02 09-03-2017   
Grebomet
 1460 EGP


Модератор
Рейтинг канала: 4(53)
Репутация: 261
Сообщения: 4765
Откуда: Питербурх
Зарегистрирован: 06.01.2003
Andy BitOff :
- основной цвет заголовков (противный был до ужаса)

Дыкть это - синюшно-фиолетовый - это традицонный цвет ЕГи. Еще со времен Великих Пьянок, а то и раньше.

Опять же ж, иконки-то останутся синюшными.

Хотя серенький мне нравится больше. Улыбка

Andy BitOff :
- высота строк тредов в конфе

Вот это я не очень понял. Защем?

Andy BitOff :
- через одну они подсвечены

Это на твоем мониторе.
Я долго щщурился и жмурился, чтобы разглядеть эту "подсветку".
_________________
Классическая ошибка, которую совершают проектировщики абсолютно надежных систем, – недооценка изобретательности клинических идиотов.
    Добавлено: 21:21 09-03-2017   
Andy BitOff
 51 EGP

Репутация: 0
Сообщения: 6

Зарегистрирован: 16.04.2015
Grebomet :
Дыкть это - синюшно-фиолетовый - это традицонный цвет ЕГи

Ну это не оправдывает его существования столько лет. Ребрендинг бывает и у очень известных брендов.

Grebomet :
Вот это я не очень понял. Защем?

не поверишь, но реально неудобно эти сжатые строки.

Grebomet :
Я долго щщурился и жмурился, чтобы разглядеть эту "подсветку".

Это сделано специально. Они не должны выделяться как на зебре, они должны быть едва заметны, чтобы можно было проследить строчку от начала до конца. На мониторе с большим разрешением ты не найдешь к какой строчке относится дата в последней колонке.

Grebomet :
Опять же ж, иконки-то останутся синюшными.

Иконки тоже можно поменять, было бы желание. Как видно я убрал этот вырвиглазный разделитель постов Подмигиваю
Можно вообще весь стиль сменить.
То что я выложил это результат двух часов вчера на работе. Давно руки чесались, да все не досуг было.

Конечно при текущей верстке стиль ужасно неудобно править, но возможно. А вот если еще скриптом дополнить, то можно и верстку поменять.


----------------------------------------------------------------------------------------
добавлено спустя 52 минуты:
Обновил.

- форма быстрого ответа растягивается по размерам экрана
- форма ответа растягивается по размерам экрана




----------------------------------------------------------------------------------------
добавлено спустя 13 минут:

Обновил еще раз Улыбка Сегодня уже последний, надо и поработать.

- бордер кнопок и полей ввода приведен к единому серому стандарту



Последний раз редактировалось: Andy BitOff (10:18 10-03-2017), всего редактировалось 7 раз(а)
    Добавлено: 10:15 10-03-2017   
Grebomet
 1460 EGP


Модератор
Рейтинг канала: 4(53)
Репутация: 261
Сообщения: 4765
Откуда: Питербурх
Зарегистрирован: 06.01.2003
Andy BitOff :
Это сделано специально. Они не должны выделяться как на зебре, они должны быть едва заметны, чтобы можно было проследить строчку от начала до конца. На мониторе с большим разрешением ты не найдешь к какой строчке относится дата в последней колонке.

Я в курсе, зачем это делается и как.
Но на моем мониторе - нихрена не видны эти тонкости, так что все равно не получается отследить, к какой строчке относится дата в последней колонке.
И это при том, что монитор у меня квадратный.

Andy BitOff :
- форма быстрого ответа растягивается по размерам экрана
- форма ответа растягивается по размерам экрана

О це гарно.
_________________
Классическая ошибка, которую совершают проектировщики абсолютно надежных систем, – недооценка изобретательности клинических идиотов.
    Добавлено: 15:29 10-03-2017   
Andy BitOff
 51 EGP

Репутация: 0
Сообщения: 6

Зарегистрирован: 16.04.2015
Grebomet :
Но на моем мониторе - нихрена не видны эти тонкости

Сожалею. У меня на ноуте дома тоже плохо видны, а вот на работе на обоих мониторах - норм. Специально для тебя добавил hover.

из последнего:
Код:
  0.9.7 - 10.03.2017
    + форма посылки ПМ растягивается по размерам экрана
    + hover для строк тредов в конфе
    * ограничение диапазона выборки для списка тредов
    * поправлен хеадер таблиц
 
  0.9.6 - 10.03.2017
    - убраны изменения для поиска
    + бордер радиус для цитат и элементов управления
    Добавлено: 00:22 11-03-2017   
Grebomet
 1460 EGP


Модератор
Рейтинг канала: 4(53)
Репутация: 261
Сообщения: 4765
Откуда: Питербурх
Зарегистрирован: 06.01.2003
Проимпортил как Greasemonkey script - сайт посерел, но ни чередования бэкграунда строк, ни ховера не видать.
Похоже, не все нормально экспортится в скрипты у них.

UPD: textarea нормально растянулся на весь экран.

UPD2: разделители (синие точки) между постами не исчезли, фоновая полосатая картинка тоже не исчезла. Похоже, именно она и перекрывает лепоту с чередованиями и ховерами.
_________________
Классическая ошибка, которую совершают проектировщики абсолютно надежных систем, – недооценка изобретательности клинических идиотов.

Последний раз редактировалось: Grebomet (02:39 11-03-2017), всего редактировалось 2 раз(а)
    Добавлено: 02:31 11-03-2017   
Andy BitOff
 51 EGP

Репутация: 0
Сообщения: 6

Зарегистрирован: 16.04.2015
Grebomet :
Проимпортил как Greasemonkey script - сайт посерел, но ни чередования бэкграунда строк, ни ховера не видать.
Похоже, не все нормально экспортится в скрипты у них.

Если тебе более удобен скрипт, как, в прочем, и мне, то вот, на Elite-games advanced script скрипт, который пока только устанавливает те же стили, что и стиль для Stylish, но в дальнейшем я расширю функционал.
Скрипт удобнее по той причине, что можно проще находить нужные элементы, в отличие от css. Но некоторые боятся их, потому я начал с css, но покопавшись в верстке более подробно пришло понимание, что на css всего не сделать. Как пример, страница с результатами поиска. Там невозможно без js правильно назначить стили. Или заголовок цитаты, его не найти без js.
    Добавлено: 23:34 11-03-2017   
Soul_8
 80 EGP


Репутация: 10
Сообщения: 88
Откуда: Lipetsk
Зарегистрирован: 26.02.2009
А чего не так то с CSS?
Для себя я вот Dark Theme леплю
 Скриншот   (кликните здесь для просмотра)


Вместо Stylish рекомендую Stylus для Firefox 55+
    Добавлено: 21:16 15-09-2017   
Falcon
 310 EGP


Ангел с прибором
Рейтинг канала: 5(112)
Репутация: 137
Сообщения: 6138
Откуда: КУЙ С НАМИ
Зарегистрирован: 07.02.2001
а почему вопрос привстал? ясное дело - светло-серая - это для копротамвсякое - есть правильные наработки? нет? топикастера в бан
_________________
7ШJ
    Добавлено: 23:32 28-04-2018   
Grebomet
 1460 EGP


Модератор
Рейтинг канала: 4(53)
Репутация: 261
Сообщения: 4765
Откуда: Питербурх
Зарегистрирован: 06.01.2003
Falcon :
есть правильные наработки?

 А як же ж! Гы-гы   (кликните здесь для просмотра)

_________________
Классическая ошибка, которую совершают проектировщики абсолютно надежных систем, – недооценка изобретательности клинических идиотов.
    Добавлено: 13:00 04-05-2018   
Falcon
 310 EGP


Ангел с прибором
Рейтинг канала: 5(112)
Репутация: 137
Сообщения: 6138
Откуда: КУЙ С НАМИ
Зарегистрирован: 07.02.2001
Grebomet :
А як же ж! (кликните здесь для просмотра)

лучше никаких, чем такое
_________________
7ШJ
    Добавлено: 09:18 03-06-2018   
Быстрый ответ
Имя / Name:    ВЫ НЕ ВОШЛИ, ИЛИ НЕ ЗАРЕГИСТРИРОВАНЫ !

Настройки
Цитировать последнее сообщение

:) ;) :D :gigi: :lol: :( :mad: :weep: :abuse: :spy: :interesting: :wow: :insane: :super: :bored: :ass:
Код подтверждения:  Код подтверждения  
 
Канал сайта: «Светло-серая тема для сайта»
 
  
Показать: 
Предыдущая тема | Следующая тема |
К списку каналов | Наверх страницы
Цитата не в тему: Хвала - ему, халва - мне. (duch)

  » Светло-серая тема для сайта | страница 1
Каналы: Новости | Elite | Elite: Dangerous | Freelancer | Star Citizen | X-Tension/X-BTF | X2: The Threat | X3: Reunion | X3: Terran Conflict | X Rebirth | X4: Foundations | EVE Online | Orbiter | Kerbal Space Program | Evochron | VoidExpanse | Космические Миры | Онлайновые игры | Другие игры | Цифровая дистрибуция | play.elite-games.ru | ЗВ 2: Гражданская война | Творчество | Железо | Игра Мечты | Сайт
   Дизайн Elite Games V5 beta.18