The Game Modding Community - Since 2001

Dropdown Header

A Config Script for GameBanana

Updates

1.5
  • Amendment Updated alongside site.
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 7y ago
In Continuum
2,516 points Ranked 1951st
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
26d
1.4
  • Amendment Updated alongside site.
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 7y ago
In Continuum
2,516 points Ranked 1951st
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
7mo
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 : -55px;                     /* 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

Promotional Content

Posts

  • 3y
    Sneaky.amxx avatar
    Sneaky.amxx username pic Joined 7y ago
    Moderator
    Offline
    1,576 points Ranked 3181st
    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
    Affiliation
    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
  • 3y
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 7y ago
    In Continuum
    2,516 points Ranked 1951st
    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 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
    I'mma deck you in the schnoz. avatar
    Mantra
    I'mma deck you in the schnoz.
  • 3y
    Sneaky.amxx avatar
    Sneaky.amxx username pic Joined 7y ago
    Moderator
    Offline
    1,576 points Ranked 3181st
    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
    Affiliation
    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 username pic Joined 7y ago
Offline
2,516 points Ranked 1951st
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
Original Authors
GameBanana
Original Concept and Code

Submitter

Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 7y ago
In Continuum
2,516 points Ranked 1951st
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,487 Views
  • 3 Posts
  • 3y Submitted
  • 26d Modified
  • 26d Updated

Scores

88 bScore
9.7 Rating

3 voters

Sign up to access this!

Greetings! 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.

Resistance is futile... Sign up now!

Already a Bananite? Login

bcp.crwdcntrl.net tracking pixel