[{{mminutes}}:{{sseconds}}] X
Пользователь приглашает вас присоединиться к открытой игре игре с друзьями .
Ctrl предыдущая следующая Ctrl Страницы
1 2 3 4 5

Форум «Программное обеспечение» / Темная Клавотема

ПАНЧЕР Сообщение #61 12 января 2021 в 10:08
Гонщик
1
JustSo, хорошо, прибегни в таком случае к JS. Вырви с корнями лишнее на остальных страницах и добавь нужным элементам красоты и + к этому создай адапт под разницы ширИные экрана как у меня.

Я приведу к примеру форму авторизации. Текущая просто ужасная и даже в моей тёмной теме она выглядит мягко говоря по компановке не современно. У меня цель привести её к такому виду: в качестве примера
Согласись, что данный вариант выглядит намного эстетичней, нежели то, что сейчас реализовано уже давным давно. Не мешало бы такое же проделать и на странице регистрации, чего я собственно тоже сделаю.
Последний раз отредактировано 12 января 2021 в 10:14 пользователем ПАНЧЕР
JustSo Сообщение #62 12 января 2021 в 10:19
Кибергонщик
45
Ну и зачем эти усилия? Раз на то пошло, текущая реализация клавогонок, взаимодействие с сервером, позволяет просто фронт переписать полностью (в минимальном функционале) на каком-нибудь реакте с веб компонентами, красивостями и современным дизайном. Только оно действительно нужно?
Последний раз отредактировано 12 января 2021 в 10:23 пользователем JustSo
ПАНЧЕР Сообщение #63 12 января 2021 в 12:01
Гонщик
1
JustSo, да, ты не поверишь, но это действительно нужно. Внешний вид всегда имеет очень важное значение. Это тоже самое, что ты попытаешься устроиться на работу придя одетым к примеру как чухан во рваном тряпье и с отвратным запахом. Конечно же тебя не возьмут на работу.
Вот к примеру ты заполняешь БИО и добавляешь помимо текста туда ещё и картинки. Зачем же тебе там картинки? Не надо. Удаляй. Ну конечно же нет, ты их не удалишь, ведь ты их добавил для визуала, чтобы зашедший в твой профиль пощупал их глазами и получил малую долю наслаждения от увиденного, ведь глядя всего-лишь на текста, читателю скучно. Точно так-же и с тёмной темой. В ней не мало всеразличных визуальных вкусностей и приятно глазам, когда весь фон и элементы затемнены, что снижает нагрузку на глаза и избавляет их от усталости при длительном пребывании за монитором.

Раз завёлся разговор про возможность полностью переписать фронт, то буду рад увидеть твою реализацию в действии.
Последний раз отредактировано 12 января 2021 в 12:15 пользователем ПАНЧЕР
ПАНЧЕР Сообщение #64 12 января 2021 в 12:03
Гонщик
1
Обновлена форма авторизации.
Было.
скрытый текст…

Стало.
скрытый текст…

Скачать с mega
Последний раз отредактировано 12 января 2021 в 12:09 пользователем ПАНЧЕР
JustSo Сообщение #65 12 января 2021 в 12:41
Кибергонщик
45
Да мне зачем это нужно, тратить свое время на допиливание того, что мертво? Я сейчас занят кое-какими более правильными вещами, чем допиливание клавогонок :)
Пусть этим занимаются те, кому это доставляет реальные неудобства. Мне темная тема не настолько нужна, чтобы вбухивать много времени в попытках что-то с чем-то скрутить. А потратить несколько минут, чтобы улучшить восприятие текста во время набора, приемлемо. Потому стиль который выложил в нечто громоздкое точно перерастать не будет. Если хочешь возьми идею и интегрируй со своей реализацией темной темы.
nosferatum Сообщение #66 12 января 2021 в 13:14
Супермен
34
ПАНЧЕР, на самом деле весьма неплохо. А у тебя где-то документированы технологии, которые ты используешь? Профанам в вебе все эти Pug и HAML не особо известны, а было бы интересно. Плюс как это всё уместить (транспилировать?) в Tampermonkey-плагин.
ПАНЧЕР Сообщение #67 12 января 2021 в 22:00
Гонщик
1
nosferatum, для написания этой темы я использовал нативный css и ни на каком препроцессоре типа stylus или scss не писал изначально. Вдобавок на нативном JavaScript писал некий функционал, который дополняет тёмную тему. К примеру те же смайлики, которые я лично вручную, повторяю ВРУЧНУЮ КАЖДЫЙ в фотошопе редактировал, удаляя с каждого gif кадра ореол, чтобы он на тёмном не кровоточил глаза.
ПАНЧЕР Сообщение #68 13 января 2021 в 10:57
Гонщик
1
Очередное обновление. Надеюсь вы его ждали с нетерпением как и я.

