Хотите сделать красивый баннер с кнопками GT и Connect?

Тогда это решение именно для вас.

В нужное место вставляем и редактируем а именно IP сервера

Код:

<ul>
                                  <li class='aCS16'>
                                      <a class='GT' href="http://www.gametracker.com/server_info/37.230.210.26:27015/" target="_blank">
                                          GT
                                      </a>
                                      <img src="http://cache.www.gametracker.com/server_info/37.230.210.26:27015/b_350_20_1C1C1C_1C1C1C_EC4A3B_1C1C1C.png" border="0" width="350" height="20" alt="">
                                      <a class='play' href='steam: "-applaunch 10 +connect 37.230.210.26:27015"'>
                                          <i class="fa fa-play" aria-hidden="true"></i>
                                    </a>
                                </li>
                                  <li class='aCS16'>
                                      <a class='GT' href="http://www.gametracker.com/server_info/37.230.210.26:27016/" target="_blank">
                                          GT
                                      </a>
                                      <img src="http://cache.www.gametracker.com/server_info/37.230.210.26:27016/b_350_20_1C1C1C_1C1C1C_EC4A3B_1C1C1C.png" border="0" width="350" height="20" alt="">
                                      <a class='play' href='steam: "-applaunch 10 +connect 37.230.210.26:27016"'>
                                          <i class="fa fa-play" aria-hidden="true"></i>
                                    </a>
                                </li>
                                  <li class='aCS16'>
                                      <a class='GT' href="http://www.gametracker.com/server_info/46.174.52.236:27015/" target="_blank">
                                          GT
                                      </a>
                                      <img src="http://cache.www.gametracker.com/server_info/46.174.52.236:27015/b_350_20_1C1C1C_1C1C1C_EC4A3B_1C1C1C.png" border="0" width="350" height="20" alt="">
                                      <a class='play' href='steam: "-applaunch 10 +connect 46.174.52.236:27015"'>
                                          <i class="fa fa-play" aria-hidden="true"></i>
                                    </a>
                                </li>
                            </ul>

Теперь идём в custom.css и добавляем код

Код:

.aServers {
    display: inline-block;
    width: 40%;
    float: right;
      margin-right: 0px;
}

.aServers ul {
    list-style: none;
  width: 90%;
  float: left;
}
.aServers li {
    background: #1C1C1C;
    padding: 3px;
    padding-bottom: 2px;
    margin: 5px 0;
    border: 1px solid rgba( 255, 255, 255, 0.1 );
    border-radius: 2px;
    position: relative;
      width: 380px;
}

.aCS16:after {
    content: '';
    background: url('тут можно ссылку на картинку с фоном');
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 3px;
}

.aServers li a.GT {
    display: block;
    width: 22px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 26px;
    background: #de9419;
    font-weight: bold;
    font-size: 8px;
    color: white;
}

.aServers .play {
    background: #7B2829;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    display: block;
    position: absolute;
    font-size: 8px;
    top: 3px;
    right: 3px;
      color: white;
}

На этом всё.