<MyRusakov.ru />

Вёрстка сайта с нуля

Вёрстка сайта с нуля

Это уникальная информация по созданию страниц любой сложности. Вы узнаете всё, что нужно по HTML и CSS, а также увидите множество примеров по вёрстке страниц. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены! Пройдя данный курс, Вы сможете верстать страницы с любым по сложности дизайном. Помимо курса, Вы получите Бонус, который расскажет, как заработать на вёрстке сайтов.

Весь курс соткан из практических примеров реальной вёрстки. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены!

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Как задать свой курсор на сайте через CSS

Как задать свой курсор на сайте через CSS

Время от времени мне задают вопрос: "Как задать свой курсор на сайте?". Разумеется, делается это через CSS, и в этой статье я покажу, как это сделать, а также расскажу о требованиях к изображению курсора, плюс разберём некоторые особенности различных браузеров.

Изображение курсора можно делать во многих форматах, например, в png или jpg. Но работать это будет не везде. В частности, Internet Explorer не поддерживает курсоры в таких форматах, ему нужен специальный формат - cur. К счастью, все остальные браузеры также поддерживают cur.

С форматом определились. Теперь нужно понять, как сделать изображение в таком формате. Есть много различных программ, можно воспользоваться, например, IcoFX. Кто не хочет создавать сам, может найти их в Интернете. Различных курсоров огромное количество и, наверняка, найдётся какой-нибудь подходящий.

Когда у Вас есть курсор, всё, что Вам осталось сделать, чтобы задать его на сайте, это загрузить его на сайт и добавить в CSS такой код:

body {
  cursor: url("cursor.cur"), auto;
}

Безусловно, вместо body может быть любой другой селектор.

Резюме:

  1. Создать курсор в формате cur через IcoFX, либо найти в Интернете.
  2. Поместить его куда-нибудь на сайт (например, в папку с изображениями).
  3. Прописать код по установке курсора в CSS.

Вот таким нехитрым образом задаётся свой курсор на сайте через CSS.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (12):

v_green v_green 13.01.2013 03:47:08

Полезная вещь! Спасибо.

Ответить

sasha0309 sasha0309 18.01.2013 20:49:15

Михаил подскажите мне сайт где вы находите картинки с человечками.

Ответить

Admin Admin 18.01.2013 21:17:04

Если Вы про шапку, то не знаю, мне её дизайнер делал.

Ответить

munis munis 21.01.2013 17:14:41

Здраствуйте Михаил у меня есть вопрос к вам. Если я открою бесплатный сайт то государство будет платить мне или я должен открыть платный сайт чтобы заработать? Заранее спасибо.

Ответить

Admin Admin 21.01.2013 20:53:36

Государство не платит за сайты.

Ответить

katushka katushka 23.01.2013 00:00:49

Каким боком Вы умудрились государство задействовать? :)Сама я, конечно, еще не ас, но чтоб государство... Не хочу обидеть, просто вопрос получился забавным. Думаю что, Вам нужно читать больше соответствующей литературы, чтобы понимать что к чему.

Ответить

Павел Павел 21.07.2013 00:51:55

Курсор не работает на всем поле странице, в нижней части страницы курсор переходит на стандартный. Как этого избежать?

Ответить

Admin Admin 21.07.2013 18:07:43

Проверьте через firebug, передалось ли это свойство на всю страницу, или нет.

Ответить

Павел Павел 21.07.2013 19:10:06

Спасибо. В теге html заведена фоновая картинка, которая больше всего тега body, а свой курсор находится в теге body.

Ответить

MrIlyac MrIlyac 18.08.2013 18:35:56

курсор можно создать тут: http://www.cursor.cc/

Ответить

Eric Eric 19.09.2014 15:31:34

Не получается задать свой курсор. Пробовал все форматы которые были в "IcoFX", во всех браузерах кроме IE(у меня он не работает) почти одно и тоже. Только FF на свойство "auto" подставляет "text", а все остальные "pointer". У меня Ос Windows 8(не 8.1)

Ответить

platon platon 10.04.2015 04:39:11

Всё это прикольно, но на серьёзном сайте это делать нельзя.

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.