Dropdown Header

A Config Script for GameBanana

Greetings! We are one of the oldest mod sites on the Interwebs. Sign up and maximize your browsing experience.

  • Subscribe: Get notified of new submissions like this.
  • Say Thanks: Show your appreciation by sending Ring-A-Ding Rampage points.
  • Post: Give Ring-A-Ding Rampage your thoughts on this Script.
  • Vote: Help Ring-A-Ding Rampage win the Monthly Awards.
  • Rate: Give this Script a rating out of 10.
  • Flag: Alert moderators and warn members of a problem with this Script.
  • Watch: Get notified when this Script is updated.
Mascot

Stop Lurking!

Sign up

Already a Bananite? Login

Updates

1.4
  • Adjustment Updated alongside site.
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage avatar In Continuum
Member Joined 6y
413 points Ranked 10381st
69 medals 8 legendary 17 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
2mo
1.3
  • Adjustment Updated alongside site.
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage avatar In Continuum
Member Joined 6y
413 points Ranked 10381st
69 medals 8 legendary 17 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
1y
32 lines | 998 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
/*** Reposition the Header ***/

#HeaderWrapper
{
        margin-top : -45px;                     /* Move the header beyond visibility */
        transition : all .3s ease-in-out;       /* Transition for smooth dropdown */
}


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

#HeaderWrapper:after
{
        content    : '\25BC';                   /* Escaped Unicode Down Arrow Character; Can use any other text or image here */
        display    : block;                     /* Block display to span entire wrapper width to center the arrow */
        font-size  : 12px;                      /* Adjust arrow size */
        text-align : center;                    /* Center arrow */
        transition : transform .3s ease-in-out; /* Transition for smooth rotation of arrow */
}


/*** Dropdown Effect ***/

#HeaderWrapper:hover
{
        margin-top : 0px;                       /* Bring header back to visibility */
}

#HeaderWrapper:hover:after
{
        transform : rotateZ(180deg);            /* Reverse the arrow direction */
}

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

Posts

  • 2y
    Sneaky.amxx avatar
    Sneaky.amxx avatar Offline
    Moderator Joined 7y
    1,393 points Ranked 3434th
    23 medals 5 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
    • Became a Studio Leader Medal icon
    Sneaky.amxx avatar
    Sneaky.amxx
    GlobalModders Development Flag
    GlobalModders Development
    GoldSource Engine Expert
    > **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 AMXMODX coder avatar
    Mantra
    Powerful AMXMODX coder
  • 2y
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage avatar In Continuum
    Member Joined 6y
    413 points Ranked 10381st
    69 medals 8 legendary 17 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 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
    Sleep is for the weak. avatar
    Mantra
    Sleep is for the weak.
  • 2y
    Sneaky.amxx avatar
    Sneaky.amxx avatar Offline
    Moderator Joined 7y
    1,393 points Ranked 3434th
    23 medals 5 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
    • Became a Studio Leader Medal icon
    Sneaky.amxx avatar
    Sneaky.amxx
    GlobalModders Development Flag
    GlobalModders Development
    GoldSource Engine Expert
    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 AMXMODX coder avatar
    Mantra
    Powerful AMXMODX coder

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 avatar Offline
Member Joined 6y
413 points Ranked 10381st
69 medals 8 legendary 17 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
Original Authors
GameBanana
Original Concept and Code

Submitter

Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage avatar In Continuum
Member Joined 6y
413 points Ranked 10381st
69 medals 8 legendary 17 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!

Stats

Posts
3
Views
1,302
Date Added
2y
Date Modified
2mo
Date Updated
2mo
bcp.crwdcntrl.net tracking pixel