GameBanana shows no ads to members. Sign up now!
Ads keep us online. Without them, we wouldn't exist. We don't have paywalls or sell mods - we never will. But every month we have large bills and running ads is our only way to cover them. Please consider unblocking us. Thank you from GameBanana <3

Custom Cursors

A Config Script for GameBanana

134 5 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
:root
{
        --defaultCursor  : url('http://files.gamebanana.com/bitpit/mac_os_x_default.png'),    default !important;
        --helpCursor     : url('http://files.gamebanana.com/bitpit/mac_os_x_help.png'),       help !important;
        --grabCursor     : url('https://i.stack.imgur.com/VYB5Y.png'),                        grab !important;
        --grabbingCursor : url('https://i.stack.imgur.com/EjHIC.png'),                        grabbing !important;
        --moveCursor     : url('http://files.gamebanana.com/bitpit/mac_os_x_move.png') 12 12, move !important;
        --pointerCursor  : url('http://files.gamebanana.com/bitpit/mac_os_x_pointer.png'),    pointer !important;
}

/*** Default Cursor ***/
/* -- This is the main cursor which switches to secondary cursors where applicable. -- */

body,
.lg-outer #lg-dropdown-overlay /* Profile.css <large> */
{
        cursor : var(--defaultCursor);
}



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

.RichText .Spoiler,                                  /* GenericPage.css */
#MedalsModule li,                                    /* Profile.css <small> */
.PostsListModule .Posts>li article .PostStamps:hover /* Profile.css <large> */
{
        cursor : var(--helpCursor);
}



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

/* Profile.css <large> */
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item,
.lg-outer.lg-grab img.lg-object
{
        cursor : var(--grabCursor);
}

/* Profile.css <large> */
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item,
.lg-outer.lg-grabbing img.lg-object
{
        cursor : var(--grabbingCursor);
}



/*** 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,
body.ModuleMoverMode .ContentColumn>module,
.Editor .ViewModes .Wysiwyg .RichText img,
.Editor .WysiwygPalettes .ImageInserter ul li,
.Editor .WysiwygPalettes .BitpitFileInserter ul li,
.Editor .WysiwygPalettes .UsernameInserter ul li,
.Editor .WysiwygPalettes .CannedResponseInserter ul li,
spriteIcon.MiscIcon.SortHandle,
.SpriteIcon.MiscIcon.SortHandle
{
        cursor : var(--moveCursor);
}



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

/* GenericPage.css */
a,
.Linklike,
button,
.ButtonLike,
input[type=range]::-webkit-slider-runnable-track,
select,
.SelectLike,
.BeaconParent .Beacon,
.ExpandableToggle,
.PageModule>.RelatedLinksButton,
.MainForm .InputsWrapper .OptionalInput>legend,
fieldset#Userid .AdvancedElement_InputSuggestionsList li,
.AdvancedListSettingsModule>.Content .OrderAndSortControls fieldset legend,
.AdvancedElement_FloatingButtonTabs li,
.AdvancedElement_InputSuggestionsList li,
.AdvancedElement_Tabs li,
.AdvancedElement_GraphicalSelect .OptionsWrapper .Options li,
.AdvancedElement_Switch.List ul li,
#MasterLog log .CloseButton,
.Modal .CloseModal,
.Editor .ViewModeSwitchers span,
.Editor .WysiwygPalettes>h4,
#PrimaryNav controls,
#SecondaryNav controls,
body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #SecondaryNav module>icon:hover,
body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #SecondaryNav module>widget:hover,
body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #PrimaryNav module>icon:hover,
body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #PrimaryNav module>widget:hover,
#HiddenColumnToggleButton,
#AlertsNavModule pane .Controls .MarkAllAsSeen,
#ActivityNavModule pane .Controls .MarkAllAsSeen,
#AlertsNavModule pane .Broadcasts .Unseen .BroadcastStatusWrapper,
#ActivityNavModule pane .Broadcasts .Unseen .BroadcastStatusWrapper,
#GamesNavModule widget ul li,
#BuddiesNavModule pane #BuddyChatInitiators li,
.RichText .TableOfContents ul li,

/* index.css */
#FeaturesSliderModule .Slides .Slide,
#FeaturesSliderModule .Slides .ExpandedSlide,
#FeaturesSliderModule .Slides .Slide .Info .Name,
#FeaturesSliderModule .Slides .ExpandedSlide .Info .Name,
#SubmissionsListAdvancedListSettingsModule .RecentGames li,
#SubmissionsListAdvancedListSettingsModule .SelectedGames li,

/* Profile.css <large> */
#ThanksToggleModule .Content #ShowThanksOptionsToggle.ModalLauncher,
#UpdatesModule .ToggleContentButton,
.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
{
        cursor : var(--pointerCursor);
}

Updates

1.4 13d
  • Adjustment Updated alongside site.
  • Improvement Use CSS variables for cursors.
1.3 2y Adjustment 1.2 3y 1.1 4y

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 7y ago
    I don't care
    2,717 points Ranked 20068th
    25 medals 1 legendary 4 rare
    • Submitted 100 Skins Medal icon
    • Returned 1000 times Medal icon
    • 10 submissions featured Medal icon
    • Reached 50 subscribers Medal icon
    • 6 years a member Medal icon
    • Submitted 10 Skins Medal icon
    access_time 4y
    Hey ring i have 2 cursors look my threard

    • Win x 1
    IDK
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 9y ago
    (づ。◕‿‿◕。)づ Ripe Supporter Moderator
    Coding
    9,648 points Ranked 650th
    76 medals 11 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
    (づ。◕‿‿◕。)づ
    access_time 5y
    > **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.
    Erode using Code
    URL to post:
  • Royalist avatar
    Royalist username pic Joined 5y ago
    Exist?
    3,252 points Ranked 2741st
    22 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
    access_time 5y
    Where do I paste these? Anyway where can I find these cursors?
    Fight the Horde
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 9y ago
    (づ。◕‿‿◕。)づ Ripe Supporter Moderator
    Coding
    9,648 points Ranked 650th
    76 medals 11 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
    (づ。◕‿‿◕。)づ
    access_time 5y
    > **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)).
    Erode using Code
    URL to post:
  • The Lone-Wolf avatar
    The Lone-Wolf username pic Joined 6y ago
    Sleepin' down
    VoxelTronics Flag Affiliation: VoxelTronics
    3,127 points Ranked 3069th
    22 medals 3 rare
    • Returned 1000 times Medal icon
    • 10 submissions featured Medal icon
    • Submitted 50 Skins Medal icon
    • Submitted 10 Skins Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    The Lone-Wolf avatar
    The Lone-Wolf
    VoxelTronics Flag
    Affiliation
    VoxelTronics
    access_time 5y
    How can i install this?
    Forget what I've said
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 9y ago
    (づ。◕‿‿◕。)づ Ripe Supporter Moderator
    Coding
    9,648 points Ranked 650th
    76 medals 11 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
    (づ。◕‿‿◕。)づ
    access_time 5y
    > **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
    Erode using Code
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 9y ago
    (づ。◕‿‿◕。)づ Ripe Supporter Moderator
    Coding
    9,648 points Ranked 650th
    76 medals 11 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
    (づ。◕‿‿◕。)づ
    access_time 5y
    > **Posted by Mr. Matthews** > > Amazing, now I really want enough points for an Uberstyle > > Animated Gifs should work on it, right? Yes
    Erode using Code
    URL to post:
  • Mr. Matthews avatar
    Mr. Matthews username pic Joined 7y ago
    Making juice
    195 points Ranked 57930th
    18 medals 1 legendary 2 rare
    • Returned 5000 times Medal icon
    • Returned 1000 times Medal icon
    • 6 years a member Medal icon
    • GUIer of the Month, November 2014 Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    access_time 5y
    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 9y ago
(づ。◕‿‿◕。)づ Ripe Supporter Moderator
Coding
9,648 points Ranked 650th
76 medals 11 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 9y ago
(づ。◕‿‿◕。)づ Ripe Supporter Moderator
Coding
9,648 points Ranked 650th
76 medals 11 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
  • 3
  • 3.3k
  • 8
  • 5y
  • 13d
  • 13d

More from Submitter

More Browsing Uberstyle Scripts