Category: вёрстка

08
Окт
2021

Как при сборке шаблона HTML-письма заинжектить в него стили?

Мне нужно сверстать письма для рассылок, а в них желательно указывать стили инлайн. Есть ли возможность заменять в HTML/EGS-шаблоне классы на стили этого класса? Например, пишу в шаблоне:
<p class="style-font">

Есть класс …

08
Окт
2021

Как при сборке шаблона HTML-письма заинжектить в него стили?

Мне нужно сверстать письма для рассылок, а в них желательно указывать стили инлайн. Есть ли возможность заменять в HTML/EGS-шаблоне классы на стили этого класса? Например, пишу в шаблоне:
<p class="style-font">

Есть класс …

16
Сен
2021

Как можно создать квадратную сетку (100 элементов х 100 элементов) из элементов 10px x 10px

Как можно создать квадратную сетку (100 элементов х 100 элементов) из элементов 10px x 10px, чтобы пока тянулась мышка по сетке, подсвечивались все элементы на расстоянии указателя от точки старта по оси X и оси Y? Подскажите, как это лучш…

15
Сен
2021

СSS свойство пагинации, зависящее от другого элемента страницы

Есть пагинация на сайте

Каким образом расположить пагинацию, чтобы она примыкала к нижней границе объемлющего элемента? Т.е. в css-свойствах пагинации

#pagination {
display: flex;
padding: 0;
margin-bottom: 0;
list-st…

15
Сен
2021

СSS свойство пагинации, зависящее от другого элемента страницы

Есть пагинация на сайте

Каким образом расположить пагинацию, чтобы она примыкала к нижней границе объемлющего элемента? Т.е. в css-свойствах пагинации

#pagination {
display: flex;
padding: 0;
margin-bottom: 0;
list-st…

06
Сен
2021

Как добавить картинкам на сайте зернистость и искажение при наведении?

Из названия уже понятна суть: есть простые картинки на сайте, добавляемые при помощи <img>. При наведении на любую картинку срабатывает анимация искажения. Искажение должно выглядеть в точности, как на примере, в котором это всё реал…

06
Сен
2021

Как добавить картинкам на сайте зернистость и искажение при наведении?

Из названия уже понятна суть: есть простые картинки на сайте, добавляемые при помощи <img>. При наведении на любую картинку срабатывает анимация искажения. Искажение должно выглядеть в точности, как на примере, в котором это всё реал…

04
Сен
2021

Слайдер за пределами общего контейнера, но в пределах ограничивающей оболочки

Возможно кто-то подскажет как правильно верстаются блоки как в макете ниже. Задача состоит в том, чтобы текст не выходил за пределы container в 700px и занимал 50% его ширины. Слайдер же в свою очередь занимает 50% от оболочки в 1200px. Пр…

17
Авг
2021

Вызов обработчика события с помощью emit или другим образом

Возможен ли вызов обработчика события mouseover элемента smartphonesandgadgets (пункта меню левого столбца) (см. Сохранение содержимого правого столбца при наведении курсора мыши на скроллбар левого столбца)

const smartphonesandgadgets…

03
Авг
2021

Анимировать логотип при наведении на разные пункты меню [закрыт]

Не понимаю как сделать анимацию раскатывающегося ковра для меню.
Есть вот такое меню с логотипом в SVG:

Мне бы хотелось при наведении на любой из пунктов меню, чтобы происходила анимация разворота ковра до этого пункта:
Ну и если последни…

03
Авг
2021

Анимировать логотип при наведении на разные пункты меню [закрыт]

Не понимаю как сделать анимацию раскатывающегося ковра для меню.
Есть вот такое меню с логотипом в SVG:

Мне бы хотелось при наведении на любой из пунктов меню, чтобы происходила анимация разворота ковра до этого пункта:
Ну и если последни…

21
Июл
2021

Варианты нового окна с крестиком

Какие есть еще варианты для Новое окно с крестиком, кроме того что было приведено @MrYogurt, чтобы выглядело как на https://www.citilink.ru/? Эффект появления должен быть как на https://www.citilink.ru/ (чтобы визуально выглядело так же ка…