1. Добавлено свойство image-rendering со значением crisp-edges к иконкам оформления текста
скрытый текст…

Теперь несмотря на то, что данные png картинки не создавались под мониторы с разрашением выше full hd, они так-же будут выглядеть отчётливо без блюра на мониторах с большим разрешением.

2. Изменены иконки статуса задачи дня warning и completed на svgшные.
скрытый текст…

3. Изменена иконка фиксатор юзерпанели на svgшную
скрытый текст…

4. Убран тёмный фон в заголовке форумного поста и оставлен всего-лишь bottom-border серым для пользователя и светло-зелёным для модераторов и администораторов,
а так-же ссылки редактировать и ответить были превращены в круглые кнопки с иконкой.
скрытый текст…

5. Потерпел сокрушительное обновление пейджер. Можете сами лицезреть во что он превратился.
скрытый текст…


Скачать с mega
Последний раз отредактировано 13 января 2021 в 11:07 пользователем ПАНЧЕР
Archangel Сообщение #69 13 января 2021 в 11:45
Супермен
30
Не понимаю, в чем твоя проблема. Общался бы еще адекватно и нормально - цены бы не было. За работу - респект.
ПАНЧЕР Сообщение #70 13 января 2021 в 12:10
Гонщик
1
Внесу от себя тёмную версию тайпблока, при условии, что активирована галочка зетемнение фона на странице заезда.
Код для stylish
скрытый текст…

Скрытый текст
скрытый текст…

Открытый текст (Мини-Марафон)
скрытый текст…

Кому не нравится растяжение текста, то удалите эти две строчки.
text-align: justify !important;
text-justify: distribute !important;
Последний раз отредактировано 13 января 2021 в 12:48 пользователем ПАНЧЕР
ПАНЧЕР Сообщение #71 15 января 2021 в 10:11
Гонщик
1
И снова новый логотип со стартующей анимацией по типу пробуксовывающего автомобиля на старте с изящной деформацией.
скрытый текст…

Небольшой косметический ремонт блока статистики по режиму в виде изменения шрифта и регулировки веса и размера. Да и в целом вся юзер панель.
скрытый текст…

Изменены форумные аватарки и индикатор уровня.
скрытый текст…

Форумное поле для ввода текста теперь стало удобнее для набора большого количества текста, если вы пренебрегаете сторонними редакторами на вашей операционной системе. К тому же вы можете спокойно скролить всю форумную открытую страницу и поле будет оставаться по центру. При наведении на него оно становится прозрачным, чтобы вы могли подсмотреть, что написано возможно к Вам адресованном сообщении, чтобы в дальнейшем знать как сформулироваться свою мысль не теряя связи с контекстом прокручивая постоянно страницу наверх к сообщению и в низ к текстовому полю.
скрытый текст…

Скачать с mega
Последний раз отредактировано 16 января 2021 в 00:04 пользователем ПАНЧЕР
Advisor Сообщение #72 15 января 2021 в 18:37
Экстракибер
54
Очередная мощь! Теперь это не просто темная тема, но еще и эстетически приятная с каждым разом.
Glage Сообщение #73 15 января 2021 в 20:45
Профи
7
Мануал по установке для нубов напишите пожалуйста.
Healingproof Сообщение #74 15 января 2021 в 23:17
Супермен
23
Возможно ли как-то внедрить звуковое оповещение таймера перед стартом, на 3-2-1 секундах, иногда хочется играть без показа Текста но не всегда реагируешь на старт заезда)
ПАНЧЕР Сообщение #75 15 января 2021 в 23:57
Гонщик
1
Glage, так как у меня всё на английском, то все пути тоже будут именоваться на английском. Перевести гугло-переводчиком думаю не составит трудностей. Подкину и пару скриншотов.

Установка стилей: Stylish > Manage All Styles > Retrieve Backup и указать путь к файлу Stylish и указать в проводнике (Все типы файлов), чтобы файл нашёлся и отобразился где он был сохранён.
скрытый текст…

Установка скриптов: Tampermonkey > Dashboard > Utilities > Import Zip File [Browse] и указать путь к файлу. Там далее всё думаю будет понятно.
скрытый текст…


Healingproof, я по правде говоря не очень силён в скриптописании, а стилями такое не делается. Они только оформляют и функционала такого не дают. Нужно чтобы кто-то более умелый написал это на JavaScript.
ПАНЧЕР Сообщение #76 16 января 2021 в 00:41
Гонщик
1
1. Исправил ошибку с неоформленным блоком редактирования уже написанного поста. Раньше стили к кнопкам форматирования, текстовому полю и кнопкам не применялись как на нижнем блоке элементов написания поста.
скрытый текст…

2. На главной странице иконкам в таблице рейтинга было применено свойство image-rendering: crisp-edges.
скрытый текст…

3. Изменено оформление блока цитирования
скрытый текст…

Скачать с mega
Последний раз отредактировано 16 января 2021 в 00:54 пользователем ПАНЧЕР
Glage Сообщение #77 16 января 2021 в 09:23
Профи
7
Спасибо Панчер! Все работает.
Последний раз отредактировано 16 января 2021 в 12:47 пользователем Glage
ПАНЧЕР Сообщение #78 17 января 2021 в 04:24
Гонщик
1
Оформление страницы создания новой темы.
скрытый текст…

Кликабельный форумный отсек крупной кнопкой без надобности целиться на текстовую ссылку.
скрытый текст…

Скачать с mega
Последний раз отредактировано 17 января 2021 в 04:35 пользователем ПАНЧЕР
Advisor Сообщение #79 17 января 2021 в 04:36
Экстракибер
54
Я, наконец, только сейчас установил все последние обновления. И хочу сказать, что это просто нечто. Без шуток. Во-первых, очень крутой шрифт. Реально приятно писать. Даже сейчас, пока я пишу этот текст, я кайфую от этого шрифта. Шрифт количества очков, рейтинга и так далее — все блистательно. Очень непривычно видеть такой интерфейс для ввода текущего сообщения — прямо по центру, при этом нет ничего лишнего. Очень круто смотрится. Моя оценка обновлению — 10 из 10.
ПАНЧЕР Сообщение #80 17 января 2021 в 04:40
Гонщик
1
Advisor писал(а):
Я, наконец, только сейчас установил все последние обновления. И хочу сказать, что это просто нечто. Без шуток. Во-первых, очень крутой шрифт. Реально приятно писать. Даже сейчас, пока я пишу этот текст, я кайфую от этого шрифта. Шрифт количества очков, рейтинга и так далее — все блистательно. Очень непривычно видеть такой интерфейс для ввода текущего сообщения — прямо по центру, при этом нет ничего лишнего. Очень круто смотрится. Моя оценка обновлению — 10 из 10.


Приятно что есть ценители тёмной темы и дают самую высокую оценку. Труды видимо были не напрасны.

Чтобы писать в форуме, нужно зарегистрироваться.

Ctrl предыдущая следующая Ctrl Страницы
1 2 3 4 5

Связаться
Выделить
Выделите фрагменты страницы, относящиеся к вашему сообщению
Скрыть сведения
Скрыть всю личную информацию
Отмена