Custom Cursors

A Config Script for GameBanana

Updates

ScriptParentSubmitterStats
  • Tweak Updated alongside site.
1.3 29d
  • Updated alongside site.
  • Added new grab and grabbing cursors. Use case unknown.
1.2 2y
106 lines | 4 kb | Raw Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
/*** Default Cursor ***/
/* -- This is the main cursor which switches to secondary cursors where applicable. -- */

body,
.lg-outer #lg-dropdown-overlay,
.AdvancedElement_Tabs li.Selected
{
        cursor : url('http://files.gamebanana.com/bitpit/mac_os_x_default.png'), default !important;
}



/*** Help Cursor ***/
/* -- This is the cursor meant for places which give info on hover/click like Tooltips, stamps, etc. -- */

#MedalsModule li,
.PostsListModule .Posts > li article .PostStamps:hover
{
        cursor : url('http://files.gamebanana.com/bitpit/mac_os_x_help.png'), help !important;
}



/** Grab and Grabbing Cursors ***/
/* -- These cursors appear over objects that can be grabbed. I don't know where they are being used in GB. -- */

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item,
.lg-outer.lg-grab img.lg-object
{
        cursor : url('https://i.stack.imgur.com/VYB5Y.png'), auto !important;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item,
.lg-outer.lg-grabbing img.lg-object
{
        cursor : url('https://i.stack.imgur.com/EjHIC.png'), auto !important;
}



/*** Move Cursor ***/
/* -- This cursor indicates controls or buttons that can be moved or can be dragged to move an associated object. -- */
/* -- The '12 12' are X and Y origin coordinates for the cursor. The place where this cursor will render will consider 12px 12px as the center of the custom cursor image instead of the default 0px 0px. -- */

input[type=range]::-webkit-slider-thumb,
.PageModule > .ModuleTools .MoveButton,
.ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .RichText img,
.ContentEditableEditor .InputWrapper .Inserters .ImageInserter ul li img,
.ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter ul li span,
.ContentEditableEditor .InputWrapper .Inserters .BitpitFileInserter ul li img,
body.ModuleMoverMode .ContentColumn > module,
.Editor .ViewModes .Wysiwyg .RichText img,
spriteIcon.MiscIcon.SortHandle,
.SpriteIcon.MiscIcon.SortHandle
{
        cursor : url('http://files.gamebanana.com/bitpit/mac_os_x_move.png') 12 12, move !important;
}



/*** Pointer Cursor ***/
/* -- This is the second major cursor next to the default one. It appears over clickable elements like links and buttons. -- */

a,
.Linklike,
button,
.ButtonLike,
input[type=range]::-webkit-slider-runnable-track,
select,
.SelectLike,
.Beacon,
.ExpandableToggle,
.PageModule > .RelatedLinksButton,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-toolbar .lg-icon,
.lg-outer .lg-thumb-item,
.lg-outer .lg-toogle-thumb,
.lg-outer .lg-video .lg-video-play,
.lg-outer .lg-pager-cont,
.MainForm .InputsWrapper .OptionalInput > legend,
fieldset#Userid .AdvancedElement_InputSuggestionsList li,
.ContentEditableEditor .InputWrapper .Editor .ViewModeSwitchers span,
.ContentEditableEditor .InputWrapper .Inserters > h4,
.UsernameSuggestionList li,
.AdvancedListSettingsModule > .Content .OrderAndSortControls fieldset legend,
.AdvancedElement_FloatingButtonTabs li,
.AdvancedElement_Tabs li,
.AdvancedElement_GraphicalSelect .OptionsWrapper .Options li,
.Editor .ViewModeSwitchers span,
#TopNav controls,
#SideNav controls,
#ToggleHiddenColumnModeButton,
body[data-_sNavItemActivation=Click] #SideNav module > icon:hover,
body[data-_sNavItemActivation=Click] #SideNav module > widget:hover,
body[data-_sNavItemActivation=Click] #TopNav module > icon:hover,
body[data-_sNavItemActivation=Click] #TopNav module > widget:hover,
#AlertsNavModule pane .Controls .MarkAllAsSeen,
#ActivityNavModule pane .Controls .MarkAllAsSeen,
#AlertsNavModule pane .Broadcasts .Unseen .BroadcastStatusWrapper,
#ActivityNavModule pane .Broadcasts .Unseen .BroadcastStatusWrapper,
#GamesNavModule widget ul li,
.RichText .TableOfContents ul li
{
        cursor : url('http://files.gamebanana.com/bitpit/mac_os_x_pointer.png'), pointer !important;
}

Summary

This code currently contains 4 predefined cursor URLs for 4 different cursor types that can be used at GB that are left there as an example. You can change it to use custom cursors. The only usable cursor types .CUR, .PNG, .GIF. GIF cursors will be rendered as static and won't be animated by the browser.

Can be used for both the browsing and the profile ubers.

Preview

I am using Mercury21's Mac OS X Cursors for this preview.

Sign up to access this!
  • Ataky avatar
    Ataky username pic Joined 5y ago
    I don't care
    2,019 points Ranked 2614th
    24 medals 1 legendary 3 rare
    • Submitted 100 Skins Medal icon
    • Returned 1000 times Medal icon
    • 10 submissions featured Medal icon
    • Reached 50 subscribers Medal icon
    • Submitted 10 Skins Medal icon
    • Submitted 50 Skins Medal icon
    3y
    Hey ring i have 2 cursors look my threard

    • Win x 1
    Hsun
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 8y ago
    Moderator
    In Extremis
    2,017 points Ranked 2660th
    75 medals 10 legendary 20 rare
    • Submitted 60 Sprites Medal icon
    • Thanked 500 submitters Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
    • Submitted 100 Skins Medal icon
    • Reached 100 subscribers Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage
    (づ。◕‿‿◕。)づ
    3y
    > **Posted by ST6** > > Where do I paste these? Anyway where can I find these cursors? Paste in notepad. Save as .CSS Upload to GB. Cursors can be found anywhere in the internet.
    Ode to Code avatar
    Mantra
    Ode to Code
    URL to post:
  • Royalist avatar
    Royalist username pic Joined 4y ago
    Exist?
    1,629 points Ranked 3291st
    20 medals 1 legendary 1 rare
    • Returned 5000 times Medal icon
    • Returned 1000 times Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    • Reached 1,000 Points Medal icon
    • Received thanks 5 times Medal icon
    3y
    Where do I paste these? Anyway where can I find these cursors?
    I want to shoot myself
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 8y ago
    Moderator
    In Extremis
    2,017 points Ranked 2660th
    75 medals 10 legendary 20 rare
    • Submitted 60 Sprites Medal icon
    • Thanked 500 submitters Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
    • Submitted 100 Skins Medal icon
    • Reached 100 subscribers Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage
    (づ。◕‿‿◕。)づ
    3y
    > **Posted by Sailor Jupiter** > > How can i install this? Do you have uberstyles unlocked? All you have to do is unlock uberstyles (http://gamebanana.com/members/settings/unlocks/GBid), copy-paste the above code in notepad, save the file as "anyname.css" and upload it to GB ((http://gamebanana.com/members/settings/appearance/uberstyle/GBid)).
    Ode to Code avatar
    Mantra
    Ode to Code
    URL to post:
  • The Lone-Wolf avatar
    The Lone-Wolf username pic Joined 4y ago
    Wolf's sleepin
    VoxelTronics Flag Affiliation: VoxelTronics
    414 points Ranked 11754th
    15 medals 1 rare
    • Returned 1000 times Medal icon
    • Submitted 10 Skins Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    • 1 year a member Medal icon
    • Reached 1,000 Points Medal icon
    The Lone-Wolf avatar
    The Lone-Wolf
    VoxelTronics Flag
    Affiliation
    VoxelTronics
    3y
    How can i install this?
    2d dimension begin the 3d one
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 8y ago
    Moderator
    In Extremis
    2,017 points Ranked 2660th
    75 medals 10 legendary 20 rare
    • Submitted 60 Sprites Medal icon
    • Thanked 500 submitters Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
    • Submitted 100 Skins Medal icon
    • Reached 100 subscribers Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage
    (づ。◕‿‿◕。)づ
    3y
    > **Posted by Mr. Matthews** > > Amazing, now I really want enough points for an Uberstyle > > Animated Gifs should work on it, right? I just found out after research that animated cursors are not supported by most webbrowsers. Just hope that their vendors fix this.
    • Interesting x 1
    • Cheers x 1
    Ode to Code avatar
    Mantra
    Ode to Code
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 8y ago
    Moderator
    In Extremis
    2,017 points Ranked 2660th
    75 medals 10 legendary 20 rare
    • Submitted 60 Sprites Medal icon
    • Thanked 500 submitters Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
    • Submitted 100 Skins Medal icon
    • Reached 100 subscribers Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage
    (づ。◕‿‿◕。)づ
    3y
    > **Posted by Mr. Matthews** > > Amazing, now I really want enough points for an Uberstyle > > Animated Gifs should work on it, right? Yes
    Ode to Code avatar
    Mantra
    Ode to Code
    URL to post:
  • Mr. Matthews avatar
    Mr. Matthews username pic Joined 5y ago
    Procrastinating
    686 points Ranked 7500th
    17 medals 1 legendary 1 rare
    • Returned 5000 times Medal icon
    • Returned 1000 times Medal icon
    • GUIer of the Month, November 2014 Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    • 1 year a member Medal icon
    3y
    Amazing, now I really want enough points for an Uberstyle Animated Gifs should work on it, right?
    Happy Little Mafious Smile avatar
    Mantra
    Happy Little Mafious Smile
    URL to post:

Embed

Share banner
Image URL
HTML embed code
BB embed code
Markdown embed code

Credits

Key Authors
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 8y ago
Moderator
Offline
2,017 points Ranked 2660th
75 medals 10 legendary 20 rare
  • Submitted 60 Sprites Medal icon
  • Thanked 500 submitters Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
  • Submitted 100 Skins Medal icon
  • Reached 100 subscribers Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
CSS Code, Icon File Edits
mercury21
Default, Pointer, Help, Move cursors
Microsoft
Grab, Grabbing cursors

Submitter

Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 8y ago
Moderator
In Extremis
2,017 points Ranked 2660th
75 medals 10 legendary 20 rare
  • Submitted 60 Sprites Medal icon
  • Thanked 500 submitters Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
  • Submitted 100 Skins Medal icon
  • Reached 100 subscribers Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon

Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage

Creator
Sign up to access this!
Sign up to access this!
Sign up to access this!

Game

Sign up to access this!

Category

License

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • Share on Google+
  • 1.9k Views
  • 8 Posts
  • 3ySubmitted
  • 29dModified
  • 29dUpdated

Scores

91 bScore
10 Rating

2 voters

Sign up to access this!

More from Submitter

More Cascade Style Sheets Scripts

bcp.crwdcntrl.net tracking pixel