Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

CSS custom cursor

Последователи

6 август 201016 г.

Здравейте!

Опитвам се да сложа custom cursor на страницата ми, но не знам как точно да го направя...

Пробвах като добавих в body-то на css кода следното:

cursor: url("linka");

Но не стана... идеи?

Благодаря предварително

6 август 201016 г.

Ами ако е формирано така:

<body style="cursor: url("linka");">

Малко четене и щеше да го разбереш сам

Редактирано 6 август 201016 г. от ФодоР (преглед на промените)

6 август 201016 г.

Автор

Не става. То т'ва не е ли същото като кода, който дадох аз, само че твоя стилизира направо в html-а?

6 август 201016 г.

Прави се потребителски курсор, като точно преди </BODY> тага се поставя: <style></style> където YOUR.cur е името на нашият курсор. За промяна на курсора когато посочва линк: <style></style> За промяна и на двете – нормалният курсор и вида му при посочване на линк с него, да се ползва този код: <style></style> Ето нагледен пример: <style></style> Ето и друг: <style type="text/css">body {cursor: url(http://www.myspacecu...als/koala.ani); }</style><br /> И друг: <BODY style="CURSOR: url('cursor.ani')"> И в случай, че файла не е на същият сървър: <BODY style="CURSOR: url('http://www.example.com/cursor.ani')"> На друго място е показано така: <style type="text/css"></style><style>HTML,BODY{cursor: url("http://www.carvia.net/PigletWalkani.cur");}</style>

6 август 201016 г.

Прави се потребителски курсор, като точно преди </BODY> тага се поставя:
<style></style>

където YOUR.cur е името на нашият курсор.
За промяна на курсора когато посочва линк:

<style></style>

За промяна и на двете – нормалният курсор и вида му при посочване на линк с него, да се ползва този код:

<style></style>

Ето нагледен пример:

<style></style>

Ето и друг:

<style type="text/css">body {cursor: url(http://www.myspacecu...als/koala.ani); }</style><br />

И друг:

<BODY style="CURSOR: url('cursor.ani')">

И в случай, че файла не е на същият сървър:
<BODY style="CURSOR: url('http://www.example.com/cursor.ani')">

На друго място е показано така:
<style type="text/css"></style><style>HTML,BODY{cursor: url("http://www.carvia.net/PigletWalkani.cur");}</style>

Аз му показах това със вградените такива.

1 месец по-късно...

18 септември 201015 г.

Някой може ли да ми каже, за този курсор, кой точно код отговаря :ph34r:

Заб.: В Мозилата не ми се отваря, в Операта - да.

19 септември 201015 г.

Някой може ли да ми каже, за този курсор, кой точно код отговаря

Заб.: В Мозилата не ми се отваря, в Операта - да.

Този ефект спада в категория "Mouse trailers" и ако се разтърсиш ще намериш много информация.

http://utahhikes.net/mousetrails.shtml

19 септември 201015 г.

Благодаря. То си е ефект край курсора, не го подменя. Иначе късно се усетих, че много ефекти не съм ги виждал в Мозилката, защото ги блокирвала. Аз рових... пак ще ровя... нещо семпло, като картинка/анимация вдясно от курсора би ми свършило работа. Сестричката ще преподава на първокласници и става...