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

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

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Это я попробовал прежде всего: border: none !important;
Это не сработало.  
 
Но в целом проблему решить удалось. Спасибо!
 

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 13:50 03-04-2023 | Исправлено: Vladsvn, 16:59 03-04-2023
Mavrikii

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

Цитата:
Это не сработало.  

все работает, я же проверил.

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 21:56 03-04-2023
Vladsvn

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

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 13:12 14-04-2023 | Исправлено: Vladsvn, 17:32 14-04-2023
Kozma_ZipperTnias



Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Можно ли как-то убрать назойливую плашку с требованием залогиниться на «Реддите», чтобы смотреть NSFW-контент, к которому, например, отнесены комменты на сабреддите https://www.reddit.com/r/true_tj/comments/12yfeae/рейтинг_тру_тж/ ?
 

 
Порыскал по Гуглу, фильтры ниже не работают на новом дизайне:

Код:
www.reddit.com##xpromo-nsfw-blocking-modal-desktop
 
www.reddit.com##xpromo-nsfw-blocking-modal,slot+.prompt
www.reddit.com##[style*="blur"]:style(filter:none!important;)
 
www.reddit.com##xpromo-nsfw-blocking
www.reddit.com##nsfw-blocking
www.reddit.com##xpromo-nsfw-blocking-modal
www.reddit.com##xpromo-nsfw-blocking-container

 
Вернее, фильтр
Код:
www.reddit.com##xpromo-nsfw-blocking-modal-desktop
убирает плашку, но размытость остаётся, которая не лечится даже фильтром
Код:
www.reddit.com##[style*="blur"]:style(filter:none!important;)

 
Коммент отсюда:

Цитата:
I don't think it can be de-blurred by uBO. It uses shadow root with the slot which is assigned to a physically blurred image. Original image is one element below it, but no way to swap them.

Всего записей: 545 | Зарегистр. 28-12-2012 | Отправлено: 17:59 26-04-2023 | Исправлено: Kozma_ZipperTnias, 18:01 26-04-2023
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kozma_ZipperTnias
Сюда - Блокировка рекламы в браузере при поддержке RU AdList

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 18:41 26-04-2023
SFC



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вопрос спецам плз.
Есть DIV внутри него много чего SPAN и P.
Возможно ли сделать чтобы внутри DIV не отображалось ничего кроме P.
т.е. сделать  

Код:
div{display:none для всего кроме вложенного P}
<div>
<span>hide me sometimes</span>
<p>allways show me</p>
</div>
 

как сделать чтобы не отображалось чтото конкретное это понятно. А вот именно через CSS самого DIVа возможно ли както сделать?

----------
[ offline ]

Всего записей: 1663 | Зарегистр. 21-01-2003 | Отправлено: 18:17 27-04-2023
Mavrikii

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

Цитата:
А вот именно через CSS самого DIVа возможно ли както сделать?

div > * { display: none; }
div > p { display: block; }

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 19:36 27-04-2023
Vladsvn

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день!
 
Пытаюсь использовать Font Awesome, но там все иконки черно-белые. А на других сайтах я вижу вот такое, цветные: https://ibb.co/pKH4GRy  
 
Не знаете, как они получаются или откуда берутся?
 

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 16:35 29-04-2023 | Исправлено: Vladsvn, 16:54 29-04-2023
Mavrikii

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

Цитата:
Не знаете, как они получаются или откуда берутся?

ссылку дайте - скажем.

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 21:58 29-04-2023
Vladsvn

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

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 22:36 29-04-2023
Mavrikii

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

Цитата:
поскольку там нужен пароль.

не нужен. используется это - https://twemoji.twitter.com/
https://github.com/twitter/twemoji

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 22:40 29-04-2023
Vladsvn

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо! Я даже не знал о существовании такой коллекции!
 
Правильно ли я понимаю, что установить размеры значка можно через font-size ?
 
* * *  
Попутно такой вопросик по поводу использования.
 
Беру из файла preview-svg. Выбираю значок. Делаю
Copy to clipboard via Ctrl+C and Enter
 
И просто вставляю в  Редактор.
 
Это нормально?
 
А зачем тогда в дистрибутиве скрипты?

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 12:12 30-04-2023
Mavrikii

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

Цитата:
И просто вставляю в  Редактор.
 
Это нормально?

смотря что и как вставляет ваш редактор.
 

Цитата:
А зачем тогда в дистрибутиве скрипты?

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

Цитата:
Правильно ли я понимаю, что установить размеры значка можно через font-size  

попробуйте. там написано для инлайна

Цитата:
img.emoji {
   height: 1em;
   width: 1em;
   margin: 0 .05em 0 .1em;
   vertical-align: -0.1em;
}

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 19:22 30-04-2023 | Исправлено: Mavrikii, 20:35 30-04-2023
Vladsvn

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Интересная картина: в формате SVG иконка весит 1900 байт, в формате  PNG 560 байт.  
 
В чем смыл формата SVG ?  

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 13:56 02-05-2023
Mavrikii

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

Цитата:
В чем смыл формата SVG ?  

В том, что векторный формат, а не растровый.

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 16:22 02-05-2023
Vladsvn

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый вечер!
 
Хочется сделать красивые кнопки на основе checkbox. Макет находится вот здесь: http://fh7929mi.bget.ru/57-3-1.html
 
Код CSS  такой:
Подробнее...  
 
код HTML такой:
Подробнее...  
 
Не удается решить две однородные проблемы:
 
1. Когда кнопки не выбраны, им надо дать белый фон. Но добавление background-color: white; блокирует изменение цвета нажатой кнопки.
2. Для нажатой кнопки не удается убрать border: 2px solid blue;  
 
Не знаю, как решить эти проблемы.

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 20:15 03-05-2023
Mavrikii

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

Цитата:
1. Когда кнопки не выбраны, им надо дать белый фон. Но добавление background-color: white; блокирует изменение цвета нажатой кнопки.

.kn_1 input + label {
    background-color: white;
}
 

Цитата:
2. Для нажатой кнопки не удается убрать border: 2px solid blue;  

.kn_1 input:checked + label {
    border: 2px solid transparent !important;
}

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 20:26 03-05-2023
Vladsvn

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

Всего записей: 342 | Зарегистр. 07-09-2016 | Отправлено: 21:47 03-05-2023
greeple

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
вопрос такой возник, не понимаю css, но хочется понять
есть скрипт custom.css для хром браузера, точнее для цент браузера, собсна его сам разраб на форуме у себя и скинул типа как пример https://www.centbrowser.net/en/showthread.php?tid=2607&pid=11963#pid11963
так вот в нём есть вот такой код, он вокруг каждой картинки зеленую тень рисует когда наводишь

Код:
/*Green Ring On Image*/
img:hover{box-shadow: 0px 0px 4px 4px rgba(130,190,10,0.6) !important;-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}
img{-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}

и почему то он не работает если убрать из css код отвечающий за скролл бар
вот этот

Код:
/*Scroll Bar*/
::-webkit-scrollbar{width: 12px;height: 6px;}
::-webkit-scrollbar-track-piece{background-color: #CCCCCC;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #999999;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #CCCCCC;-webkit-border-radius: 6px;}
::-webkit-scrollbar {width: 18px;height: 9px;}
::-webkit-scrollbar-track-piece {background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: #3994EF;border-radius: 3px;}
::-webkit-scrollbar-thumb:hover {background-color: #A4EEF0;}
::-webkit-scrollbar-thumb:active {background-color: #666;}
::-webkit-scrollbar-button:vertical { width: 9px; }
::-webkit-scrollbar-button:horizontal { width: 9px; }
::-webkit-scrollbar-button:vertical:start:decrement { background-color: white; }
::-webkit-scrollbar-button:vertical:end:increment { background-color: white; }
::-webkit-scrollbar-button:horizontal:start:decrement { background-color: white; }
::-webkit-scrollbar-button:horizontal:end:increment { background-color: white; }
body::-webkit-scrollbar-track-piece {background-color: white;}

как сделать так чтобы без скролл бара он работал и как нормальный скроллбар сюда добавить чтобы они друг другу не мешали?
 
Добавлено:
и чем вообще скролл бар мешает тому коду, точнее почему тот не работает без него, что в скроллбаре такого без чего тот с тенью не может показываться?

Всего записей: 4243 | Зарегистр. 11-02-2020 | Отправлено: 00:21 04-05-2023
Mavrikii

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

Цитата:
и почему то он не работает если убрать из css код отвечающий за скролл бар

никак не должно влиять, уверены, что дело именно в этом куске? может где то скобку или кавычки оставляются?
 

Цитата:
нормальный скроллбар сюда добавить

что значит "нормальный"?
 

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 00:28 04-05-2023
Открыть новую тему     Написать ответ в эту тему

Страницы: 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