Статистика форума

Здравствуйте,
у меня вопрос, как сделать так, чтобы в самом низу форума (статистика), было 4 кнопки:
1. Нажав на кнопку "онлайн" можно было бы узнать, кто сегодня был онлайн и сколько пользователей сейчас онлайн
2. Статистика
3. Дни Рождения
4. Списки групп
Что-то в этом роде.

Вот я попробовал, а как изменить картинки?

http://probniy.ukraine7.com/?tt=1

если можно - можете сразу синие кнопочки мне дать?

Это вам фстол заказов.
А здесъ:

Код:

/* общее оформление всех кнопок */
#pw1-button, #pw2-button, #pw3-button, #pw4-button {
display: block;
width: 150px;
height: 30px;
margin: 2px 2px 0 0;
text-align: center;
line-height: 30px;
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0011.png") center top no-repeat;
color: #fff;
text-shadow: 1px 1px #688E23;
font-size: 13px;
font-weight: bolder;
}

/* первая активная кнопка */
#pw1-button {
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0011.png") center -40px no-repeat;
margin-left: 15px;
}

Замените адреса картинок на свои.

Дана, можете посмотреть пожалуйста, у меня что-то не получается - я туда вставил код?

Код:

 {JAVASCRIPT}
    <!-- BEGIN switch_user_logged_in -->
    <div id="pun-visit" class="clearfix">
      <ul>
          <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
          <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
          <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
          <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
      </ul>
      <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
    </div>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_user_logged_out -->
    <div id="pun-visit">
      <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
    </div>
    <!-- END switch_user_logged_out -->

    <!-- BEGIN message_admin_index -->
    <div class="main">
      <!-- BEGIN message_admin_titre -->
      <div class="main-head">
          <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
      </div>
      <!-- END message_admin_titre -->

      <!-- BEGIN message_admin_txt -->
      <div id="pun-announcement">
          <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
      </div>
      <!-- END message_admin_txt -->
    </div>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <div class="main">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
      </div>
    </form>
    </div>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}

   

    <table class="general_box"><tr><td>
    <h2><img src="http://i71.servimg.com/u/f71/14/71/65/95/commen10.png">  Кто Онлайн?</h2>
    [<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>]

    {TOTAL_USERS_ONLINE}

    {LOGGED_IN_USER_LIST}
    {L_ONLINE_USERS}
    {L_CONNECTED_MEMBERS}


   
<h2><img src="http://i71.servimg.com/u/f71/14/71/65/95/cake10.png">  Дни Рождения Пользователей</h2>
    {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
   
<h2><img src="http://i71.servimg.com/u/f71/14/71/65/95/house10.png">  Список Групп Пользователей</h2>
    {GROUP_LEGEND}

    </td><td width="40%" valign="top">
    <div id="stats"><h2><img src="http://romzett.ru/public/style_images/master/stat.png">  Статистика форума</h2>
   

    <p><img src="http://i71.servimg.com/u/f71/14/71/65/95/email10.png">  {TOTAL_POSTS}</p>
    <p><img src="http://i71.servimg.com/u/f71/14/71/65/95/user10.png">  {TOTAL_USERS}</p>
    <p class="terve"><img src="http://i71.servimg.com/u/f71/14/71/65/95/user_a10.png">  {NEWEST_USER}</p>
    <p><img src="http://i71.servimg.com/u/f71/14/71/65/95/chart_10.png">  {RECORD_USERS}</p>
    </div>
    </td></tr></table>

    <br/>

          <!-- BEGIN disable_viewonline -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <td class="catHead" colspan="2" height="28">
              <!-- BEGIN switch_viewonline_link -->
              <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
              <!-- END switch_viewonline_link -->

              <!-- BEGIN switch_viewonline_nolink -->
              <span class="cattitle">{L_WHO_IS_ONLINE}</span>
              <!-- END switch_viewonline_nolink -->
              </td>
          </tr>
          <tr>
              <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
              <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}

              {TOTAL_USERS}

              {NEWEST_USER}</span></td>
          </tr>
          <tr>
              <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}

              {RECORD_USERS}

             

              {LOGGED_IN_USER_LIST}</span></td>
          </tr>
          {L_CONNECTED_MEMBERS}
          {L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}
          <tr>
              <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
          </tr>
          <!-- BEGIN switch_chatbox_activate -->
          <tr>
              <td class="row1">
                <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

                    <!-- BEGIN switch_chatbox_popup -->
                    <div id="chatbox_popup"></div>
                    <script type="text/javascript">
                    //<![CDATA[
                    insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                    //]]>
                    </script>
                    <!-- END switch_chatbox_popup -->
                </span>
              </td>
          </tr>
          <!-- END switch_chatbox_activate -->
        </table>
        <!-- END disable_viewonline -->
        {CHATBOX_BOTTOM}
        <br clear="all" />

    <!-- BEGIN switch_legend -->
    <ul id="pun-legend">
      <li>
          <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
          <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
          <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
      </li>
    </ul>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

