Тёмная тема для Kinozal.tv (через браузерное дополнение Stylish)

Drusel сказал(a):

Обновил. Для тех кто обновляет вручную, нужно заменить весь кусок. Эти классы можно объединить, чтобы было меньше текста, как нибудь потом... Cкрытый текст -   td.alt1 .smallfont a font[color="#a83838"] { color: #a83838 !important; } td.alt1 .smallfont a font[color="#fb4a01"] { color: #fb4a01 !important; } td.alt1 .smallfont a font[color="#af2bad"] { color: #af2bad !important; } td.alt1 .smallfont a font[color="#ce8802"] { color: #ce8802 !important; } td.alt1 .smallfont a font[color="#CC6600"] { color: #CC6600 !important; } td.alt1 .smallfont a font[color="#8080c0"] { color: #8080c0 !important; } td.alt1 .smallfont a font[color="#3ba914"] { color: #3ba914 !important; } td.alt1 .smallfont a font[color="#ffa500"] { color: #ffa500 !important; } td.alt1 .smallfont a font[color="#4040c0"] { color: #4040c0 !important; } td.alt1 .smallfont a font[color="#008080"] { color: #008080 !important; } td.alt1 .smallfont a font[color=black] { color: #cccccc !important; } td.alt1 .smallfont a font[color="#2f4f4f"] { color: #2f4f4f !important; } td.alt2 a.u font[color="#008080"] { color: #008080 !important; } td.alt2 a.u font[color="#4040c0"] { color: #4040c0 !important; } td.alt2 a.u font[color="#a83838"] { color: #a83838 !important; } td.alt2 a.u font[color="#fb4a01"] { color: #fb4a01 !important; } td.alt2 a.u font[color="#af2bad"] { color: #af2bad !important; } td.alt2 a.u font[color="#ce8802"] { color: #ce8802 !important; } td.alt2 a.u font[color="#CC6600"] { color: #CC6600 !important; } td.alt2 a.u font[color="#8080c0"] { color: #8080c0 !important; } td.alt2 a.u font[color="#3ba914"] { color: #3ba914 !important; } td.alt2 a.u font[color="#ffa500"] { color: #ffa500 !important; } td.alt2 a.u font[color="#4040c0"] { color: #4040c0 !important; } td.alt2 a.u font[color=black] { color: #cccccc !important; } td.alt2 a.u font[color="#2f4f4f"] { color: #2f4f4f !important; } .alt1Active a.u font[color="#008080"] { color: #008080 !important; } .alt1Active a.u font[color="#4040c0"] { color: #4040c0 !important; } .alt1Active a.u font[color="#a83838"] { color: #a83838 !important; } .alt1Active a.u font[color="#fb4a01"] { color: #fb4a01 !important; } .alt1Active a.u font[color="#af2bad"] { color: #af2bad !important; } .alt1Active a.u font[color="#ce8802"] { color: #ce8802 !important; } .alt1Active a.u font[color="#CC6600"] { color: #CC6600 !important; } .alt1Active a.u font[color="#8080c0"] { color: #8080c0 !important; } .alt1Active a.u font[color="#3ba914"] { color: #3ba914 !important; } .alt1Active a.u font[color="#ffa500"] { color: #ffa500 !important; } .alt1Active a.u font[color="#4040c0"] { color: #4040c0 !important; } .alt1Active a.u font[color=black] { color: #cccccc !important; } .alt1Active a.u font[color="#2f4f4f"] { color: #2f4f4f !important; }

а не подскажите где и как эти замены вручную менять? я бы тоже под себя чтонибудь поменяла...просто не знаю как и где это делается...
желательно на скринах ну или цепочкой куда что тыкать показать.
плиз заранее

Кеотэми сказал(a):

а не подскажите где и как эти замены вручную менять? я бы тоже под себя чтонибудь поменяла...просто не знаю как и где это делается... желательно на скринах ну или цепочкой куда что тыкать показать. плиз заранее

Боюсь скринами не получится - это будет очень долго и нудно

Вам нужно иметь базовые знания HTML и CSS


Самый простой способ - вбить в Youtube: уроки HTML и CSS
Он Вам выдаст сотни видео с подобным контентом.
Выберите любое с самой доступной для Вас подачей информации. ;)

Например:

HTML
https://youtube.com/playlist?list=PL...96XDmDSC4Fy1TO

CSS
https://youtube.com/playlist?list=PL...RILB46OJ-wojF2


п.с.

Если в процессе обучения возникнут вопросы, я с радостью на них отвечу

Drusel сказал(a):

Боюсь скринами не получится - это будет очень долго и нудно Вам нужно иметь базовые знания HTML и CSS Самый простой способ - вбить в Youtube: уроки HTML и CSS Он Вам выдаст сотни видео с подобным контентом. Выберите любое с самой доступной для Вас подачей информации. ;) Там вообще ничего сложного нет. п.с. Если в процессе обучения возникнут вопросы, я с радостью на них отвечу

да мне не нужно лишним засорять мозги...просто скажите где именно в стилях вручную добавлять и менять а сами замены вы будете здесь в теме размещать а я только копировать и где нужно это вставлять...
оставлю это поле науки HTML и CSS для мужчин...мне только самую малость нужно знать

Кеотэми сказал(a):

В данном случае взята картинка PNG:


Cкрытый текст -

 

и сконвертирована в формат base64:

Cкрытый текст -

 

iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACV BMVEUaGhohISElJSUh9lebAAAB20lEQVRIx4XWuZXDMAwE0C0S AQtggIIYoAAEU+aKOHhYojTrYP2+QfOW/5QIJOih/q8HwF/pb3EX+UPIveYcQGgEHiu9hI+ihEc5Jz5KBIlRRRaJ1JtoSAl5H w96hLB1/up1tnIXOck5jZQy+3iU2hAOKSH1JvwxHsp+5TLF5MOl1/MQXsVs1miXc+KDbYydyMeUgpPQreZ7fWidbNhkXNJSeAhc6qHm HD8AYovunYyEACWEbyIhNeB9fRrH3hFi0bGPLuEW7xCNaohw1v AlS805nfsrTspclB/hVdoqusg53eH7FWot+wjYpOViX8KbFFKTwlnzvj65P9H/vD0/hibYBGhPwlPO8TmxRsaxsNnrUmUXpNhirlJMPr6Hqq9k5Xn/8iYQHYIuQsWFC6Z87IOxLxHphSY4SpuiU87xJnJr5axfeRd+ln MExXpEWPpuZ1v7qZdNBOjiHzDREHX5fs5Zz9p6X0vVKbKKchlS l5rv+3p//FJ/PYvoKryI8vs+2G9lzRmnEKkh+BU8yDk515jDj/HAswu7CCz6U/Mxb/PnC9N41ndpU4hUU7JGk/C9PmP/M2xZYdvBW2PObyf1IUiIzoHmHW9yTncliYs9A9tVNppdShfgQa TLMf+j3X723tLeHgAAAABJRU5ErkJggg==

И потом в Stylus с помощью CSS сделана подмена фона в определенном месте страницы:



Cкрытый текст -

 

Это фоновая картинка у меня в теме многократно повторяется.
Может позже оптимизирую тему, чтобы было меньше текста.




Если Вы просто ходите задать какой-то сплошной цвет
Установите любую из двух других тем, зайдите в редактирование стиля,

менять нужно параметры
background / background-color (цвет фона)
color (цвет текста или ссылок)

