Zpstats как изменить дизайн ?

Marello 27.10.2016 Общие вопросы по вёрстке, Шаблоны (TPL), Хаки 1431

вопрос

Доброго времени суток, установил на сайт хак Zpstats и решил сменить дизайн его, но не особо в этом разбираюсь. Помогите сделать его таким http://prntscr.com/czdc0s , сейчас я имею вот такую http://prntscr.com/czdccb
Вот код, ну по крайне мере что нашел

<<<HTML
<div align="left" style="color:#666; padding-left:5px;">
    <div class="tipsy-left" style="float:right" title="Добавлено новостей за день">+$stats_day&nbsp;&nbsp;</div>
    Новостей: <font color="#000">$stats_news</font>
    <br><div class="tipsy-left" style="float:right" title="Добавлено комментариев за день">+$comments_day&nbsp;&nbsp</div>
    Комментариев: <font color="#000">$count_comments</font>
    <br><div class="tipsy-left" style="float:right" title="Зарегистрировалось пользователей за сегодня">+$users_day&nbsp;&nbsp;</div>
    Пользователей: <font color="#000">$stats_users</font>
    <br><br>Из них:
    <br><img src="{THEME}/images/icons/user_admin.png" alt="" align="absmiddle"> <font color="red">Администраторов: <b>$admin_sum</b></font>
    <br><img src="{THEME}/images/icons/user_moder.png" alt="" align="absmiddle"> <font color="blue">Модераторов: <b>$moder_sum</b></font>
    <br><img src="{THEME}/images/icons/user_vip.png" alt="" align="absmiddle"> <font color="green">Журналистов: <b>$vip_sum</b></font>
    <br><img src="{THEME}/images/icons/user.png" alt="" align="absmiddle"> <font color="#248BFF">Проверенных: <b>$prouser_sum</b></font>
    <br><img src="{THEME}/images/icons/user_user.png" alt="" align="absmiddle"> <font color="#FF7800">Пользователей: <b>$user_sum</b></font>
    
    <br><br>Зарегистрировались:
    <br><img src="{THEME}/images/icons/user_add.png" alt="" align="absmiddle"> Сегодня: <font color="#000">$users_day</font>
    <br><img src="{THEME}/images/icons/user_add.png" alt="" align="absmiddle"> Вчера: <font color="#000">$user_every</font>
    <br><img src="{THEME}/images/icons/user_add.png" alt="" align="absmiddle"> За неделю: <font color="#000">$user_week</font>
    <br><img src="{THEME}/images/icons/user_add.png" alt="" align="absmiddle"> За месяц: <font color="#000">$user_month</font><br>
</div>
HTML;

Буду очень благодарен если поможете

Ответа пока нет

4 комментария

Юзер

Marello - 2015-12-2327 октября 2016 00:36 - #59670

Вот как примерно нужно

Юзер

Marello - 2015-12-2327 октября 2016 00:36 - #59671

Вот как есть сейчас

Юзер

vladimirof - 2015-12-231 ноября 2016 11:01 - #59803

Могу помочь, https://vk.com/and.vladimir

Юзер

vladimirof - 2015-12-231 ноября 2016 11:12 - #59804

Показать / Скрыть текст

<div style="color:#666; padding-left:5px;">
    <div class="row">
          <div class="col-md-4">
          <div class="panel panel-default">
              <div class="panel-heading"><i class="fa fa-pie-chart" aria-hidden="true"></i> Общая статистика</div>
                  <div class="panel-body" style="height: 165px;">
 <table class="table">
         <tbody>
            <tr>
              <td><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Новостей:</td>
              <td>$stats_news</td>
                </tr>
                <tr>
              <td><i class="fa fa-comments-o" aria-hidden="true"></i> Комментариев:</td>
              <td>$count_comments</td>
            </tr>
            <tr>
              <td><i class="fa fa-users" aria-hidden="true"></i> Пользователей:</td>
              <td>$stats_users</td>
            </tr>
          </tbody>
</table>
        </div>
            </div>
                </div>

  <div class="col-md-4">
<div class="panel panel-default">
  <div class="panel-heading"><i class="fa fa-child" aria-hidden="true"></i> Пользователи сайта</div>
  <div class="panel-body" style="height: 165px;">
  <table class="table">
  <tbody>
    <tr>
      <td><i class="fa fa-user" style="color:#e25721;"></i> Администраторов:</td>
      <td>$admin_sum</td>
    </tr>
    <tr>
      <td><i class="fa fa-user" style="color:#a5b33d;"></i> Модераторов:</td>
      <td>$moder_sum</td>
    </tr>
    <tr>
      <td><i class="fa fa-user" style="color:#369bc5;"></i> Журналистов:</td>
      <td>$vip_sum</td>
    </tr>
    <tr>
      <td><i class="fa fa-user" aria-hidden="true"></i> Пользователей:</td>
      <td>$user_sum</td>
    </tr>
  </tbody>
</table>
</div>
</div>
</div>
  <div class="col-md-4">
      <div class="panel panel-default">
  <div class="panel-heading"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Регистрация</div>
  <div class="panel-body" style="height: 165px;">
  <table class="table">
  <tbody>
    <tr>
      <td><i class="fa fa-check-square-o" aria-hidden="true"></i> Сегодня:</td>
      <td>$users_day</td>
    </tr>
    <tr>
      <td><i class="fa fa-check-square-o" aria-hidden="true"></i> Вчера:</td>
      <td>$user_every</td>
    </tr>
    <tr>
      <td><i class="fa fa-check-square-o" aria-hidden="true"></i> За неделю:</td>
      <td>$user_week</td>
    </tr>
    <tr>
      <td><i class="fa fa-check-square-o" aria-hidden="true"></i> За месяц:</td>
      <td>$user_month</td>
    </tr>
  </tbody>
</table>
  </div>
  </div>
      </div>
</div>
</div>