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

Dropdown Header

A Config Script for GameBanana

53 882 bytes 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
/*** Reset Top Margin On Sidebar, Floating Content Header and Content ***/

#MainContent
{
        margin-top : 0;
}

#SecondaryNav,
body[data-_sHeaderStyle="Floating"] #MainContentHeader.Fixed
{
        top : 0;
}

body:not([data-_sSecondaryNavMode="Float"]) #SecondaryNav
{
        height : 100vh !important;
}


/*** Reposition the Header ***/

#PrimaryNav
{
        transform  : translateY(calc(0px - var(--PrimaryNavHeight)));
        transition : all .2s ease-in-out;
        flex-wrap  : wrap;
}


/*** Generate an Arrow below the Header ***/

#PrimaryNav::after
{
        content           : '\25BC';
        flex              : 1;
        font-size         : 12px;
        text-align        : center;
        transition        : opacity .2s ease-in-out;
        page-break-before : always;
}


/*** Dropdown Effect ***/

#PrimaryNav:hover
{
        transform : none;
}

#PrimaryNav:hover::after
{
        opacity : 0;
}

Updates

1.7 1mo
  • Amendment Updated alongside the site.
1.6 2y Overhaul 1.5 2y Amendment 1.4 3y Amendment 1.3 4y Amendment

Summary

This concept and usable code was for a brief period of time was showcased at Members -> Settings -> Uberstyle. I think it was added there by Logan but I am not sure. It was utilized at that time by many users like Logan and deadman22.

I've recreated the code from scratch and added my own touch to it.

Preview

Sign up to access this!
  • Sneaky.amxx avatar
    Sneaky.amxx username pic Joined 10y ago
    GoldSource Engine Expert Moderator
    Offline
    1,873 points Ranked 21253rd
    25 medals 6 rare
    • Submitted 20 Gamefiles Medal icon
    • Received thanks 50 times Medal icon
    • Submitted 50 Maps Medal icon
    • Submitted 20 Maps Medal icon
    • 6 years a member Medal icon
    • Returned 1000 times Medal icon
    Sneaky.amxx avatar
    Sneaky.amxx
    GlobalModders Development Flag
    Affiliation
    GlobalModders Development
    GoldSource Engine Expert
    access_time 5y
    > **Posted by Ring-A-Ding Rampage** > If you see a script submission which is nothing but bind commands, flag it. and i will see them in admin panel so i can better deal with the problem. Anyway, good job.
    • Interesting x 1
    • Thanks x 1
    Powerful avatar
    Mantra
    Powerful
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 9y ago
    (づ。◕‿‿◕。)づ Ripe Supporter Moderator
    Coding
    5,491 points Ranked 1263rd
    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 Sneaky.amxx** > > You see.. This is what the scripts section is for.. I enjoy being a script mod much more when i actually have reasonable content to observe.. all the 3 month old accounts flooding the script section with userconfigs must come to an end. And surely it will soon enough. Thanks for your submission. Thanks mate. I am glad you like the script. I enjoy writing code snippets for CSS and these should work with most uberstyles with only minor tweaks and I also try to explain most stuff in comments hoping that people will read them and might try to make their own stuff! :) Indeed userconfigs should not even belong in scripts unless they are really extensive and unique from the ones already submitted. And I really wish people stop posting bind commands as scripts. :/
    • Agree x 1
    • Correct x 1
    • Interesting x 1
    Erode using Code
    URL to post:
  • Sneaky.amxx avatar
    Sneaky.amxx username pic Joined 10y ago
    GoldSource Engine Expert Moderator
    Offline
    1,873 points Ranked 21253rd
    25 medals 6 rare
    • Submitted 20 Gamefiles Medal icon
    • Received thanks 50 times Medal icon
    • Submitted 50 Maps Medal icon
    • Submitted 20 Maps Medal icon
    • 6 years a member Medal icon
    • Returned 1000 times Medal icon
    Sneaky.amxx avatar
    Sneaky.amxx
    GlobalModders Development Flag
    Affiliation
    GlobalModders Development
    GoldSource Engine Expert
    access_time 5y
    You see.. This is what the scripts section is for.. I enjoy being a script mod much more when i actually have reasonable content to observe.. all the 3 month old accounts flooding the script section with userconfigs must come to an end. And surely it will soon enough. Thanks for your submission.
    • Thanks x 1
    Powerful avatar
    Mantra
    Powerful
    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
5,491 points Ranked 1263rd
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
Original Authors
tom avatar
tom username pic Joined 19y ago
End Boss Ripe Supporter TBS2 Manager Super Admin
Offline
819 points Ranked 42592nd
71 medals 13 legendary 10 rare
  • Achieved Super Admin clearance Medal icon
  • 10 years a member Medal icon
  • Thanked 500 submitters Medal icon
  • Submitted 200 Blogs Medal icon
  • Submitted 200 Threads Medal icon
  • Submitted 60 Polls Medal icon
Original Concept and CSS

Submitter

Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 9y ago
(づ。◕‿‿◕。)づ Ripe Supporter Moderator
Coding
5,491 points Ranked 1263rd
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

Sub-category
UI Themes
Super-category
Cascade Style Sheets

License

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • 3
  • 2.7k
  • 3
  • 5y
  • 1mo
  • 1mo

More from Submitter

More UI Themes Scripts