Например, в kinozal.tv Dark Theme Alt 2 основной цвет фона (в hex формате - пример https://www.color-hex.com/ ): #222222 (он прописан многократно для отдельных элементов страницы):


Cкрытый текст -

 

Последнее и самое Важное!
Если Вы будете менять стиль и захотите оставить его, обязательно отключите автоматическое обновление.
В противном случае, после моих следующих правок, Ваши изменения не сохранятся.

ОК дома буду попробую (счас на работе)

еще один момент, как свои собственные стили можно в отдельный файл сохранить чтобы потом перетащить на другой(рабочий) комп ?

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

еще вот тут предложеньице

еще для заблокированных цвет ника можно подправить?


надо так:



а отображается вот так:





цвет как у главкина...а это неправильно, для контрастности может какойнибудь серо-белый цвет применить?

так неуютно без шторочек и логотипа :




у меня вот эта сейчас подключена тема от 31.05





в ней можно добавить плиз

При входе и при работе в Кинозал.ТВ, левые блоки, размер шрифта и цвет.

a:visited
#718bd3 -> #8d8d8d (ближе к серому)

.sbab, a.sbab, a.sbab:link, a.sbab:active, a.sbab:visited
12px -> 11px

.bx1
14px -> (11 хорошо бы, но если кому мало то и 12 можно)

Я сегодня немного занят, может вечером...

Кеотэми сказал(a):

так неуютно без шторочек и логотипа : Cкрытый текст -   у меня вот эта сейчас подключена тема от 31.05 Cкрытый текст -   в ней можно добавить плиз

Я порезал шапку по двум причинам:
1. Она не несёт никакой полезной нагрузки кроме того, что занимает несколько сантиметров драгоценного места ИМХО.

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

Для наглядного понимания (см. спойлер).




Cкрытый текст -

 

.

ну если бы черному цвету текстов оригинала присваивался бы цвет-антогонист например бело-молочный или белобежевый мягких тонов не режущих глазки, присутствующий на логотипе кинозала, а не синий, как у тебя, то и гармонизация цветовой палитры сайта была бы достигнута, если не сложно сделай пожалуйста альтернативный набор пусть это будет Тема3 чисто для меня с моими пожеланиями, буду тебе очень признательна, пусть не сразу когда у тебя будет время...я не тороплюсь подожду.

SevenEL сказал(a):

При входе и при работе в Кинозал.ТВ, левые блоки, размер шрифта и цвет. a:visited #718bd3 -> #8d8d8d (ближе к серому) .sbab, a.sbab, a.sbab:link, a.sbab:active, a.sbab:visited 12px -> 11px .bx1 14px -> (11 хорошо бы, но если кому мало то и 12 можно)

https://greasyfork.org/ru/scripts/46...-theme-sevenel
https://greasyfork.org/ru/scripts/46...-alt-1-sevenel
https://greasyfork.org/ru/scripts/46...-alt-2-sevenel


Напишите все свои пожелания.
Завтра залью Ваши темы в остальные репозитории.

Кеотэми сказал(a):

ну если бы черному цвету текстов оригинала присваивался бы цвет-антогонист например бело-молочный или белобежевый мягких тонов не режущих глазки, присутствующий на логотипе кинозала, а не синий, как у тебя, то и гармонизация цветовой палитры сайта была бы достигнута, если не сложно сделай пожалуйста альтернативный набор пусть это будет Тема3 чисто для меня с моими пожеланиями, буду тебе очень признательна, пусть не сразу когда у тебя будет время...я не тороплюсь подожду.

Откровенно говоря, я потратил на эту затею в 10 раз больше времени чем планировал. Меня все устраивает как есть
Завтра может прибежать еще 10 человек с просьбой реализовать их пожелания в отдельной теме.
Посему, Вы не хотите объединиться в этом вопросе (пожеланий) с SevenEL (или наоборот - он с Вами)?

.

Drusel сказал(a):

Откровенно говоря, я потратил на эту затею в 10 раз больше времени чем планировал. Меня все устраивает как есть Завтра может прибежать еще 10 человек с просьбой реализовать их пожелания в отдельной теме. Посему, Вы не хотите объединиться в этом вопросе (пожеланий) с SevenEL (или наоборот - он с Вами)? .

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

Кео, ближе к выходным - сяду и перелопачу, предложу обновленный стиль, дабы было что предложить и Администрации, и темная тема будет кстати)

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

еще не выделили существующих на форуме пользователей Мисс Кинозал
они неправильно отображаются


а надо чтобы так было