Anonymous
Они - нет. А у меня ответ давно есть)
У меня чет нормального решения нет в мыслях. Только хак
Anonymous
Сейчас покажу
Sergey
У меня чет нормального решения нет в мыслях. Только хак
Давай, интересно, тоже что то не могу сообразить
Vladislav
Успеешь за 5 минут? А то я уже сон вижу)
Sergey
Хотя тоже идейка появилась
Vladislav
Прошло 3))
Sergey
Может это два блока? У левого bgc и опасити А у второго тень того же цвета, бордер, и как раз опасити 0
Sergey
И они с позиционированы в 1 линию
Sergey
Левый который где текст
Anonymous
https://jsfiddle.net/v23rg45o/ это кек конечно
Anonymous
Прошло 3))
Задачу решило, но это не пустить в продакшен. Короче, я не осилил)
Group Butler [beta]
Правила группы: ❌ Запрещено оскорбления участников ❌ Запрещена реклама своих услуг ❌ Пиаргрупп, сайтов, форумов ❌ Ссылки на другие чаты, каналы. ❌ Мат, флуд. За нарушение правил — БАН! ✅ Группа ВК: vk.com/web_structure ✅ Фриланс и работа: @web_fl ✅ Веб Дизайн: @dev_design ✅ Автор: @M_Boroda
Sergey
Anonymous
Не, тогда картинку не синхронизировать с фоном, тогда без отзывчивой верстки
Anonymous
Подвигай на жсфидл за эту штуку
Vladislav
Вот, в общем))
Vladislav
http://codepen.io/VladislavV/pen/PmoqOq
Vladislav
Всем доброй ночи)
Anonymous
Я так и думал что там есть подвох)
Anonymous
Клево, конечно
Anonymous
Но хаком с тенями так уже не сделаешь) https://jsfiddle.net/v23rg45o/1/
Sergey
Во, получилось
Sergey
https://codepen.io/r0fest/pen/WjxwPa
Sergey
А, тут уже скинули решение
Sergey
😔
Sergey
В общем, как и говорил, два блока
Sergey
Только от высоты зависимо в моем варианте
Иван
Народ, почему может не срабатывать before стиль?
Иван
<div class="top3-phone" aria-hidden="true">+7(747)000-00-00</div>
Иван
.top3-phone:before { content: "\f2b5"; padding-right: 5px; }
Pavel
Попробуй поставить перед before ещё одно двоеточие
Иван
Иван
Всё так же... Справа сверху, возле телефона.
Сергей
постоянно обхожусь с одним двоеточием и норм както
Иван
Иван
Вот я и спрашиваю, в чём может быть причина).
Yuriy
Текст не появляется?
Иван
Текст не появляется?
Я скрин скинул(где Notepad) справа сверху телефон написан, слева вместо иконки просто квадратик.
Anonymous
Потому что ШГ
Yuriy
Потому что шрифт укажи какой
Yuriy
Шрифт для иконки какой должен?
Иван
Стандартный.
Иван
Arial, наверное.
Yuriy
Ты хочешь что сделать? Чтобы иконка телефона появилась?
Anonymous
ШГ?
Шрифты Га#но расшифровывается) Текущий шрифт не поддерживает спецсимволы, видимо. Псевдоэлемент норм работает. Попробуй в инспекторе сменить на другой (дефолтный) у этого псевдоэлемента
Иван
Так к меню приписался berfore....
Иван
Такой же шрифт.
Иван
Вот и я так думаю..
Yuriy
Для иконок какой шрифт подключен? 😂
Иван
Видимо PT Sans.. Я запутался)).
Yuriy
Это не иконочный шрифт
Yuriy
Так же как и ариал
Anonymous
Для иконок какой шрифт подключен? 😂
Не ругайся)) Я понимаю, что это морально сложно, но постарайся не ругаться 😆
Yuriy
Когда узнаешь название шрифта, то там же его и пропиши
Андрей
Ребят, в чем может быть проблема? вставляю SVG картинку в html через тег img или через object все хорошо, отображается так же как и на макете. А как только я начинаю вставлять ее чистым кодом SVG в html то все цвета блекнут
Андрей
вставить кодом надо для дальнейшей анимации
Anonymous
А изображение какого типа лучше вставлять на сайт? SVG?
Андрей
мб есть у кого годный материал по анимации svg?
IFTTT
Знакомая многим фронтендщикам боль. Появление новых элементов, дублирующих старый функционал. Слегка изменённый внешний вид радио-кнопок, новый цвет ссылок, изменение отступов на каждой новой странице. Обычно эта проблема усугубляется с приходом новых дизайнеров, со сменой главного дизайнера, или при отсутствии дизайнера вовсе. Как следствие проблемы: на создание новых страниц тратится неоправданно много времени. Теряется целостность сайта. Растёт файл стилей и код.Читать дальше → via Хабрахабр / Разработка веб-сайтов / Интересные публикации http://ift.tt/2pO8Cfq
Anonymous
@web_a_16 @WD_Vladislav @Kl4ssT утро доброе 💫☕
Vladislav
У меня добрый обед
Vladislav
Привет всем
Anonymous
Если жквери, можешь просто сконвертить $(selector).toArray();
Anonymous
Ищи)
Anonymous
Через querySelectorAll все элементы получил, через Array.prototype.slice.call(elements) сконвертировал в массив
Anonymous
var buttons = document.querySelectorAll('.button'); for (var btn in buttons) { buttons[btn].onclick = function(){}; }
Anonymous
Ну вариантов масса
Anonymous
не хочу
Eugene
С телефона дерьмо
Aler
Коллеги ждите в тз на лендинги пунктов: "притягивающие к себе кнопки"!
Aler
http://javier.xyz/control-user-cursor/
Aler
на всех лендингах страны
Sergey
И грузится долго