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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
здравствуй очень умный Маврикий - я поставил расширение  Tampermonkey и загрузил твой скрипт  и да - всё работает - но есть один жирный минус - страницы стали намного медленее заружаться и вообще браузер стал тормозной какой-то
 вот у меня есть ещё расширение User JavaScript and CSS в которое можно и скрипт и CSS-стили вставлять и вот я скопировал твой скрипт и в это расширение вставил в левую колонку где скрипты но ничего не срабатывает - скажи пжлста как правильно нужно твой скрипт вставить в это расширение

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

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

Цитата:
страницы стали намного медленее заружаться и вообще браузер стал тормозной какой-то

не влияет, сам пользуюсь. тормозят не страницы, а переключение на инверсию происходит после загрузки страницы, так как иначе там может не быть video тега вставляемого другими js скриптами. можно переделать, конечно, используя MutationObserver, чтобы перехватывать все html теги создаваемые сторонними скриптами.
 

Цитата:
скажи пжлста как правильно нужно твой скрипт вставить в это расширение

придется переписывать, а не хочется.

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



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

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

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

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 02:17 11-10-2022
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
пон - ну ладно тогда - я попробую эти коды
 
Добавлено:
..работает скрипт в том расширении - ну ладно вообщем я выберу  какой способ самый лучший и буду им пользоваться - спс тебе за труды БОЛЬШОЕ !

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

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
вот на чистом css, правда не факт, что будет работать во всех браузерах. с :fullscreen ну никак не хочет, поэтому так

Код:
html:not(:-webkit-full-screen-ancestor),
iframe:not(:-webkit-full-screen-ancestor),
frame:not(:-webkit-full-screen-ancestor) {
    background-color: #eee;
    -webkit-filter: invert(1) hue-rotate(180deg) !important;
}
 
html:not(:-webkit-full-screen-ancestor) img,
html:not(:-webkit-full-screen-ancestor) video,
html:not(:-webkit-full-screen-ancestor) player
{
    -webkit-filter: invert(1) hue-rotate(180deg) !important;
}
 

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 09:00 11-10-2022 | Исправлено: Mavrikii, 09:21 11-10-2022
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
ого! так это вот этот стиль самый лучший/универсальный - проверил его на 3-х сайтах - тот который я тебе тогда в личку дал, на Ютубе и на www.twitch.tv и на всех отлично показывает - короче его себе оставлю - блин ну ты всё таки я прям не знаю как сказать ВОЛШЕБНИК!!!!!
 
Добавлено:
а что ты имеешь ввиду - с :fullscreen ну никак не хочет - у меня на полном экране все отлично показывает без инверсии
 
Добавлено:
......забыл добавить что у меня QQBrowser - на нём сижу и вот на нём отлично !

Всего записей: 6434 | Зарегистр. 05-06-2012 | Отправлено: 16:46 11-10-2022
pangasiys



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

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

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
потому что приставки -webkit- это для браузеров на движке Webkit
вообще можно без приставок для filter, но могут быть проблемы с приоритетом.
и надо смотреть аналог :-webkit-full-screen-ancestor для firefox, может сработать :fullscreen, а может и нет
возможно нужно :-moz-full-screen-ancestor  
ну и везде -webkit- можно заменить на -moz-

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



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
спс - попробую похимичить как ты сказал
 
Добавлено:
Mavrikii
урррааааа!!!! ПОБЕДА!!!!! для фарефокса вот так запустилось !!!!!

Код:
html:not(:fullscreen),
iframe:not(:fullscreen),
frame:not(:fullscreen) {
    background-color: #eee;
    -webkit-filter: invert(1) hue-rotate(180deg) !important;
}
 
html:not(:fullscreen) img,
html:not(:fullscreen) video,
html:not(:fullscreen) player
{
    -webkit-filter: invert(1) hue-rotate(180deg) !important;
}


Всего записей: 6434 | Зарегистр. 05-06-2012 | Отправлено: 06:43 20-10-2022
Kozma_ZipperTnias



Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как на сайтах kommersant.ru и medium.com добиться, чтобы они принимали injected stylesheet — проще говоря, мой простейший CSS по уменьшению высоты строк типа

Код:
html {
line-height=0.8;
}
 

Если даже атрибут  

Код:
!important

не помогает.
В девтулс на вкладке «Style» строчка в коде страниц про injected stylesheet появляется, но толку ноль — дизайн прежний. Даже правка с html на body не срабатывает — похоже, встроена какая-то мудрёная защита.
 
На сайте «Коммерсанта» какие-то манипуляции со шрифтом можно в девтулс на вкладке Style делать только с тем, что в html: отключать параметры font-family и font-size, сразу меняется дизайн (исчезает веб-шрифт Myriad тамошний и сбрасывается масштаб кегля). Но когда в html вручную там вбиваешь строчку
 

Код:
line-height: 0.9;

 
и даже добавляешь атрибут «!important», это всё равно не считывается.
 
И даже блок «injected stylesheet» возникает в коде сайта на этой же вкладке, но не обрабатывается.
 
Видимо, CSS там хитрый. Вот полный код его: https://iv.kommersant.ru/ContentFlex/Redesign2020/kom2021.commonCss.css?2210171803030000  
Не думаю, что дело в моих кривых руках, задачка-то простейшая. Та же байда и с «Медиумом» — никак не хочет менять высоту строк ни через девтулс, ни через injected stylesheet (сторонний CSS)
 

Код:
html {
line-height: 0.8 !important;
}

 
Что там ещё ковырять, чтобы зашуршало, понятия не имею...

Всего записей: 545 | Зарегистр. 28-12-2012 | Отправлено: 18:03 22-10-2022
Mavrikii

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

Цитата:
html {
line-height=0.8;
}
 

потому что он прописан для body и еще в куче элементов.
и нет там знака =
 
например - в .top_news__name, .title_20 и тд и тп

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



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

----------
..the one of.. ··· ..sam-&-pol..

Всего записей: 17289 | Зарегистр. 07-06-2006 | Отправлено: 01:24 23-10-2022
Mavrikii

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

Цитата:
даже с импортантом - с чего не перекрывается-то?

потому что там есть особенности с тем, для чего вообще оно применяется. если нет текста - ессно нет.
более того, работает только для инлайнов. к тому же, еще и задается через font размер/line-height
может поэтому не перекрывается, не пишется же в явном виде.
 
Kozma_ZipperTnias
попробуйте так
* {
line-height: 0.8 !important;
}

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 02:05 23-10-2022 | Исправлено: Mavrikii, 02:29 23-10-2022
TheBarmaley



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Цитата:
есть особенности  
да, я в курсе, но только неясно - с фига-ли текстовые строчки не считаются текстом..

Цитата:
попробуйте так
не едут эти лыжи, я вчера ещё пробовал..)
там вообще как-то всё через жопу сделано, после некоего шаманства со стилями можно получить желаемое, но тогда придётся и шрифты менять и прочее. ичсх - даже в этом случае применяется как-то рандомно, то алё то нифига..
 
вопчем, я вчера поколупался минут 15, потом плюнул с вердиктом "ДБ"..)))

----------
..the one of.. ··· ..sam-&-pol..

Всего записей: 17289 | Зарегистр. 07-06-2006 | Отправлено: 02:26 23-10-2022
Mavrikii

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

Цитата:
не едут эти лыжи, я вчера ещё пробовал..)

ой ли.

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 04:10 23-10-2022
TheBarmaley



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Цитата:
ой ли.
без балды:
 
   
текущий активный тег = боди, есичо..  

----------
..the one of.. ··· ..sam-&-pol..

Всего записей: 17289 | Зарегистр. 07-06-2006 | Отправлено: 08:02 23-10-2022
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
TheBarmaley
да, дописал !important чуть позже, но работает.

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 08:07 23-10-2022
TheBarmaley



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Цитата:
да, дописал !important чуть позже, но работает.
ну так и я о чём, товарищ вопросик в топике по хром-аддонам задавал изначально, тогда же и проверялось, в разных вариациях..)


----------
..the one of.. ··· ..sam-&-pol..

Всего записей: 17289 | Зарегистр. 07-06-2006 | Отправлено: 08:22 23-10-2022 | Исправлено: TheBarmaley, 08:24 23-10-2022
Mavrikii

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

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 08:30 23-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