ZorNet.Ru — сайт для вебмастера » HTML и CSS » Установить красивый курсор на свой сайт

Установить красивый курсор на свой сайт

Установить красивый курсор на свой сайт
Если вы решили установить на свой сайт оригинальный курсор, то это можете сделать. Здесь в статье будет приведены две установки. Это стандартная, где мы просто поменяем дизайн курсора, основном это делают на игровых ресурсах. И второй, он заключается в том, что у вас будет 2 курсора. Первый как по умолчанию, а вот если вы решите скопировать текст, то он изменится. Отлично смотрятся на темной стилистике сайта, но все зависит от самого курсора. И по второму варианту, то здесь вы сами можете менять, но и как по первому.

Здесь нужно понимать, что только на интернет ресурс необходимы картинки или изображение только формате .cur или .ani
Что в интернете вы можете найти и скачать и потом закинуть файловый менеджер и взять ссылку.

Давайте рассмотрим первый вариант, это простоя замена. Вы ищете подходящий по вашей тематике курсор и меняете его.

Здесь будет наиболее распространенный, это синий с небольшими тенями.

Нужно скопировать и прописать в CSS:

Код
body {cursor: url(http://zornet.ru/Aben/Abryn/cur116.cur), progress !important;}


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

Второй вариант:

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

Так же в CSS

Код
body {cursor: url(http://zornet.ru/Aben/Abryn/cur116.cur), progress !important;}
a {cursor: url(http://zornet.ru/Aben/Abryn/cur117.cur), progress !important;}


И теперь вы можете после этого удивить пользователей своего сайта и гостей.

Но все же есть один англоязычный сайт, где вы можете подобрать курсоры: www.cursors-4u.com/cursors/

Стильный курсор для вашего сайта

Вы там найдете под тематические уклоны.

- Анимационный
- Аниме
- Мультфильмы
- Знаменитость
- Комиксы
- Курсоры / указатели
- Наборы курсоров
- Милый
- Питание
- Игры
- Праздники и события
- Механический
- Фильмы и ТВ-шоу
- Природа
- Смайлики
- Спортивный
- Символы
- Несортированный
- Особые пожелания

Так что переходим, чтоб в браузере был переводчик, чтоб все понятно было.

PS - здесь не буду писать, где можно скачать курсоры, так как забейте в поиск и вам много ресурсов предложат, и не забываем про формат. Показать какие здесь в стилях стоят, просто не смогу, просто не сделать скрин на них.
11 Декабря 2016 Просмотров: 5374 Комментариев: (10)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 10
ArtClear
ArtClear 11 Декабря 2016 21:381
0
Для игровых сайтов мне кажется более полезно будет)) Хотя, даже для блога можно установить, например - перо какое-нибудь 41b
Kosten
Kosten 11 Декабря 2016 21:462
0
Но основном на игровых видел смену курсора, но здесь есть второй вариант, что меня удивил.
FeStemBer
FeStemBer 11 Декабря 2016 21:513
0
Оба варианта нормальные, второй просто сделан более подвижной, и что понятно для меня стало, это красный цвет курсора, когда копируешь, такой далекий посыл.
Kosten
Kosten 11 Декабря 2016 22:144
0
Главное что уже есть выбор, и это уже хорошо.
ucozmental
ucozmental 11 Декабря 2016 23:425
0
Удачно зашел, давно хотел поменять на что то новое, и как раз этот синий курсор полностью устраивает и искать не нужно.
Kosten
Kosten 12 Декабря 2016 02:146
0
Кто еще знает, где можно скачать курсоры, оставляем ссылку.
Angerfist
Angerfist 12 Декабря 2016 17:447
0
Всегда раздражали курсоры сторонние на сайтах...имхо это лишнее даже для игрового сайта.

До кучи еще давайте gif лоадеры загрузки поставим, обвесим всё флеш анимацией и прямиком смотреть видео на YouTube. 11a
Kosten
Kosten 12 Декабря 2016 20:498
0
Angerfist, что удивительного, есть сайты, где такие обвесы навешаны, как по теме и не в тему. Что по курсору, то заходя на сайт, реально не удобно, но если грамотно под тематику найти, то будет все в тему.

Цитата Angerfist ()
Всегда раздражали курсоры сторонние на сайтах...имхо это лишнее даже для игрового сайта.
kolan0
kolan0 23 Декабря 2016 16:359
0
Классные курсоры для сайтов, для юкоза ставил, спасибо 09a
Kosten
Kosten 23 Декабря 2016 19:3810
0
Не думал, что пригодиться вообще.
avatar