Category: CSS

06
Мар
2021

Вызов меню share на iphone с веб сайта. С помещением туда нужного текста

Делаю небольшой сайт для личного пользования.
Задача состоит в следующем.
Есть определённые записи на странице, хочу к ним добавить кнопку share что бы при нажатии на неё открывалось стандартное меню "поделится" у iphone. И там у…

06
Мар
2021

Дизайн футера для сайта

Я с веб-дизайном слабо знаком. Есть сайт

Подскажите футеры каких сайтов подходят для моего сайта. Я беру блоки с других сайтов и редактирую их под себя в качестве тестового задания для работодателя. (например дизайн моего сайта взят с по…

06
Мар
2021

Как сделать, чтобы текст при использовании textPath был всегда сверху?

Изучаю команду SVG: textPath, которая позволяет разместить текст вдоль криволинейной траектории.
Вот пример из теоретического источника: MDN

<svg viewBox=”0 0 100 100″ xmlns=”http://www.w3.org/2000/svg”>

<!– to hide the pa…

05
Мар
2021

IE 11 делает дополнительные оступы

Есть скрипт, который реализует эффект пишущей машинки. Все работает хорошо, однако в IE 11, почему то появляются дополнительные отступы, хотя к примеру в гугл хроме все нормально.
По консоли видно, что когда у хрома 2 отступа, то в IE поче…

05
Мар
2021

IE 11 делает дополнительные оступы

Есть скрипт, который реализует эффект пишущей машинки. Все работает хорошо, однако в IE 11, почему то появляются дополнительные отступы, хотя к примеру в гугл хроме все нормально.
По консоли видно, что когда у хрома 2 отступа, то в IE поче…

05
Мар
2021

IE 11 делает дополнительные оступы

Есть скрипт, который реализует эффект пишущей машинки. Все работает хорошо, однако в IE 11, почему то появляются дополнительные отступы, хотя к примеру в гугл хроме все нормально.
По консоли видно, что когда у хрома 2 отступа, то в IE поче…

05
Мар
2021

html,css,javaScript меняющаяся обводка блока при нажатии на checkbox

у меня на странице находится блок в котором содержится input type checkbox и мне нужно сделать так чтоб когда checkbox активен(тоесть у него есть галочка) , то обводка блока в котором он находится имеет один цвет, а если checkbox не активе…

05
Мар
2021

html,css,javaScript меняющаяся обводка блока при нажатии на checkbox

у меня на странице находится блок в котором содержится input type checkbox и мне нужно сделать так чтоб когда checkbox активен(тоесть у него есть галочка) , то обводка блока в котором он находится имеет один цвет, а если checkbox не активе…

05
Мар
2021

Плавное пролистывание слайдера JS

Столкнулась с очередной сложностью, создавая свой первый слайдер на чистом js.
Как можно сделать, чтобы слайды пролистывались плавно, а не просто сменяли друг друга?
Понимаю, что это делается с помощью CSS, пыталась крутить-вертеть, но не …

05
Мар
2021

Проблема с анимацией JQuery

картинка почему-то не хочет вращаться при наведении на нижнюю ее часть, соотвественно не опускается вниз, в остальные стороны – все прекрасно, прикладываю ссылку на codepen, спасибо большое за помощь заранее!
https://codepen.io/kgryzlov/pe…

05
Мар
2021

Многоточие вместо пробелов

Как-то видел тут потрясающее решение, чтобы сделать такой вывод точек от текста до блока справа с цифрами.

К сожалению, сейчас найти не могу. Подскажите, пожалуйста, какими средствами это можно сделать, если будет вывод таким:

table {…

05
Мар
2021

В замешательстве, не адаптируется по центру

Скрипт настроен верно и подсчитывает координаты тоже верно.
Работаю над модальными окнами, вставляю содержимое блоков(html) в модальное окно двум способами

Html блок находится в домдокументе, присвоено свойство display:none. Он скрыт и от…

04
Мар
2021

Слайдер с ползунком JS

Подскажите, нужен слайдер, у которого пагинация(прогресс-бар) в виде ползунка, чтоб его можно было передвигать и слайды менялись.!

Есть ли какие-то готовые решения для этого или плагины?
Типо по синему ползунку кликаем мышкой и двигаем по…

04
Мар
2021

имеется код показа уведомлений через n время, нужно чтобы время не сбрасывалось при обновлении страницы а хранилось в сессии

`var time = setTimeout(noti, 9000);
function noti() {
document.getElementById(‘notifications’).style.display = "flex";
time = setTimeout(noti,9000);
}
function clock(){
/*код на кнопку "закрывает уведомление" – сбра…

04
Мар
2021

Как включить анимацию при появление блока?

Подскажите пожалуйста, как запустить анимацию во время появление блока?
сейчас анимация запускается во время загрузки страницы, а нужно чтобы запускалась, когда пользователь дойдёт до конца страницы.

.sms {
width: 400px;
height: 20…

04
Мар
2021

CSS COLORS

Диклеймер: в статье не ничего про браузеры и поддержку, только теория. Статья представляет собой неполный перевод спецификации c некоторыми дополнениями. Глоссарий Факт 1: цвет — это не характеристика излучения, это характеристика реакции человеческого глаза на излучение. То есть два излучения с разным спектром могут иметь один цвет с нашей точки зрения. Факт 2: далеко не […]

04
Мар
2021

Создание скроллинга

Нашел в интернете сайт Интернет магазин. Как добиться, чтобы было как на этом сайте, а именно – левый столбец сбоку (с иконками)

не прокручивался при скроллинге, а правая часть сайта прокручивалась.

03
Мар
2021

Как сохранить и вернуть текст вместе с тегами JS?

Такая проблема. Я при клике меняю текст. Далее при повторном клике меняю текст на старый, который заранее сохранил в textStorage. Однако при повторном клике текст возвращается без подсвеченных слов (без тега span). Подскажите из-за чего эт…

03
Мар
2021

Изменение цвета li в конкретном ul

есть задача на смену цвета li в ul, но только в конкретном ul, при нажатии на li в другом ul, старый li не затерался. Как это реализовать без id или с id, так как UL выводятся через цикл и их может быть не ограниченное множество.
——-…

03
Мар
2021

Изменение цвета li в конкретном ul

есть задача на смену цвета li в ul, но только в конкретном ul, при нажатии на li в другом ul, старый li не затерался. Как это реализовать без id или с id, так как UL выводятся через цикл и их может быть не ограниченное множество.
——-…