The Game Modding Community - Since 2001

Clubs' Sub-Navigator Style

A Config Script for GameBanana

Updates

1.4
  • Adjustment Updated alongside site.
  • Removal Remove join icon since it is now present in GB's CSS by default.
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 7y ago
In Continuum
2,516 points Ranked 1953rd
74 medals 9 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
27d
1.3
  • Adjustment Updated alongside the site.
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 7y ago
In Continuum
2,516 points Ranked 1953rd
74 medals 9 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
11mo
64 lines | 1 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
/* HIDE OUTER MENU */

#DropdownMenuSubNavigator .sf-menu li.TitleOnly
{
        padding    : 0;
        font-size  : 0;
        background : transparent;
        box-shadow : none;
}

#DropdownMenuSubNavigator .sf-menu li.TitleOnly > span
{
        width      : 0;
        height     : 0;
        background : transparent;
        box-shadow : none;
}

/* FORCE DISPLAY OF INNER MENU */

#DropdownMenuSubNavigator .sf-menu > li ul
{
        display    : block !important;
        position   : static;
        font-size  : 10px;
        opacity    : 1 !important;
        background : transparent;
        box-shadow : none;
}

/* FORMAT INNER MENU ITEMS TO LOOK LIKE OUTER MENU ITEMS */

#DropdownMenuSubNavigator .sf-menu > li ul > li
{
        display       : inline-block;
        background    : linear-gradient(to bottom, #111214, #1c262d);
        border-bottom : 0;
}

#DropdownMenuSubNavigator .sf-menu > li ul > li:not(:first-child)
{
        margin-left : 1px;
}

#DropdownMenuSubNavigator .sf-menu > li ul > li:hover
{
        background : #0e1417;
}

#DropdownMenuSubNavigator .sf-menu > li ul > li a
{
        padding : 4px 8px;
}

#DropdownMenuSubNavigator .sf-menu > li ul > li:hover a
{
        color : rgba(255, 255, 255, 0.75);
}

#DropdownMenuSubNavigator .sf-menu > li ul > li > a .IconSheet
{
        display : block;
        margin  : auto;
}

Summary

Frankly, I feel the club menu should look like this by default since there aren't many menu items to justify a dropdown.

Preview

Promotional Content

Posts

  • 2y
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 7y ago
    In Continuum
    2,516 points Ranked 1953rd
    74 medals 9 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
    (づ。◕‿‿◕。)づ
    Posted by -=$|TAGAMTAM|$=-

    Hey Sir, I need help, I'm using this CSS Codes in our Studio .. I just want to make it transparent, what can I do ?? Please Answer ..

    Before


    After

    #DropdownMenuSubNavigator .sf-menu li,.sf-menu a{    background : transparent !important;    box-shadow : none;}
    • Agree x 1
    • Thanks x 1
    I'mma deck you in the schnoz. avatar
    Mantra
    I'mma deck you in the schnoz.
  • 2y
    -=$|TAGAMTAM|$=- avatar
    -=$|TAGAMTAM|$=- username pic Joined 4y ago
    ❤ LOVING ME ❤
    Filipino Makers Flag Affiliation: Filipino Makers
    8,180 points Ranked 571st
    29 medals 1 legendary 6 rare
    • Submitted 100 Skins Medal icon
    • 2nd Place - Site Improvement Ideating Contest Medal icon
    • Submitted 5 Tools Medal icon
    • 10 submissions featured Medal icon
    • Returned 1000 times Medal icon
    • 3rd Place - Game Poetry Contest Medal icon
    -=$|TAGAMTAM|$=- avatar
    -=$|TAGAMTAM|$=-
    Filipino Makers Flag
    Affiliation
    Filipino Makers
    Hey Sir, I need help, I'm using this CSS Codes in our Studio .. I just want to make it transparent, what can I do ?? Please Answer ..

    Before


    After

    10

    King of the Hill avatar
    Mantra
    King of the Hill

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 7y ago
Offline
2,516 points Ranked 1953rd
74 medals 9 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
Author

Submitter

Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 7y ago
In Continuum
2,516 points Ranked 1953rd
74 medals 9 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!
Sign up to access this!

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • Share on Google+

Stats

  • 1,110 Views
  • 2 Posts
  • 2y Submitted
  • 27d Modified
  • 27d Updated

Scores

91 bScore
10 Rating

2 voters

Sign up to access this!

Attention Gamer! Mascot

GameBanana is one of the oldest mod sites on the net. Sign up and maximize your browsing experience.

  • Subscribe: Get notified of new submissions like this.
  • Say Thanks: Show your appreciation - send modders points.
  • Post: Give modders your thoughts on their work.
  • Vote: Help your favorite modders win monthly awards.
  • Rate: Rate mods and help them stand out.
  • Flag: Alert moderators and warn members of problems with mods.
  • Watch: Get notified when mods are updated.

Interested? Sign up now!

Already a Bananite? Login

bcp.crwdcntrl.net tracking pixel