Skip to main content

Premade Setup

An easy way of adding the Connect with CheatBreaker button to your website

  • Copy the example below into your website's home page.
  • Replace the end of the URI (server.ip) with your server's IP/domain.
  • Modify the CSS to place it in the exact spot you want.
index.html
<html>

<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<style>
    .cheatbreaker {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        user-select: none;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: 0;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        border-radius: 6px;
        font-weight: 700;
        font-size: 11px;
        line-height: 15px;
        text-transform: uppercase;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .17);
        box-shadow: 0 0 1px 1px rgba(255, 255, 255, .32) inset;
        border: 1px solid rgba(0, 0, 0, .32);
        padding: 5px 7px;
        color: #fff;
        letter-spacing: 1px;
        text-decoration: none;
        cursor: default
    }
    
    .cheatbreaker-connect {
        background-color: #db4040;
        border-color: #db4040;
        position: absolute;
    }

    .cheatbreaker-connect:hover {
        background-color: #ce2727;
        border-color: #c32525;
        color: #fff
    }

    .cheatbreaker-download {
        font-size: 9px;
        line-height: 1;
        background-color: #25cf4a;
        border-color: #25cf4a;
        position: relative;
        top: 30px;
        margin-left: 22.5px
    }

    .cheatbreaker-download:hover {
        background-color: #38a850;
        border-color: #339949;
        color: #fff
    }

    .fa-globe:before {
        content: "\f0ac"
    }

    .fa-download:before {
        content: "\f019"
    }
</style>

<body>
    <a href="cheatbreaker://connect/server.ip" class="cheatbreaker cheatbreaker-connect"><i class="fa fa-globe"></i><span> Connect with CheatBreaker</span></a>
    <a href="https://cheatbreaker.net" target="_blank"class="cheatbreaker cheatbreaker-download"><i class="fa fa-download"></i><span> Don't have CheatBreaker?</span></a>
</body>

</html>