И в CSS я вижу только две ссылки на изображение, где еще две?

Код:


    /* общее оформление всех кнопок */
    #pw1-button, #pw2-button, #pw3-button, #pw4-button {
    display: block;
    width: 150px;
    height: 30px;
    margin: 2px 2px 0 0;
    text-align: center;
    line-height: 30px;
    background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0011.png") center top no-repeat;
    color: #fff;
    text-shadow: 1px 1px #688E23;
    font-size: 13px;
    font-weight: bolder;
    }

    /* первая активная кнопка */
    #pw1-button {
    background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0011.png") center -40px no-repeat;
    margin-left: 15px;
    }

Какие две?

/* общее оформление всех кнопок */
#pw1-button, #pw2-button, #pw3-button, #pw4-button {
display: block;
width: 150px;
height: 30px;
margin: 2px 2px 0 0;
text-align: center;
line-height: 30px;
background: transparent url("https://i.servimg.com/u/f44/16/54/26/99/snap0011.png") center top no-repeat;
color: #fff;
text-shadow: 1px 1px #688E23;
font-size: 13px;
font-weight: bolder;
}

/* первая активная кнопка */
#pw1-button {
background: transparent url("https://i.servimg.com/u/f44/16/54/26/99/snap0011.png") center -40px no-repeat;
margin-left: 15px;
}

Ещё какие две должны быть? Нет больше картинок. Нет.


Так-с, раз уж на то пошло, то у меня выходит вот такая фигнюсина:

Как этот цфет убрать?

Вот что выходит

A эти изменения вносил?

Dana, где ты? Хэлп! Горим!!

А в честь чего это страницу вниз кидает при клике на кнопку?

Блин, Дана, я уже все попробовал - получилось, но не с моими кнопками, как только хочу их где то поменять - они налепливаються друг на друга

Эээ.. Пардон, но у тебя даже посмотреть нельзя, что получилось - доступ закрыт

Ilya_Ilya, форум откройте посмотреть.
Я сейчас сильно ограничена по времени.

Дана, а если вам дать пароль от своего аккаунта в личное сообщение?
Просто оооооооооооооооооочень много открывать

Что там много открывать?!?! В Па-Общие-Конфига отключи опцию "Форум на реконструкции"!

забыл открыть его

Эти кнопки состоят из текста и фоновой картинки:

Размеры - 150*30

Фон у всех кнопок общий. Он прописан тут:

Код:

/* общее оформление всех кнопок */
#pw1-button, #pw2-button, #pw3-button, #pw4-button {
display: block;
width: 150px;
height: 30px;
margin: 2px 2px 0 0;
text-align: center;
line-height: 30px;
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0011.png") center top no-repeat;
color: #fff;
text-shadow: 1px 1px #688E23;
font-size: 13px;
font-weight: bolder;
}


Надо изменить ссылку
https://i.servimg.com/u/f44/16/54/26/99/snap0011.png
на новую, такую же двойную кнопку:

https://i.servimg.com/u/f44/16/54/26/99/snap0013.png

И здесь - заменить на ту же фоновую кнопку (она просто смещена вверх по умолчанию):

Код:

/* первая активная кнопка */
#pw1-button {
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0011.png") center -40px no-repeat;
margin-left: 15px;
}

Без текста кнопки?

Да. Для гибкости. Текст на них набирается по желанию пользователя.

Понятненько, спасибо - осталось дождаться картинки

Предложенный вариант не подойдет?

хотелось бы синие кнопки, а то под стиль не подходят

Я говорю об этих -

они из того же шаблона, что и стиль (у меня сохранены исходники)