Как сделать кастомный курсор для Тильды?

Question

[peach1st]

Привет!
Помогите пожалуйста, как через код сделать кастомный курсор для Тильды? Но не кружочки и тд, такой инфы предостаточно, а заменить изображением, либо добавить объект следующий за курсором. Например: https://codepen.io/tholman/pen/rxJpdQ
Я уже всю голову сломала, буду безгранично благодарна за помощь!

Answer 1

[Егор Живагин]

Как сделать кастомный курсор:
Вы должны загрузить себе на хостинг/сервер изображение с курсором и в css прописать cursor: [url('путь к изображению'),]

Как сделать то, что в codepen: вам нужно скопировать скрипт и добавить его к себе на сайт. Если курсор нужен на каком-то конкретном блоке, вам нужно "document" в функции bindEvents заменить на нужный блок

Конкретно про тильду ничего подсказать не могу, не работал с ней

Comments

[peach1st]

Спасибо, но увы, так это не работает почему то

[Александр Епихин]

peach1st, скорее всего вы что-то делаете не так. Тильда никак не препятствует установки кастомного курсора.
Возможно изображение некорректное. Вот ограничения
Добавьте следующий код:

.t-body {
cursor: url(https://cdn.custom-cursor.com/db/7464/32/roblox-adopt-me-koala-cursor.png) , default!important;
}

[Егор Живагин]

peach1st, смотрите консоль, либо всё закешировалось и пока не обновилось, либо там будет ошибка загрузки изображения (путь неправильный может быть)

Answer 2

[Александр Епихин]

А что вам мешает вставить код из pen в Тильду?

Comments

[peach1st]

Просто копировать вставить не работает

[Александр Епихин]

Значит нужно смотреть почему не работает. Возможно в консоли есть ошибки. Вы вставьте код и дайте ссылку на сайт

[Александр Епихин]

peach1st, блок T123 нужен для вставки HTML кода, а вы в него вставляете css и js. Вам нужно css код разместить внутри тега

[Kovalsky]

peach1st, вам только скрипт нужно добавить, без CSS. По крайней мере если мы говорим о том, что в codepen:

<script>
// kod vashego scripta s codepen
</script>

[peach1st]

Александр Епихин, Kovalsky, в Тильде только через Т123

Вот пример того, что работает https://sites-money-guns.ru/cursor#howto

Я только не понимаю как заменить кружки на изображения

[Александр Епихин]

Верно. Внутрь T123 вы размещаете тег style внутрь него ваши стили, также добавляете тег script и внутрь него вы добавляете ваши скрипты.

[Александр Епихин]

Относительно примера https://sites-money-guns.ru/cursor#howto вам нужно стилизовать этот блок https://yadi.sk/i/YBW99PSHQsuKrg Измените размеры и добавьте background-image