0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 11588 Просмотров
*

fintok

  • Новичок
  • 5
  • 0 / 0
  • -=Copyright © 2010, Fintok!=-
Здравствуйте! Хотелось бы узнать, как можно заменить стандартный курсор windows на своём сайте на нестандартный курсор из файла?
Пример можно посмотреть здесь: http://l2world.org
Существуют ли какие нибудь модули или же скрипы?
В интернете нашел такой код для css
Код
body {
    cursor:url('templates/Default/images/cursors/mouse.cur');
}


a:link {
    cursor:url('templates/Default/images/cursors/mouse_active.cur');
}

a:active {
    cursor:url('templates/Default/images/cursors/mouse_active.cur');
}

a:visited {
    cursor:url('templates/Default/images/cursors/mouse_active.cur');
}

a:hover {
    cursor:url('templates/Default/images/cursors/mouse_active.cur');
}
Но, увы, он работает только в Internet Explorere >:(
Есть ли что-то похожее только что бы работало в Firefox и в Opera?
*

volod3000

  • Захожу иногда
  • 379
  • 51 / 0
  • Чтобы ничего не делать, нужно многое сделать.
Вот интересный материал.
www.htmlbook.ru/content/?id=59
 
www.htmlbook.ru/css/cursor.html
« Последнее редактирование: 06.07.2010, 19:58:09 от volod3000 »
Мало открыть человеку глаза,
большинство еще просит указать дорогу
и ждет волшебного пенделя.
*

fintok

  • Новичок
  • 5
  • 0 / 0
  • -=Copyright © 2010, Fintok!=-
Спасибо конечно большое но, увы, я уже этот вариант читал и там черным по белому написано, что Браузер Safari, Opera, Firefox и Google Chrome не поддерживают значение url из собственного файла. =(
Значит надо что то другое искать, но вот что и где?
*

iluho

  • Давно я тут
  • 605
  • 50 / 4
  • Гламурный КабанчеГ
а вот такой код если в CSS вставить? (нашел на западных форумах) (картинку и ссылку вида курсора естественно поменять)
Цитировать
   
.help {
cursor: help;
}
.pointer {
cursor: pointer;
}
.wait {
cursor: wait;
}
.crosshair {
cursor: crosshair;
}
.move {
cursor: move;
}
.smile {
cursor:url(http://www.quackit.com/pix/smile.gif),auto;
}

 
Милый и порядочный! Верьте мне во всем!
*

iluho

  • Давно я тут
  • 605
  • 50 / 4
  • Гламурный КабанчеГ
а вот еще я выяснил что изменение курсора на CSS работает только в IE ( об этом выше писалось), но это касается любого кода в CSS. Народ советует искать скрипты на java scripts вот они будут работать во всех браузерах
Милый и порядочный! Верьте мне во всем!
*

fintok

  • Новичок
  • 5
  • 0 / 0
  • -=Copyright © 2010, Fintok!=-
Хех я уже это понял но, увы, в нете такой бардак, что фиг что найдёшь. Пол нета уже облазил и результатов 0
*

profiX0808

  • Захожу иногда
  • 497
  • 70 / 0
На сайте http://l2world.org  посмотрел, нашел следующий код:
<style type="text/css">
<!--
a:hover {cursor:url("./templates/l2world/cursor/hand.cur"), pointer}
body {cursor:url("./templates/l2world/cursor/cursor.cur"), default}
-->
</style>

Соответственно необходимо создать файлы курсоров *.cur
Есть там и яваскрипты, бегло их просмотрел, вроде с курсорами ничего не связано.
*

profiX0808

  • Захожу иногда
  • 497
  • 70 / 0
Проверил выше приведенный код на своем полигоне; в фаерфоксе, хроме, ие6,7,8 работает!
*

fintok

  • Новичок
  • 5
  • 0 / 0
  • -=Copyright © 2010, Fintok!=-
profiX0808, и в правду работает! Спасибо большое ты мне очень помог!  ;D :D yes!
Блин не могу найти где плюс поставить, а то б поставил.
И как же мне в голову не прешло просмотреть http://l2world.org файл index.html это всё же DLE.
Жаль, что в Opere не работает этот код( Ну и так просто здорово!

Заметка на будущие таким как я, в CSS пихать ничего не надо, а то работать будет только в IE.
Этот код надо вставлять в главный файл index.php или index.html

*

fintok

  • Новичок
  • 5
  • 0 / 0
  • -=Copyright © 2010, Fintok!=-
Спасибо всем большле кто мне помогал!
Тему можно закрывать!
Модераторы допоните пожалуйста FAQ этой темой, мне кажется она полезная.
*

Свят

  • Осваиваюсь на форуме
  • 44
  • 1 / 0
  • Не прыгаю за бабочками, они сами липнут ко мне...
Re: Изменение вида курсора на сайте (css)
« Ответ #10 : 14.09.2013, 17:43:06 »
<style type="text/css">
<!--
a:hover {cursor:url("./templates/l2world/cursor/hand.cur"), pointer}
body {cursor:url("./templates/l2world/cursor/cursor.cur"), default}
-->
</style>

Попробовал я этот код вставить именно на Joomla 1.5 и 3 и везде один и тот же случай -
при наведении на ссылку курсор появляется (строка - a:hover), а обычный курсор (строка - body) не отображается.
В общем на 10-ти сайтах экспериментировал и везде одна и та же вышеописанная проблема. Вот один из сайтов к примеру nravy-narodov.ru Сам код -
Код
<style type="text/css">
<!--
a:hover {cursor:url("./images/nravy.cur"), pointer}
body {cursor:url("./images/nravy.cur"), default}
-->
</style>
Есть какие идеи в чём проблема может быть?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Размазывается SVG на сайте

Автор Lemonez

Ответов: 2
Просмотров: 468
Последний ответ 22.08.2020, 04:57:56
от Cedars
Изменение размера модального окна

Автор nesskafe

Ответов: 4
Просмотров: 743
Последний ответ 16.06.2020, 17:43:05
от xpank
Проблема с меню на сайте

Автор nesskafe

Ответов: 9
Просмотров: 427
Последний ответ 01.06.2020, 11:03:58
от sivers
Проблема с меню на сайте и иконками Awesome

Автор Lemonez

Ответов: 1
Просмотров: 687
Последний ответ 10.02.2020, 05:02:12
от Lemonez
Код в теге ссылки для изменение background-image с помощью onmouseover

Автор Bozhkov2

Ответов: 5
Просмотров: 791
Последний ответ 19.12.2018, 16:56:48
от Bozhkov2