Important Links Repositioned w/ Slide-Out Effect

A Config Script for GameBanana

Updates

ScriptParentSubmitterStats
  • Improvement Shift to % instead of px
  • BugFix Fix z-index bug
1.5 1mo
  • Tweak Updated alongside site.
1.4 2mo
19 lines | 297 bytes | Raw Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#ImportantLinks
{
        position : fixed;
        bottom   : 0;
        right    : 0;
        z-index  : 7;
}

#ImportantLinks li
{
        transform  : translateX(70%);
        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



Sign up to access this!
  • Danial Zahid avatar
    Danial Zahid username pic Joined 6y ago
    Offline
    4,870 points Ranked 1073rd
    55 medals 3 legendary 14 rare
    • Submitted 50 Gamefiles Medal icon
    • Submitted 15 Tools Medal icon
    • Submitted 60 Prefabs Medal icon
    • 50 posts awarded Exemplary Feedback Medal icon
    • Submitted 20 Gamefiles Medal icon
    • Submitted 15 Tutorials Medal icon
    Danial Zahid avatar
    Danial Zahid
    Bug Zapper
    1mo 1mo

    Neat.
    Although, currently the icons are not visible when the SideNav is on the right side, making them almost unnoticeable.

    10

    URL to post:
  • |Anonymous| avatar
    |Anonymous| Joined 3y ago
    pretty shut!!
    Mimics Flag Affiliation: Mimics
    187 points Ranked 20998th
    |Anonymous| Mimics Flag
    Affiliation
    Mimics
    2y
    Cool

    9

    Anonymous Killer avatar
    Mantra
    Anonymous Killer
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 8y ago
    Moderator
    In Extremis
    2,043 points Ranked 2574th
    75 medals 10 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
    Posted by Ezequiel-TM

    It seems useful!
    Thanks!

    Ode to Code avatar
    Mantra
    Ode to Code
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 8y ago
    Moderator
    In Extremis
    2,043 points Ranked 2574th
    75 medals 10 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
    Posted by Ezequiel-TM

    It seems useful!
    Thanks!
    Ode to Code avatar
    Mantra
    Ode to Code
    URL to post:
  • Ezequiel-TM avatar
    Ezequiel-TM username pic Joined 4y ago
    MUGEN Manager HL Manager SC Manager CS1.6 Manager CS:CZ Manager Moderator
    you see
    ?
    Life Tree Flag Affiliation: Life Tree
    292 points Ranked 16264th
    51 medals 5 legendary 14 rare
    • Submitted 100 Skins Medal icon
    • 30 submissions featured Medal icon
    • 2017 Top Contributor Medal icon
    • Returned 5000 times Medal icon
    • Submitted 50 Maps Medal icon
    • Submitted 50 Skins Medal icon
    Ezequiel-TM avatar
    Ezequiel-TM
    Life Tree Flag
    Affiliation
    Life Tree
    2y
    It seems useful!

    10

    Synonym of quality avatar
    Mantra
    Synonym of quality
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 8y ago
    Moderator
    In Extremis
    2,043 points Ranked 2574th
    75 medals 10 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
    Posted by -=$|TAGAMTAM|$=-
    Thanks for the heads up. I updated it now and optimized the selectors as well.
    Ode to Code avatar
    Mantra
    Ode to Code
    URL to post:
  • -=$|TAGAMTAM|$=- avatar
    -=$|TAGAMTAM|$=- username pic Joined 5y ago
    ❤ LOVING ME ❤
    Filipino Makers Flag Affiliation: Filipino Makers
    1,526 points Ranked 3508th
    31 medals 1 legendary 7 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
    2y
    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
    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 8y ago
Moderator
Offline
2,043 points Ranked 2574th
75 medals 10 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 8y ago
Moderator
In Extremis
2,043 points Ranked 2574th
75 medals 10 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
  • Share on Google+
  • 1.4k Views
  • 9 Posts
  • 3ySubmitted
  • 1moModified
  • 1moUpdated

Scores

89 bScore
9.8 Rating

6 voters

Sign up to access this!

More from Submitter

More UI Themes Scripts

bcp.crwdcntrl.net tracking pixel