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

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

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

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
 

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

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
То есть, получается, что кавычки лучше оставить, если будет использовать название из двух слов? Но и если одним словом, то не помешает? Я правильно понял?

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

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

Цитата:
Но и если одним словом, то не помешает? Я правильно понял?

пофиг как, но кавычки обязательны если название (даже одного слова в шрифте из нескольких слов) начинается не с буквы.
или если название содержит одно из ключевых слов ‘serif’, ‘sans-serif’, ‘cursive’, ‘fantasy’, ‘monospace’

Всего записей: 9709 | Зарегистр. 20-09-2014 | Отправлено: 19:15 07-06-2020 | Исправлено: Mavrikii, 19:17 07-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, возможно ли указать в font-family два шрифта, чтобы оба могли работать одновременно? Например, для использования с contetnt, где будет простой текст и значок FA (\fxxx). То есть, например: font-family: Helvetica, FontAwesome;.

Всего записей: 2831 | Зарегистр. 30-06-2002 | Отправлено: 17:19 10-06-2020
Mavrikii

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

Цитата:
чтобы оба могли работать одновременно

Нет

Всего записей: 9709 | Зарегистр. 20-09-2014 | Отправлено: 17:51 10-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Понятно, спасибо. Но как тогда можно сделать, чтобы before и after (одного класса) шли друг за другом. Например, before это текст, а after располагается сразу после before на одной линии, в нескольких пикселях?

Всего записей: 2831 | Зарегистр. 30-06-2002 | Отправлено: 23:49 10-06-2020
Mavrikii

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

Цитата:
Например, before это текст, а after располагается сразу после before на одной линии, в нескольких пикселях?

применять его к элементу без содержимого. https://jsfiddle.net/psfy8xaw/
нужен отступ - добавляем margin-left: 2px; в ::after

Всего записей: 9709 | Зарегистр. 20-09-2014 | Отправлено: 23:55 10-06-2020 | Исправлено: Mavrikii, 00:04 11-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответ с примером! Вроде бы так же пробовал, но значит что-то не то делал.
 
Добавлено:
Хотя, понятно, почему не получалось, так как надо было абсолютную позицию указать (без этого текст был не там, где надо).

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

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

Цитата:
так как надо было абсолютную позицию указать

я и написал - элемент должен быть без содержимого.
с абс позиционированием неудобно, так как оно зависит от содержимого ::before и может меняться в зависимости от размера шрифта и тд и тп.

Всего записей: 9709 | Зарегистр. 20-09-2014 | Отправлено: 01:00 11-06-2020
IR

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте!
Подскажите, пожалуйста, где найти стиль в шаблоне? Шаблон JD Austin. Хочу поменять цвет фона, но не могу найти, где этот цвет меняется. Вроде все перебрал, но не нахожу. Отладка в хроме показывает, что стиль хранится в файле index.php. Но это какое-то перенаправление...
Вот скрин:  


Всего записей: 188 | Зарегистр. 05-02-2006 | Отправлено: 22:52 13-06-2020 | Исправлено: IR, 22:53 13-06-2020
Mavrikii

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

Цитата:
Вот скрин

справа указано, где прописывается. если название html файла (как в данном случае), то прописано именно в html странице, на 63 строке

Всего записей: 9709 | Зарегистр. 20-09-2014 | Отправлено: 22:59 13-06-2020 | Исправлено: Mavrikii, 22:59 13-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
По AOS и CSS просьба подсказать. Не знаю даже, как лучше спросить. При применении анимации есть такой код:

Код:
html:not(.no-js) [data-aos^=fade][data-aos^=fade]
или
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]

Как можно сделать, чтобы вместо fade или zoom было что-то одно универсальное? Или можно их просто через запятые написать (это для веб-редактора)?

Код:
html:not(.no-js) [data-aos^=fade][data-aos^=fade],
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom],
html:not(.no-js) [data-aos^=fade][data-aos^=flip],
html:not(.no-js) [data-aos^=zoom][data-aos^=slide]

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

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

Цитата:
чтобы вместо fade или zoom было что-то одно универсальное

это все стандартный CSS, поэтому пишется так же, как и в других случаях.

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Понятно, спасибо, написал через запятые.
 
Но ещё вопрос, почему при применении AOS в Chrome жирность шрифта/текста не меняется, а в том же Safari он выглядит чуть тоньше? Стрелкой сообщение с AOS в Safari:
 

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
я не телепат, ссылку.
возможно шрифт подгружен в формате не поддерживаемом браузером.
может антиалиасинг, изучайте CSS свойства в браузере.

Всего записей: 9709 | Зарегистр. 20-09-2014 | Отправлено: 04:30 14-06-2020 | Исправлено: Mavrikii, 04:42 14-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Ссылка. При эффектах с fade (в примере нет) вроде нормально, если не считать того, что шрифт немного тоньше во время самого эффекта. А с zoom-in (в примере) шрифт не становится нормальной жирности. То ли движки браузеров так влияют, то ли ещё что.

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

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

Цитата:
А с zoom-in

обычно это проблемы отрисовки браузера. если без эффекта подобного нет, значит точно рендер браузера.

Всего записей: 9709 | Зарегистр. 20-09-2014 | Отправлено: 19:30 14-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Нет, если без эффекта анимации, то шрифт нормальный. Спасибо за ответ!

Всего записей: 2831 | Зарегистр. 30-06-2002 | Отправлено: 22:54 14-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Эх, снова просьба подсказать, как правильно сделать минимальную высоту, чтобы она не зависела от разных факторов. Вопрос по высоте сообщений в этом примере. min-heght там 44px, но в некоторых случаях она становится больше (пример).

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

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

Всего записей: 9709 | Зарегистр. 20-09-2014 | Отправлено: 20:17 17-06-2020
WONDROUS



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

Всего записей: 2831 | Зарегистр. 30-06-2002 | Отправлено: 23:54 17-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

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


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

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.Board
© Ru.Board 2000-2020

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru