HOME | DD

dbestarchitect — CSS Custom Cursors Project

Published: 2008-05-19 02:34:36 +0000 UTC; Views: 26799; Favourites: 110; Downloads: 8480
Redirect to original
Description Edit 7
Hasn't been much heat on this recently. Maybe mah new watchers will be interested.

Good god! Edit 6.
Gee, I really thought I'd never be able to submit it again. Oh well! I got it!

As we trek along, I'd like to remind everybody commenting here that both =TheBigBadFish and *Gordorca are happy to make cursors for any subscriber out there!

Edit 5!
We've reached 50 sets of cursors, let's not stop here! Tell all your subscribed friends about this trend, I'm sure they'd like a cursor as well!

Edit 4, holy crap.
=TheBigBadFish has been so helpful in this project, and now it's time to bring in yet another potentially wonderful employee. *Gordorca , who made numbers 43 and 49, has offered his amazing services for the benefit of whoever would like a cursor from him! We now have two options in (don't forget, FREE!) cursor requests, not including me cause I'm busy as hell already!

Thank you, Gordon!

Edit 3:
Whoops! Thanks dearly to `electricnet , who caught my mistake in the CSS. New CSS here:

a:link {
cursor:url(URL), pointer;
}
a:hover {
cursor:url(URL), pointer;
}
body {
cursor:url(URL), auto;
}


Edit 2:
This is getting giganormous!!! Keep sending in all those cursors!

A GIGANTIC hug and thank you to =TheBigBadFish , who's made just under half (19/43) (23/51) of the cursors. He's given three five as gifts to our outstanding Gallery Directors, admins, and former admins, and is working soooo hard! If you want a cursor, he's right there for ya!

Edit:
A HUGE thank-you to =TheBigBadFish , who's made so many cursors. Go give him hugs!


To have your cursor in this soon-to-be massive project, simply note me with the two links to each: one as a normal cursor, and one when it is hovering over a link! (as seen above)

Row One
Column One
1. =dbestarchitect
2. `CookiemagiK
3. =SparklyDest
4. =sparklystock
5. ~dAinterviews
by =dbestarchitect
6. =iWin72
7. *Tyshea
by =dbestarchitect

Column Two
8. =DEVlANT
9. =me-pawel
by =TheBigBadFish
10. ~JoScene by =TheBigBadFish
11. =Toxxic-Vixen by =TheBigBadFish
12. =Emoticiety by =TheBigBadFish
13. =Dragonbrush by =TheBigBadFish

Column Three
14. =TheBigBadFish
15. ~Arukado
16. =Masna0
17. ~IAmABlue-Monkey
18. =NativeTexanZach
19. `guruubii
by =TheBigBadFish
20. ~BenXT

Column Four
21. ~TheKoopaClub by =TheBigBadFish
22. ^Ikue by =TheBigBadFish
23. ^oilsoaked by =TheBigBadFish
24. `jenepooh by =TheBigBadFish
25. `cooley by =TheBigBadFish
26. =Rahxy by =TheBigBadFish
27. ~Rogue-Oeht by =TheBigBadFish

Row Two
Column One
28. ^Helewidis by =TheBigBadFish
29. @shuttermonkey by =TheBigBadFish
30. ^Katmomma by =TheBigBadFish
31. `catluvr2
32. ^DeMaulwurfn
33. *Jamaal10


Column Two
34. =kilgore-trout
35. ~CanDy-LolliPop
36. =luckylinx
37. =dbestarchitect
REMADE
38. =KyubiNoKitsune13

Column Three
39. =TheBigBadFish , the one and only!
40. ^Sander-Seto by =TheBigBadFish
41. =zombierap21 by =TheBigBadFish
42. $Moonbeam13 by =TheBigBadFish
43. *Gordorca
44. *ScreamingGerbil


Row Three
Column One
45. =Albino-Broccoli by =TheBigBadFish
46. `skifi by =TheBigBadFish
47. =12hc12 by =TheBigBadFish
48. =skedy
49. =keyoma09
by *Gordorca

Column Two
50. =moonfreak
51. `InvaderMar
52. `Mrcrapinson
53. =skeletorfw

Column Three
54. ~Yatagratsu
by *Gordorca
55. =de-Mote
56. =runemetsa
NOW MADE PUBLIC! See more here .
57. ~Leonike

~~~~~

Always waiting for files, guys! If you have a cursor, send me your links!

~~~~~

This is a project I wanted to start: Custom Cursors for your CSS! After seeing one in ~BenXT 's journal, I talked to *Jamaal10 about it, and he showed me the ropes. Now, I'm trying to get this idea to spread dA-wide!

You can check out my journal and the News Article for more information, and =DEVlANT , `CookiemagiK , =e-CJ , =SparklyDest , and many more deviants have advertised this for me as well!

The CSS is here, where you replace the URL being the downloadable link, such as an fc06.deviantart.com link:
a:link {
cursor:url(URL), pointer;
}
a:hover {
cursor:url(URL), pointer;
}
body {
cursor:url(URL), pointer;
}

Note: the "body" category is for your normal cursor, while the other two are BOTH your hover.

While I'm at it, I'd like to shout a huge thank-you to *Tyshea , who first advertised this for me and popularized the idea!

If you would like a cursor, but don't have the program/knowledge to make them, just let me know what you'd like, and I'd be happy to make something for you! =TheBigBadFish is actually making cursors now. Thank you!

So let's make this the best trend ever started on dA! We'll match up against the Pixel IDs started by `Endling and his friends, and give all subscribers a chance to add even more "unique" to their journals!
Related content
Comments: 255

RikkuLilith [2013-09-16 22:42:45 +0000 UTC]

It's possible to make any image a cursor with aniturner xD So there's really no limits

👍: 0 ⏩: 0

heartzrainbow412 [2013-07-22 09:09:57 +0000 UTC]

I don't get how to do it :/

👍: 0 ⏩: 0

QuiGonJin [2013-05-06 20:48:32 +0000 UTC]

Thank you for posting codes in your description. I was looking all over for a code to do what I wanted it to do. With a little tweaking I was able to make it work in my Gaia profile. I mainly had to play around with the { } parts as well as figure out how to keep it so my pointer was near the center of the cursor. Whoever did the coding on your description is my savior and you for posting it are one as well.

I haven't used any of your icons since I am using my own one I modified. But yes now it doesn't turn into the hand when I move over links. Thank you so much! Here is the page I was working on with my profile. It's the most work I've ever put into one. [link] if you don't want to look that's fine since it's really not using any of your cursors.

👍: 0 ⏩: 0

marshmallowcookiwolf [2012-10-31 18:23:52 +0000 UTC]

Cool!

👍: 0 ⏩: 0

pinkuOnigiri [2012-09-29 17:15:06 +0000 UTC]

So freaking cute! Thanks ^^

👍: 0 ⏩: 0

FabbiAlexa [2012-09-01 02:42:03 +0000 UTC]

GO HERE THIS IS SOO CUTE
[link]

OOH MY GLOB!

👍: 0 ⏩: 0

MountinSide-Stables [2012-01-20 04:49:20 +0000 UTC]

I love it but how do they work??

👍: 0 ⏩: 1

pinkuOnigiri In reply to MountinSide-Stables [2012-09-29 17:17:21 +0000 UTC]

You go to control panel then click hardware & sound, then click mouse and use the cursor image for the replacement. (:

👍: 0 ⏩: 0

PeanutGalllery [2011-03-06 13:46:04 +0000 UTC]

cool!
lovveeee yah piczz....andcoookieeeezzzzzzzzz!
EEP!

👍: 0 ⏩: 0

Lancerey [2010-12-07 21:02:17 +0000 UTC]

Hey there! i'm having trouble getting custom cursors to work. I've used the coding you provided, but it's not showing the png I've got.
There are details in my current journal. If you could help, I'd be really really grateful!

👍: 0 ⏩: 0

srag [2010-01-07 16:00:52 +0000 UTC]

this is awesome! thanks a lot!

👍: 0 ⏩: 1

dbestarchitect In reply to srag [2010-01-23 21:54:40 +0000 UTC]

Lol, wut?

👍: 0 ⏩: 1

srag In reply to dbestarchitect [2010-01-23 23:29:49 +0000 UTC]

i like the custom cursors..am a dAmn addict what can i do ??

👍: 0 ⏩: 0

sinnamun [2009-10-23 10:26:52 +0000 UTC]

i tried to put the pear one, put it says that there is an error

👍: 0 ⏩: 1

dbestarchitect In reply to sinnamun [2009-11-10 02:49:32 +0000 UTC]

Well I suppose you made a mistake?

👍: 0 ⏩: 1

sinnamun In reply to dbestarchitect [2009-11-10 17:24:04 +0000 UTC]

but it works now no worries

👍: 0 ⏩: 0

Q8Toba [2009-09-07 19:03:20 +0000 UTC]

awesome cursor is awesome

👍: 0 ⏩: 1

dbestarchitect In reply to Q8Toba [2009-09-08 23:22:24 +0000 UTC]

Spread the word!

👍: 0 ⏩: 1

Q8Toba In reply to dbestarchitect [2009-09-08 23:53:21 +0000 UTC]

owkai

👍: 0 ⏩: 0

Kataang-furuba [2009-01-19 07:13:56 +0000 UTC]

#1 is mai favorite. and #3. :>

👍: 0 ⏩: 1

dbestarchitect In reply to Kataang-furuba [2009-06-15 20:40:08 +0000 UTC]

Yeah they're pretty cool. :3

👍: 0 ⏩: 0

x0x-Anna [2009-01-18 23:17:22 +0000 UTC]

I really want to put one of these in my journal but have NO idea how it works so lost lol

👍: 0 ⏩: 1

dbestarchitect In reply to x0x-Anna [2009-06-15 20:39:52 +0000 UTC]

You just put the CSS bit that's shown in Edit Three underneath your regular CSS, then substitute links to your cursors.

👍: 0 ⏩: 0

skedy [2009-01-16 20:11:47 +0000 UTC]

link I dunno if you're still collecting cursors for this or not. If so here's another one, maybe just to add to the other two or individually. However you think. If now no biggie either

👍: 0 ⏩: 0

Krissi001 [2008-10-06 17:52:57 +0000 UTC]

I made some Cursors

i will send you a note


And if some other want to have their own cursor they could ask me

👍: 0 ⏩: 1

dbestarchitect In reply to Krissi001 [2008-10-06 21:22:15 +0000 UTC]

Yay!

👍: 0 ⏩: 1

Krissi001 In reply to dbestarchitect [2008-10-06 21:27:45 +0000 UTC]

👍: 0 ⏩: 0

JACT2012 [2008-10-05 15:19:59 +0000 UTC]

I made two LOL

👍: 0 ⏩: 1

dbestarchitect In reply to JACT2012 [2008-10-05 21:09:30 +0000 UTC]

NICE. Note me them, okay? :D

👍: 0 ⏩: 1

JACT2012 In reply to dbestarchitect [2008-10-08 13:49:43 +0000 UTC]

Done

👍: 0 ⏩: 1

dbestarchitect In reply to JACT2012 [2008-10-08 15:19:14 +0000 UTC]

yay!

👍: 0 ⏩: 0

junebug493 [2008-10-04 00:18:13 +0000 UTC]

is there any way i can set my cursor to be one of these?


i really like number 40

👍: 0 ⏩: 1

dbestarchitect In reply to junebug493 [2008-10-04 00:59:20 +0000 UTC]

Well, that's actually someone else's cursor. You can ask =TheBigBadFish to make you your own, however!

👍: 0 ⏩: 1

junebug493 In reply to dbestarchitect [2008-10-04 01:15:01 +0000 UTC]

k, thanks

👍: 0 ⏩: 0

FlanChan [2008-10-02 04:07:08 +0000 UTC]

are you still making them, or shall i direct my request at =TheBigBadFish instead?

👍: 0 ⏩: 1

dbestarchitect In reply to FlanChan [2008-10-02 05:00:32 +0000 UTC]

Eh, my Photoshop's gone. I'll write a journal about it, but for now, talk to =TheBigBadFish .

👍: 0 ⏩: 1

FlanChan In reply to dbestarchitect [2008-10-04 02:06:29 +0000 UTC]

okay then!
sorry about your Photoshop. D:

👍: 0 ⏩: 1

dbestarchitect In reply to FlanChan [2008-10-04 04:45:07 +0000 UTC]

Lawl, thanks.

👍: 0 ⏩: 1

FlanChan In reply to dbestarchitect [2008-10-04 18:32:32 +0000 UTC]

you're welcome.

👍: 0 ⏩: 0

deimosdevi [2008-09-30 10:53:03 +0000 UTC]

I made my own

[link] [link]

👍: 0 ⏩: 1

dbestarchitect In reply to deimosdevi [2008-09-30 14:14:47 +0000 UTC]

Sweet, but can you note em to me please? That way, I can have it in my inbox in case I forget.

👍: 0 ⏩: 1

deimosdevi In reply to dbestarchitect [2008-09-30 14:26:16 +0000 UTC]

Sure, No problem

👍: 0 ⏩: 0

Leonike [2008-08-22 22:40:58 +0000 UTC]

2 questions...
can i make cursors for people?
and
i made my cursors transparent...
can u put those

👍: 0 ⏩: 2

dbestarchitect In reply to Leonike [2008-08-23 00:21:13 +0000 UTC]

Um, if people want you to make them one, feel free.

👍: 0 ⏩: 1

Leonike In reply to dbestarchitect [2008-08-23 00:30:46 +0000 UTC]

OK

👍: 0 ⏩: 0

Leonike In reply to Leonike [2008-08-22 22:41:52 +0000 UTC]

nvm, it dusn't matter
i just want to help make cursors

👍: 0 ⏩: 0

MikkoToivonen [2008-08-15 12:19:26 +0000 UTC]

Here be mine if you want to add it [link]

👍: 0 ⏩: 1

dbestarchitect In reply to MikkoToivonen [2008-08-15 14:03:02 +0000 UTC]

Sweet, thanks!

👍: 0 ⏩: 0

Leonike [2008-08-08 19:35:09 +0000 UTC]

I'm done I'm done I'm done
[link] [link]

👍: 0 ⏩: 1

dbestarchitect In reply to Leonike [2008-08-08 22:16:28 +0000 UTC]

Oh, I thought you knew: a cursor has to have a transparent background...

👍: 0 ⏩: 3


| Next =>