Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Активные темы » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
Samovarov



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vladsvn

Цитата:
Из всего этого в коде присутствует только дочерний элемент modal-dialog. Ни одного материнского элемента в коде страницы нет (и для простоты будем считать, что в процессе работы он создаться не может).
 
Если я верно понимаю, вся эта запись эквивалентна  
 
.modal-dialog { }
 
Так?

Не так.
 
Mavrikii много раз уже обращал внимание на то, что страница конструируется динамически и не только серверным кодом, но и на фронте (js)
 
Возможно подключен JS модуль, который вставляет это самое модальное окно, со сложной структурой, со стилями, которые лежать в файле или папке этого модуля. А в Вашем CSS только темизируют некоторые элементы. Может размер на несколько пикселей. Или еще что.
 
 
Кроме того, вы не перекроете стиль ".modal-open .modal-dialog" простым  ".modal-dialog"
 
 
Каскадность CSS. Приоритеты стилей

Всего записей: 357 | Зарегистр. 20-03-2002 | Отправлено: 15:55 23-07-2022 | Исправлено: Samovarov, 16:00 23-07-2022
Vladsvn

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я был неправ - js все-таки везде лезет...

Всего записей: 340 | Зарегистр. 07-09-2016 | Отправлено: 17:07 23-07-2022
Samovarov



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vladsvn

Цитата:
js все-таки везде лезет...


 
JS - это круто!

Всего записей: 357 | Зарегистр. 20-03-2002 | Отправлено: 18:01 23-07-2022
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
здравствуйте опытные CSS-щики - у меня в браузере установлена тёмная тёмная тема на основе СSS стиля и вот всё нормально кроме того что картинки и видео на некоторых сайтах инвертированы в негативе - можете пжлста подправить стиль чтоб урбать этот баг - вот сам  
стиль
 
Добавлено:
сам стиль я взял отседа

Всего записей: 6414 | Зарегистр. 05-06-2012 | Отправлено: 14:43 09-10-2022
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys

Цитата:
вот всё нормально кроме того что картинки и видео на некоторых сайтах инвертированы в негативе - можете пжлста подправить стиль чтоб урбать этот баг - вот сам  


Код:
  img,
video,
embed[flashvars],
player,
*[type*="application/x-shockwave-flash"],
*[type*="application/x-silverlight"]
  {
    -webkit-filter: invert(1) hue-rotate(180deg) !important;
  }

инвертирует картирнки и видео.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 21:56 09-10-2022
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
ну это в коде так - да - и вот нужно исправить чтоб вот как сам автор написал:
Цитата:
Большинство медиафайлов (изображения и видео) *должны* оставаться незатронутыми. Однако изображения, встроенные в фоновый CSS, также могут быть перевернуты по цвету (насколько я знаю, я не могу их исключить. Извините)

вот нужно сделать чтоб изображения, встроенные в фоновый CSS не были инвертированы

Всего записей: 6414 | Зарегистр. 05-06-2012 | Отправлено: 22:04 09-10-2022
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys

Цитата:
вот нужно сделать чтоб изображения, встроенные в фоновый CSS не были инвертированы

это нельзя сделать, вы можете инвертировать только весь html элемент. нельзя изменить его, но не изменить фон. то есть нет возможности применить фильтр так отдельно.
 
и сам он так говорит

Цитата:
(насколько я знаю, я не могу их исключить. Извините)

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 22:07 09-10-2022 | Исправлено: Mavrikii, 22:08 09-10-2022
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
понятно - ладно - придётся для сайтов на которых видео или картинки в негативе искать отдельные стили (

Всего записей: 6414 | Зарегистр. 05-06-2012 | Отправлено: 22:09 09-10-2022
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
там можно намудрить с помощью js, создавая фейковый бэкграунд.. но это нужно разбираться, возиться.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 22:12 09-10-2022
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Цитата:
о это нужно разбираться, возиться.
ну воооот - а я в этом JS ДУБ !и никто мне не поможет - ну ладно - буду приспосабливаться/привыкать мучиться

Всего записей: 6414 | Зарегистр. 05-06-2012 | Отправлено: 22:15 09-10-2022
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
а ссылку на проблемную страницу?

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 01:33 10-10-2022
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
да их много - я в личку дам ладно - а то если тут дать то модератор может разозлится на эту ссылку

Всего записей: 6414 | Зарегистр. 05-06-2012 | Отправлено: 01:35 10-10-2022
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys

Цитата:
я в личку дам ладно

предупреждать же нужно..
в css есть кое что, но почему то не срабатывает.
https://developer.mozilla.org/ru/docs/Web/CSS/:fullscreen
в данной ситуации в режиме полного экрана фильтр, что применяется к html элементу, в полноэкранном режиме хоть и применяется, но не используется - какая то особенность браузера.
 
ps: понятно почему, там другой элемент верхним слоем идет. вот для конкретной ситуации

Код:
html, iframe, frame
  {
    background-color: #EEE;
    -webkit-filter: invert(1) hue-rotate(180deg) !important;
  }
 
img,
video,
player,
*[type*="application/x-silverlight"],
.vjs-fullscreen
  {
    -webkit-filter: invert(1) hue-rotate(180deg) !important;
  }

 
для flash можно убрать все.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 02:33 10-10-2022 | Исправлено: Mavrikii, 02:41 10-10-2022
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
блииин!!!! ОТЛИЧНО ТЕПЕРЬ! хахахаха - П О Б Е Д А !!!!! УРРРААААА!!!!!!!   какой же ты млдц просто не знаю ну ты умный - спс БОЛЬШОЕ ПРИБОЛЬЛШОЕ!!!!!!

Всего записей: 6414 | Зарегистр. 05-06-2012 | Отправлено: 02:47 10-10-2022
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
вот ещё на https://www.twitch.tv/directory почему-то видео на полный экран тоже инвертируется - не срабатывает стиль - может посмотришь почему там так (

Всего записей: 6414 | Зарегистр. 05-06-2012 | Отправлено: 07:02 10-10-2022
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys

Цитата:
не срабатывает стиль - может посмотришь почему там так

не везде это возможно, потому что не детектит css :fullscreen почему то.
а причина в том, что поверх видео лежит инвертированный div, поэтому происходит инверсия 3 раза.
1) - html
2) - video, получается нормальным
3) - div поверх видео, делая еще одно инвертирование
и чистым css тут нет способа определить, что широкоэкранный режим.
можно универсально сделать на js, но это нужно искать именно тот слой, что идет поверх видео.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 07:31 10-10-2022
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ух - да - как сложно все это - ну ладно хоть один тот сайт нормально ))))

Всего записей: 6414 | Зарегистр. 05-06-2012 | Отправлено: 07:38 10-10-2022
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Tampermonkey плагин..

Код:
// ==UserScript==
// @name         Invert Style
// @version      0.1
// @description  Инвертирует стиль
// @author       Mavrikii
// @match        *://*/*
// @grant        GM_addStyle
// ==/UserScript==
 
(function() {
    'use strict';
    GM_addStyle("html,iframe,frame { background-color:#eee;} .my-invert {-webkit-filter: invert(1) hue-rotate(180deg) !important }");
    addEventListener('fullscreenchange', () => {
        const elements = document.querySelectorAll("html,iframe,frame,video,img,player");
        elements.forEach((item) => {
            if (document.fullscreenElement)
            {
                item.classList.remove('my-invert');
            }
            else
            {
                item.classList.add('my-invert');
            }
        });
    });
 
    addEventListener('load', () => {
        const event = new Event('fullscreenchange');
        dispatchEvent(event);
    });
})();

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 08:40 10-10-2022 | Исправлено: Mavrikii, 08:51 10-10-2022
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
а этот скрипт нужно вместе с CSS-кодом запускать или CSS-код удалить?

Всего записей: 6414 | Зарегистр. 05-06-2012 | Отправлено: 13:27 10-10-2022
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Без, он сам вставляет, видно же.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 15:56 10-10-2022
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Компьютерный форум Ru.Board » Интернет » Web-программирование » Активные темы » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru