Report Blog Entry
This cool site is full of old school and new cursors:
And it even shows how to use it in your "MySpace profile" :P
The CSS given on the site may not work, so use the following format instead under your style body tag:
cursor: url(link in cursor code area), auto;
Example:
cursor: url(http://www.rw-designer.com/cursor-extern.php?id=129480), auto;
Alt attribute for image:
<img src="img link" alt="Description + OG unsecure link">
HTML comments:<!-- Insert comment here, or link as you'd like -->
Edit:@mercury Your cursor input was:
cursor:url("<http://www.rw-designer.com/cursor-extern.php?id=XXXX>");
This is the format, you must replace the area between quotes with a working link that you get from the site above; this link is present in the page you've to scroll down
Eg: This cute penguin one
cursor:url("http://www.rw-designer.com/cursor-extern.php?id=106302"), auto;
Another Edit:
This comment by VINΛ shows an alternate way to use cursors by turning them into base64
Ok so I have a solution that works but it's a few steps, but worth it if you can only find the cursor you want on rw-designer.com. These steps only work with static cursors though, not animated ones. You might be able to convert .ani cursors to .gif but I haven't tried. Anyway:
1. Download the .cur file from the rw-designer.com page
2. Go to https://convertio.co/cur-png/ and upload the .cur file, then click Convert.
3. Click the Download button to get the .png version
4. Go to https://base64.guru/converter/encode/image
5. Upload the .png cursor image and click "Encode image to Base64"
6. Copy the result. It will be kind of long (like a few hundred characters), but that's ok.
7. Use this template below, replacing REPLACEME part with the Base64 encoded text you just copied:
cursor: url(data:image/png;base64,REPLACEME), auto;
this is what mine looks like:
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAMAAACTKxybAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAclBMVEUAAAAAUv8AQ/8AJP8DAP8aAP8pAP9AAP9PAP9fAP9nAP92AP+VAP+kAP/DAP/aAP/aAP//AP8AUv8AQ/8AJP8DAP8aAP8pAP9AAP9PAP9fAP9nAP92AP+FAP+NAP+VAP+kAP/DAP/aAP/pAP//AP////+Wa+7MAAAAEnRSTlMAh4eHh4eHh4eHh4eFjYiEgIFwiXDeAAAAAWJLR0QlwwHJDwAAAAlwSFlzAAAAyAAAAMgAY/rnrQAAAAd0SU1FB+UBGgYFDhbbGyoAAAABb3JOVAHPoneaAAAAEGNhTnYAAAAgAAAAIAAAAAAAAAAAYrnu+gAAAGlJREFUCNdNzkkSgzAMRNEGwpAwBLATZogN9z9jJGxs3qKr/kYltAE8IUIfUsrIxYc8rviy2EZ3Skz0RnrGYGUc4+VJMTkvYPZyLDdYb7BZBV/7kZKHQylV8dACWr+BWhP3+05cNMfRAH/NHA5YV2v24gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMS0yNlQwNjowNToxNCswMDowMDXSS10AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDEtMjZUMDY6MDU6MTMrMDA6MDCBKM1vAAAAAElFTkSuQmCC), auto;
}
It's long af but its a whole image turned into text, so that's expected lol
8. Save your settings and you're done!
Also with it embeddded like this, it means if the rw-designer.com or other cursor servers go down, it won't affect your cursor!
Comments
Displaying 20 of 41 comments ( View all | Add Comment )
sof x_x
using! ^^
MoN-MoN xD
where do you guys put it? im trying to sandwich it somewhere between my layout script and its isnt working((( can somebody help me?
Alyssa
do you put the code in or iframe, etc.??
Jail_Face
where do i put all the stuff if im using the last method?
just me ⋆⋆⋆⋆
Real question!! (important): Is there a chance to add cursor trails?
I've tried creating cursor trails before but, I think it's not really possible or I haven't figured it out yet, you can use JS for creating cursor trails but Spacehey doesn't support that
by tilapia; ; Report
alri:)
by just me ⋆⋆⋆⋆; ; Report
liyah
the base64 version worked! tysm!
where did you put the code?
by Jail_Face; ; Report
beachfrontbae
where do i put it tho?? where on my prfile do i paste it?
I pasted mine under "HTML/CSS Code:" When you click on "edit your profile." I did mine after my loading page.
by Gl0r!a; ; Report
Akizine
THANKY OU
Gl0r!a
TYSMMMM!!!!! I used the last method and it worked oml thank uuuuuuuuuuuu!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!;)))))
Ahriadne Midnyte Princess
tysm worked beautifully UwU
corpsewaxxx
couldn't get it to work, but then again i know jack about css so i've probably messed this up like five times. i already have a theme set up but idk if i should like add it into the theme's css or something like that
sydneyskullz
guys! If you are having trouble with rw cursors, check to make sure the one you r using is .cur !!!
wesker
if anyone needs help debugging check https://blog.spacehey.com/entry?id=446997 if your problem isnt on there shoot me a comment i can help /g
xXxValentinexXxVenomxXx
I tried to open the file but it said smth abt not having an associated app...how do I fix this?
you dont need to open it you just need to upload it & get the link ^^
by wesker; ; Report
How do I get the link?
by xXxValentinexXxVenomxXx; ; Report
vincent !!
i put in the link for the penguin cursor and it literally broke my entire profile :/ i tried fixing it and got rid of the code but it won't go back to normal
check for missing style tags !
by wesker; ; Report
ssSerenn
did they remove the ability to make custom cursors? its not working for me and i dont understand??
you have to put the code between two style tags () or insert it before the second style tag in your pre-existing code after a closed bracket
this is the code i'm using. resting -> caret -> hovering/active
/* resting (normal cursor) */
* {
cursor: url(https://images2.imgbox.com/b1/bb/UUTux9sV_o.png), auto;
}
/* i-beam/caret/the little line that shows up when you highlight text */
input {
cursor: url(https://images2.imgbox.com/fc/23/WEObI4Fj_o.png), auto;
}
/* the rest of these are for the pointer (what shows up when you hover over a link) */
a {
cursor: url(https://images2.imgbox.com/ea/0e/wlQIzrmE_o.png), auto;
}
button {
cursor: url(https://images2.imgbox.com/ea/0e/wlQIzrmE_o.png), auto;
}
.logout-btn {
cursor: url(https://images2.imgbox.com/ea/0e/wlQIzrmE_o.png), auto;
}
just replace the image source (the url in parenthesis) with the link for whatever cursor you want to use. the last 3 should all use the same image
by 5ativa vampir3; ; Report
ScarredAngel6
My cursor is not aligned with my actual one. Like the tip of the custom one is on the bottom of where it should be and it makes it hard to click anything on my profile. How do I fix this? Thanks in advance
mossfaerie
In case anyone here finds a cursor file (.cur) on another website they want to use, I just found a website called https://convertio.co/ and you can convert basically any file type to another one :)
So, example, I wanted to use this (https://www.cursors-4u.com/cursor/2009/11/23/dogbane-beetle.html) beetle cursor so I downloaded it (theres a download button on each cursor page which, bonus, means you can use it on your pc as a cursor as well), put it on convertio, converted it to a .png, uploaded it to imgur to get the link :)
D4V3 !!!!
this site workz well !! I uze option 1 when adding the code 2 my profile ^^ https://www.cursors-4u.com/cursor/2011/12/02/cute-onion-club-onion-head.html
where did u paste it? srry im a total noob
by 𝖉𝖆𝖓𝖎; ; Report
I think i pasted it at the start of my profile ??
by D4V3 !!!!; ; Report
hihi! 1've been trying to get the code @ the bottom to work but 1 can't get it :-( it seems uy did so 1 was wondering if uy could help m3 @ all mnhgbfvd x-|
by $HR4PN€L; ; Report
andrew covell
so how do i get gif cursors to work? when i paste a gif url in for a cursor it stays static on the first frame instead of animating
You probably got the answer, but I'll add this for anyone else that might try :P
Browsers don't support animated cursors,at least through traditional methods such as the .gif or .anm formats
The only realistic way to have animated cursors would be through some js and jquery magic, which for good reasons aren't allowed on this site
by Shanen; ; Report
you can actually create a gif using animations/keyframes! for example https://spacehey.com/sodimel has achieved this :D i suggest IM’ing him if you want to try doing it yourself!
by 𝒔𝒖𝒏𝒔𝒉𝒊𝒎𝒔; ; Report