The Game Modding Community - Since 2001

Important Links Slide-Out Effect

A Config Script for GameBanana

Updates

1.3
  • Overhaul Simplified and updated code to work with new site.
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 7y ago
In Continuum
3,247 points Ranked 1529th
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
4mo
1.2
  • Reverted back to old styling since Chat link got removed.
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 7y ago
In Continuum
3,247 points Ranked 1529th
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
2y
16 lines | 243 bytes | Raw Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#ImportantLinks
{
        right : 0;
}

#ImportantLinks li
{
        transform  : translateX(55px);
        transition : transform .5s ease-in-out;
}

#ImportantLinks li:hover
{
        transform  : translateX(0);
        transition : transform .2s ease-in-out;
}

Summary

This is a cool effect which repositions the important links (Chat, Feedback, Support, Bugs) so that only their icons are visible. Hovering on the icons will make the link slide out and make the corresponding text visible.

Preview



Posts

  • 2y
    |Anonymous| avatar
    |Anonymous| Joined 2y ago
    pretty shut!!
    Mimics Flag Affiliation: Mimics
    187 points Ranked 20216th
    |Anonymous| Mimics Flag
    Affiliation
    Mimics
    Cool

    9

    Anonymous Killer avatar
    Mantra
    Anonymous Killer
  • 2y
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 7y ago
    In Continuum
    3,247 points Ranked 1529th
    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 Ezequiel-TM

    It seems useful!
    Thanks!

    I'mma deck you in the schnoz. avatar
    Mantra
    I'mma deck you in the schnoz.
  • 2y
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 7y ago
    In Continuum
    3,247 points Ranked 1529th
    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 Ezequiel-TM

    It seems useful!
    Thanks!
    I'mma deck you in the schnoz. avatar
    Mantra
    I'mma deck you in the schnoz.
  • 2y
    Ezequiel-TM avatar
    Ezequiel-TM username pic Joined 4y ago
    MUGEN Manager HL Manager SC Manager CS1.6 Manager CS:CZ Manager
    you do not see
    Life Tree Flag Affiliation: Life Tree
    2,342 points Ranked 2157th
    45 medals 4 legendary 13 rare
    • Submitted 100 Skins Medal icon
    • 30 submissions featured Medal icon
    • 2017 Top Contributor Medal icon
    • Returned 5000 times Medal icon
    • Submitted 50 Skins Medal icon
    • Returned 1000 times Medal icon
    Ezequiel-TM avatar
    Ezequiel-TM
    Life Tree Flag
    Affiliation
    Life Tree
    It seems useful!

    10

    say what you want, I'm crazy! avatar
    Mantra
    say what you want, I'm crazy!
  • 2y
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 7y ago
    In Continuum
    3,247 points Ranked 1529th
    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|$=-
    Thanks for the heads up. I updated it now and optimized the selectors as well.
    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,225 points Ranked 575th
    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
    Hello, umm I just wanna say that the script needs to be updated since tom added a new important link--the Chat. I've edited it myself and see how it looks now ..

    /*** Adjust Links' Position Individually ***/

    #ImportantLinks > li:nth-child(1)
    {
             bottom                  : 140px;
    }

    #ImportantLinks > li:nth-child(2)
    {
             bottom                  : 105px;
    }

    #ImportantLinks > li:nth-child(3)
    {
             bottom                  : 70px;
    }

    #ImportantLinks > li:nth-child(4)
    {
             bottom                  : 35px;
    }

    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
3,247 points Ranked 1529th
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
3,247 points Ranked 1529th
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,173 Views
  • 6 Posts
  • 3y Submitted
  • 4mo Modified
  • 4mo Updated

Scores

87 bScore
9.8 Rating

5 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.

Resistance is futile... Sign up now!

Already a Bananite? Login

bcp.crwdcntrl.net tracking pixel