Web Litebans Material UI 4.5

The best Litebans Web GUI you can use with over 8 new features.

  1. GlareMasters updated LiteBans Material Design Theme with a new update entry:

    More Changes

    Read the rest of this update entry...
     
  2. GlareMasters updated LiteBans Material Design Theme with a new update entry:

    More changes!

    Read the rest of this update entry...
     
  3. where would i find the file where i can edit the 350x150 image and contact us/ban appeal/players online?
     
  4. Hey Nahid,
    You can modify all of these in the index.php
    HTML:
    <img src="https://via.placeholder.com/350x150"/>
    This is for the image, just replace the URL.

    For the buttons, it'd be in this area:
    HTML:
    <div style="text-align: center;">
    <a href="#">
    <button type="button" class="btn btn-default">Contact Us</button></a>

    <a href="#">
    <button type="button" class="btn btn-default">Ban Appeal</button></a></div>
    <div style="text-align: center;">

    <button type="button" class="btn btn-default">Players Online: <span class="player-count badge"></span></button></a>
    </div>
     
    To change it to show the player online for your IP, go to header.php and modify this
    HTML:
    <script>
    $(document).ready(function () {
        var interval = 15000;   //number of mili seconds between each call
        var refresh = function() {
        $.getJSON("https://mcapi.ca/query/serverIP/players",function(json){
              if (json.status !== true) {
           
            } else {
                // success
                $(".player-count").html(json.players.online);
                setTimeout(function(){ $('.player-count').removeClass('zoomIn').addClass('zoomOut') }, 14350);
                setTimeout(function(){ $('.player-count').removeClass('zoomOut').addClass('zoomIn') }, 0);
            }
        });
        setTimeout(function() {
            refresh();
                },
            interval);
                }
            refresh();
    });
    </script>
    And replace "serverIP" with your server's IP.

    If you have any more questions, feel free to ask me!
     
    • Winner Winner x 1
  5. Thanks so much!
     
  6. Yup! I hope you enjoy! I'd love to see it in use on your server! I'm also always open to suggestions!
     
    • Like Like x 1
  7. is it possible to add background animations?
     
  8. as in replacing black?
     
  9. You should be able to, I think I'll make a bunch on comments in the files so you know what changes what. I have a massive update coming out today, and then I can work with you for the animated background.
     
  10. GlareMasters updated LiteBans Material Design Theme with a new update entry:

    Massive Update! Multiple Themes!

    Read the rest of this update entry...
     
  11. Hey Nahid,
    Changing your background should be very simple.

    All you would need to do is open your CSS file and add
    Code (Text):
    body {
        background-image: url('URLHERE');
    }
     
    • Winner Winner x 1
  12. Maximvdw

    Benefactor

    Looks nice, but your test site refferences to a few 404 fonts causing it to load slow
    [​IMG]
     
  13. Thanks, I'll fix that up asap!
     
  14. GlareMasters updated LiteBans Material Design Theme (Multiple Themes Included) with a new update entry:

    Bug Fixes & Design Tweaks

    Read the rest of this update entry...
     
  15. Thanks again Maxim, these errors have been fixed! For me at least, it is back down to 200-400ms.
     
  16. Wow this is awesome!! :eek: