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

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всем привет, возник след. вопрос:
Когда открываю в мобильном Chrome модальное окно, то поисковый тулбар браузера закрывает верхний контент, а когда немного скролльну по экрану, то этот тулбар пропадает и становиться все отлично видно. Может кто подсказать, как рассчитать высоту этого тулбара, чтобы сделать что-то наподобие - margin-top: 100px - по дефолту (или когда этот тулбар отображается), а при скролле возвращать исходное значение.
С тулбаром:
   
Без тулбара:
   
 
Mavrikii
Биг спс, щас буду смотреть

Всего записей: 1356 | Зарегистр. 14-03-2014 | Отправлено: 21:54 27-04-2020 | Исправлено: Kaber, 23:10 27-04-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kaber
https://developers.google.com/web/updates/2016/12/url-bar-resizing
может и не оно, нужны примеры, а то я уже не помню что и как там отображается.

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 22:08 27-04-2020 | Исправлено: Mavrikii, 22:11 27-04-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Просьба подсказать, если в html есть ссылка на внешний файл css, который берётся из хранилища, например, из http://netdna.bootstrapcdn.com, то как можно изменить некоторые значения, которые берутся из того файла? Например, ширина поля .input-xxlarge, пробую указать в своём файле CSS ширину, но это никак не влияет, даже с !important.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 02:29 29-04-2020
Mavrikii

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

Цитата:
Например, ширина поля .input-xxlarge, пробую указать в своём файле CSS ширину, но это никак не влияет, даже с !important.

как написано там, как написано у вас и в каком порядке все подгружается?

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Просьба подсказать и сильно не злиться за вопрос. Есть большой файл CSS с несколькими темами оформления. Надо для каждой темы указать ID, но прописывать для каждого элемента это как-то муторно и долго. Можно ли как-то ускорить этот процесс? Если что, то темы для Prism.JS.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 20:16 29-05-2020
Mavrikii

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

Цитата:
Можно ли как-то ускорить этот процесс?

без модификации css файла - нет.
только если расположить на сервере скрипт, который, при обращении к нему, будет считывать css файл и подставлять/заменять где нужно и что нужно, выдавая его обратно.
либо простой заменой текста, либо используя SASS, LESS и так далее.
 
в принципе, для каждого оформления должен быть отдельный файл и у элементов общий корень, специфичный для темы.
еще возможно просто открывать нужное в iframe.

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 20:19 29-05-2020 | Исправлено: Mavrikii, 20:20 29-05-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
И ещё просьба подсказать, почему цвет выделения темнее, чем указан в настройках? На этом примере фон выделения #fff, но он темнее. Пересмотрел вроде всё и не нашёл, почему так.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 02:04 31-05-2020
Mavrikii

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

Цитата:
фон выделения #fff,

rgba(255,255,255,0.99)
 
по умолчанию браузер делает его полупрозрачным, чтобы лучше было видно что выделяется.

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 02:39 31-05-2020 | Исправлено: Mavrikii, 02:40 31-05-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо, но где это искать?
 
И посмотрите ЛС, пожалуйста.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 02:51 31-05-2020
Mavrikii

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

Цитата:
Спасибо, но где это искать?

что где? написать вместо вашего #FFFFFF для ::selection
 

Цитата:
И посмотрите ЛС, пожалуйста.

может, все же, поучитесь самостоятельно анализировать?
 
во втором показывается потому, что сделали по hover

Цитата:
.stacks_in_259_page0codes:hover pre[class*="language-"]#stacks_in_259_page0 .stacks_in_259_page0copy {
    display: block;
}

постоянно показывается в первом потому, что нет этого

Цитата:
pre[class*="language-"]#stacks_in_259_page0 .stacks_in_259_page0copy {
    display: none;
    content: "copy";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(78, 117, 164, 1.00);
    text-align: center;
    line-height: 30px;
    bottom: 10px;
    right: 10px;
    color: rgba(255, 255, 255, 1.00);
    cursor: pointer;
    transition: all 200ms ease;
}

поэтому оне не спрятано и без абсолютного позиционирования.

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 02:58 31-05-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Так вроде бы для selection и прописаны цвета:

Код:
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
 

Или это не то? Что-то я запутался немного
 
За ответ спасибо, но при чём здесь hover? Значок-то виден, если выключена нумерация строк (line-numbers). Когда нумерацию включаешь, значок становится на место.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 03:13 31-05-2020 | Исправлено: WONDROUS, 03:18 31-05-2020
Mavrikii

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

Цитата:
За ответ спасибо, но при чём здесь hover?

какой из примеров был желаемый/правильный?
во втором случае он появляются по hover, в первом варианте он как себя должен вести?
 

Цитата:
Так вроде бы для selection и прописаны цвета

я же сказал - заменить.

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 03:23 31-05-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
В первом варианте копирование вообще отключено в настройках, но да, значок почему-то всё равно виден и функция работает. Опять же, пока не стал прописывать %id%, то со значком копирования проблем не было.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 03:28 31-05-2020
Mavrikii

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

Цитата:
В первом варианте копирование вообще отключено в настройках

я не знаю, что значит "отключено". если за отключение вы считаете просто не вывод соответствующей части в css, то это никуда html элемент не уберет. нужно либо его не выводить, либо делать ему display: none
если же не знаете откуда берется - плагин на js вставляет.

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Там в самом html отключено через if (да, в этом веб-редакторе так можно). Просто когда .copy ставишь id (.%id%copy), то тогда он и включается сам, когда отключен line-numbers (нет в html).
 
На счёт selection, почему-то работает только с такой прозрачностью (.... 0.99), если ставить 1, то снова фон получпрозрачный.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 04:04 31-05-2020
Mavrikii

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

Цитата:
почему-то работает только с такой прозрачностью (.... 0.99), если ставить 1, то снова фон получпрозрачный

я же вам объяснил. если ставить 1, это то же самое, что и просто цвет, поэтому браузер и отображает его с половиной.
 

Цитата:
Там в самом html отключено через if (да, в этом веб-редакторе так можно).

я не знаю что отключено. раз элемент есть в html коде, значит не отключен. если бы его не было бы в коде - он не отражался бы.
 
пока что я виже, что кнопка вставляется через js код - https://prismjs.com/plugins/copy-to-clipboard/
 

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 04:07 31-05-2020 | Исправлено: Mavrikii, 04:09 31-05-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Насколько в современных браузерах желательно (есть ли необходимость?) включать -webkit-font-smoothing?
Заранее спасибо за ответ!

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 00:58 03-06-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
https://caniuse.com/#search=webkit-font-smoothing
все, что идет с префиксами, не является стандартом и желательно вообще не использовать.

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 01:05 03-06-2020 | Исправлено: Mavrikii, 01:20 03-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Что-то не пойму, почему в примерах на разных сайтах названия шрифта в font-family пишется по-разному? То есть, где-то без кавычек, где-то в "шрифт", где-то 'шрифт'.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 01:28 07-06-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
https://www.w3.org/TR/css-fonts-3/#family-name-value

Всего записей: 15117 | Зарегистр. 20-09-2014 | Отправлено: 03:46 07-06-2020
Открыть новую тему     Написать ответ в эту тему

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