Thread: Modern flat gradient looking scrollbar in your IPB forums.

Results 1 to 6 of 6
  1. #1 Modern flat gradient looking scrollbar in your IPB forums. 
    Banned

    Join Date
    May 2017
    Age
    27
    Posts
    1,552
    Thanks given
    946
    Thanks received
    1,395
    Rep Power
    0
    What you're adding: https://i.imgur.com/pebrdwK.png
    Knowledge: 1/10
    Author of preset: https://www.rune-server.ee/members/cael/

    Go to your IPB theme edit code/css settings and find custom.css

    Enter there this code:

    Code:
        ::-webkit-scrollbar-thumb {    background: rgb(157,255,255);
        background: -moz-linear-gradient(top, rgba(157,255,255,1) 0%, rgba(61,147,181,1) 100%);
        background: -webkit-linear-gradient(top, rgba(157,255,255,1) 0%,rgba(61,147,181,1) 100%);
        background: linear-gradient(to bottom, rgba(157,255,255,1) 0%,rgba(61,147,181,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dffff', endColorstr='#3d93b5',GradientType=0 );
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
    }
    
    
    ::-webkit-scrollbar-track {
        background-color: #192331;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 6px;
        border-left: 1px solid #192331;
    }
    
    
    ::-webkit-scrollbar {
        width: 6px;
        background-color: #192331;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    And save.
    Reply With Quote  
     

  2. Thankful user:


  3. #2  
    Renown Programmer
    Greg's Avatar
    Join Date
    Jun 2010
    Posts
    1,179
    Thanks given
    260
    Thanks received
    1,012
    Rep Power
    2003
    Instructions not clear; I printed out the code but it's not changing colour
    Attached imageAttached image
    Reply With Quote  
     

  4. #3  
    Banned

    Join Date
    May 2017
    Age
    27
    Posts
    1,552
    Thanks given
    946
    Thanks received
    1,395
    Rep Power
    0
    Quote Originally Posted by Greg View Post
    Instructions not clear; I printed out the code but it's not changing colour
    It's bit code that should work on chrome/firefox/safari without any problems, of course if you using IPS 4.x+
    Reply With Quote  
     

  5. #4  
    Renown Programmer
    Greg's Avatar
    Join Date
    Jun 2010
    Posts
    1,179
    Thanks given
    260
    Thanks received
    1,012
    Rep Power
    2003
    Quote Originally Posted by Cael View Post
    It's bit code that should work on chrome/firefox/safari without any problems, of course if you using IPS 4.x+
    Does it work with Epson?
    Attached imageAttached image
    Reply With Quote  
     

  6. #5  
    shit im high af

    Chance's Avatar
    Join Date
    Feb 2012
    Age
    28
    Posts
    1,046
    Thanks given
    96
    Thanks received
    1,076
    Rep Power
    5000
    I believe this is only supported by webkit browsers such as Chrome, not Firefox, Edge, etc.
    Regardless, simple tutorial. Would possibly add to it to share how they can replace their own colors correctly.
    Quote Originally Posted by Nikolas RSPS View Post
    ill get a rune-server tattoo at 60,000 replies
    Reply With Quote  
     

  7. #6  
    Skotos Founder


    Join Date
    Jan 2017
    Age
    24
    Posts
    954
    Thanks given
    178
    Thanks received
    191
    Rep Power
    199
    Cheers
    Attached image
    Reply With Quote  
     


Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)


User Tag List

Similar Threads

  1. Replies: 44
    Last Post: 04-13-2008, 09:46 PM
  2. Make Godswords 2handed and look like in real rs.
    By NathanC in forum Tutorials
    Replies: 9
    Last Post: 11-01-2007, 08:11 PM
  3. .::How to get succes in your Online Server::.
    By snake5201 in forum Tools
    Replies: 0
    Last Post: 10-28-2007, 10:03 PM
  4. Replies: 0
    Last Post: 06-13-2007, 08:37 PM
  5. Replies: 4
    Last Post: 05-22-2007, 07:28 PM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •