Задать вопрос
Ankhena

Ankhena

Нежно люблю верстку
Комментарии

  • Как задать прозрачность изображению?

    Ankhena
    @Ankhena Куратор тега CSS
    jjsso, что показывает, если тыкнуть в него пипеткой?
    Написано

  • Не влезает шрифт в input?

    Ankhena
    @Ankhena Куратор тега CSS
    Способы с изменением размера шрифта не предлагать, так как не помогает.

    Звучит по меньшей мере удивительно.

    Но почитайте ещё про ascent-override, descent-override и line-gap-override
    Написано

  • Как задать прозрачность изображению?

    Ankhena
    @Ankhena Куратор тега CSS
    jjsso, есть совсем простой вариант.
    Экспортируете svg, тыкаете пипеткой в нужные 4 цвета, меняете fill лепесткам.
    Написано

  • Как задать прозрачность изображению?

    Ankhena
    @Ankhena Куратор тега CSS
    jjsso, а, так это учебный или тестовый макет, судя по комментариям в нём...

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

    Экспортирует в том виде, в котором попросили. Это будет видно в превью экспорта.
    Какой отсюда вывод? Экспортируете не тот слой.

    если задать как фон , так вообще все по другому отображается

    Вы уж почитайте какие есть свойства фона. Повторения, размер, позиция и т.д.
    Написано

  • Как задать прозрачность изображению?

    Ankhena
    @Ankhena Куратор тега CSS
    Экспортируйте из макета в том виде, который вам нужен.
    Ну и это фон, а не img.
    Написано

  • Ответьте на вопрос по информатике?

    Ankhena
    @Ankhena
    Ничего не изменилось в дизайне странице.

    Ну это смотря куда он попал этими пробелами.
    Например, если в путь к стилям, то изменения будут прям конкретные.
    Написано

  • Почему offset-path смещает координаты элемента и как это исправить?

    Ankhena
    @Ankhena Куратор тега CSS
    ymfront,
    в смысле, вы потеряли свойство offset-anchor или transform translate?
    Написано

  • Почему offset-path смещает координаты элемента и как это исправить?

    Ankhena
    @Ankhena Куратор тега CSS
    Кто кого куда смещает?
    https://codepen.io/AnnaSummer/pen/XJbvaEL
    Написано

  • Как сделать такой эффект фона на css/js?

    Ankhena
    @Ankhena Куратор тега CSS
    werrrrrrr, ну не надо самому рисовать, есть плагины для Фигмы, которые такое делают

    Типа этого: https://www.figma.com/community/plugin/95072570969...

    Только на фон берите png (не забудьте 2х, 3х), svg будет очень тяжелым, если много кривых.
    Написано

  • Как лучше задать размер элемента, + как сделать треугольник в виде плеера?

    Ankhena
    @Ankhena Куратор тега CSS
    Я не понимаю как правильно задать ширину как на макете: паддингами или шириной высотой?

    Отличное начала при отсутствии самого макета. Надёжно.

    треугольник в виде плеера

    Может кнопку плеера в виде треугольника?
    Гуглится по фигуры на CSS. Делается примерно десятком разных способов.
    Самый простой - экспортировать треугольник из макета в svg.

    Это очень странная конструкция

    <div class="circle__inner">
            <a href="" class="player__button">
           <div class="circle">
            <div class="player__circle">
              <div class="player">

              </div>
            </div>
           </div>
           </a>
           </div>
          </div>



    Кнопка плеера делается тегом button и кроме доступно скрытого текста типа "запустить" там внутри ничего не должно быть. Всё остальное стилями.
    Может быть не кнопка, а ссылка, которая переведет пользователя куда-то, если отвалится js и что там будет управлять кнопкой.

    И основная тема: паддингами или шириной высотой?
    1. Для блоков с неизвестным содержимым высоту не задают. Точнее задают очень редко, когда готовы к включению полосы прокрутки при переполнении.
    2. Что делает width - ну тут вроде понятно, но нужно знать про box-sizing и нюансы его значений.
    3. padding - отступ между краем элемента и содержимым.

    Соответственно, нет выбора или то или другое, оно прекрасно работает вместе, если нужно.
    Что писать в данном случае неизвестно по причине отсутствия макета.
    Написано

  • Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?

    Ankhena
    @Ankhena Куратор тега CSS
    Евгений,
    Вы можете привести вменяемые аргументы, почему упорно рекомендуете гонять по сети и грузить пользователям более тяжелый формат? Кроме идей "ну поддерживается же" и "никто не запрещал".

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


    Сильный аргумент, впечатлена.
    Написано

  • Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?

    Ankhena
    @Ankhena Куратор тега CSS
    Евгений,
    где я ввожу в заблуждение?

    Вот в том сообщении, на которое вы ответили, уже всё написала.
    Ещё выше о преимуществах woff2 написал Сергей.

    Собственно, woff2 это контейнер для того же ttf в том числе для эффективного сжатия. Если вам просто нравятся буквы ttf.

    Вы можете привести вменяемые аргументы, почему упорно рекомендуете гонять по сети и грузить пользователям более тяжелый формат? Кроме идей "ну поддерживается же" и "никто не запрещал".
    Написано

  • Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?

    Ankhena
    @Ankhena Куратор тега CSS
    И всё это вместо того, чтобы в ответе заменить формат на актуальный и добавить свойства, чтобы им могли воспользоваться все интересующиеся.

    А заодно улучшить ещё и свой проект.
    Написано

  • Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?

    Ankhena
    @Ankhena Куратор тега CSS
    koder_1,
    Например, зачем-то есть сервис валидации css, некоторые им проверяют...


    Если валидатор, которым вы проверяете CSS не разрешает вам писать так
    font-family: NTSomic, sans-serif;
    или так
    font-family: NT Somic, sans-serif;
    могу лишь порекомендовать сменить сервис проверки на актуальный.

    И повторю, я не говорю о кодгайдах и линтерах.
    Написано

  • Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?

    Ankhena
    @Ankhena Куратор тега CSS
    Евгений,
    начиная с того что браузер сам может генерировать начертания

    Это скорее минус.
    Вы берете дизайнерский шрифт, в котором продумано, как должны выглядеть символы при разной жирности. А потом такой "а пошло оно всё к черту, пусть браузер просто сделает его толстым/тонким".

    Во вторых можно использовать в качестве заголовков шрифты больших размеров, скажем, 200-300% от основного

    Можно. Я лишь уточнила.

    на mdn именно такой пример именно с ttf шрифтом

    Да, статьи на MDN тоже устаревают.
    Вы же ответ пишете сегодня.
    И при этом, вводите людей в заблуждение уже по нескольким пунктам.
    В том числе говорите, что нормально использовать тяжелый, плохо сжимаемый формат шрифта эпохи IE.

    Ну ив третьих это не относится к вопросу

    Указать на некорректность ответа, который не стоит использовать в реальной жизни очень даже относится к теме.

    А вот ответ, если уж вы так ставите вопрос, очень вероятно, мало относится к теме, потому что при неверном пути были бы ошибки в консоли браузера. Но автор утверждает, что их там нет. Пока предположим, что не врёт.
    Написано

  • Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?

    Ankhena
    @Ankhena Куратор тега CSS
    Евгений, рекомендую всё же изучить разницу между форматами, позаботиться о пользователях и заменить на woff2. И уж точно никому не советовать подключать ttf.

    потому что в стилях проекта не используется "жирность",

    Ни заголовков ни стронгов?
    Опять таки, для большинства проектов так не прокатит.
    Написано

  • Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?

    Ankhena
    @Ankhena Куратор тега CSS
    Пример рабочий, проверенный, из моего проекта.

    Вы реально в своём проекте используете ttf в 2025 году?
    Да ещё и в таком виде, как указали, с двумя src?
    И без указания жирности, стиля и т.д.?

    И утверждаете, что это правильный код?

    Исправьте, пожалуйста, код на корректный или удалите такой ответ, чтобы никого не вводить в заблуждение.
    Написано

  • Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?

    Ankhena
    @Ankhena Куратор тега CSS
    koder_1,
    И плюс кроме браузеров сайты парсят и роботы яндекса и другие, и для них правильности разметки всё же плюс.

    И какое же им дело до кавычек в названии шрифтов? И какое отношение шрифты имеют к разметке и роботам?

    Думаю, лучше не писать заведомую ерунду.
    Написано

  • Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?

    Ankhena
    @Ankhena Куратор тега CSS
    koder_1,
    Правильнее писать в кавычках нетиповые шрифты

    Какие-то аргументы-доказательства этой "правильности" у вас есть?

    Сейчас даже названия с пробелами можно писать без кавычек, браузеры поймут всё верно.
    Другое дело, что ради хорошего тона, порядка, единообразия и поддержки чуть устаревших версий браузеров.
    Написано

  • Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?

    Ankhena
    @Ankhena Куратор тега CSS
    Artem_NoName, ну давайте в угадайку...

    1. Пишете кириллицей, шрифт не поддерживает кириллицу.
    2. Просто криво конвертированный шрифт.
    3. Не подключился css (закешировался, редактировали не тот файл, не отправили на сервер, отправили не на тот сервер и т.д.)
    4. Шрифт переопределяется на какой-то другой после или специфичнее вызова в body.

    Ещё что-нибудь ))

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