Вид статистики

автор ZoD1aK Февраль 12th 2013, 20:05

Находим:
Оформление - Общие настройки - index_body (Главная страница)

Код::  <div id="pun-info" class="main"> <div class="main-content"> <div id="stats"> <p class="right">{TOTAL_POSTS}</p> <p>{TOTAL_USERS}</p> <p>{NEWEST_USER}</p> </div> <div id="onlinelist"> <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" /> <p class="right">  <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>   {L_WHO_IS_ONLINE}  </p> <p>{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS} <br /> {LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}<br /> {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p> <div class="clear"></div> <p>{LEGEND} : {GROUP_LEGEND}</p> </div>

Заменяем на:

Код::  <div id="pun-info" class="main"> <div class="main-content"> <div id="board_stats"> <ul class="ipsType_small ipsList_inline"> <li class="clear"> <span class="value" id="tposts">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tposts').innerHTML=document.getElementById('tposts').innerHTML.replace(/Наши пользователи оставили сообщений:/,"Сообщений");</script> </li> <li class="clear"> <span class="value" id="tuser">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tuser').innerHTML=document.getElementById('tuser').innerHTML.replace(/Всего зарегистрированных пользователей:/,"Пользователей");</script> </li> <li class="clear"> <span class="value newest_u" id="nuser">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nuser').innerHTML=document.getElementById('nuser').innerHTML.replace(/Последний зарегистрированный пользователь:/,"Новый участник");</script> </li> <li class="clear"> <span class="value" id="ruser">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('ruser').innerHTML=document.getElementById('ruser').innerHTML.replace(/Больше всего посетителей $/,"Рекорд посещаемости ");</script><script type="text/javascript">document.getElementById('ruser').innerHTML=document.getElementById('ruser').innerHTML.replace(/$ здесь было/," ");</script> </li> </ul> </div> <br /><br /> <div id="onlinelist"> <div id="online_list"> {TOTAL_USERS_ONLINE}<br /> {LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS} </div> <div id="online_list"> Поздравляем участников форума с днем рождения <span style="cursor:help;" title="Нажмите развернуть чтоб посмотреть именинников">[?]</span> : <span id="mats_show" style="color: rgb(93, 93, 93); cursor: pointer; display: inline; " onclick="$('#materials').slideToggle('fast');$('#mats_show').hide();$('.mats_show').show();">Развернуть</span> <span class="mats_show" style="color: rgb(93, 93, 93); cursor: pointer; display: none; " onclick="$('#materials').slideToggle('fast');$('.mats_show').hide();$('#mats_show').show();">Свернуть</span> <div style="display: none;" id="materials"> <div style="margin:2px;font-size:7pt;"> {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK} </div> </div> </div> <div class="clear"> </div> <em><p id="glegend">{LEGEND} : {GROUP_LEGEND}</p></em> </div>

И на последок таблица стилей:
Оформление - Цвета - Каскадная таблица стилей CSS

Код:: /*********** Статистика ***********/ #onlinelist { border: none; padding: 0; } #onlinelist p { line-height: 150%; padding: 4px; } #online_list { background: #FBFBFB; border-color: #dcdcdc; border-style: solid none solid none; border-width: 1px; margin: 0px 0px 3px; padding: 4px; } #glegend { border-top: 1px solid #dcdcdc; padding: 4px; background: #FBFBFB; } i, cite, em, var, address, dfn { font-style: italic; } #onlinechat { border-top: 1px solid #DCDCDC; } .ipsList_inline > li { display: inline-block; margin: 0px 3px; } .ipsType_small { font-size: 11px; } #board_stats ul { text-align: center; } #board_stats li { margin-right: 20px; } #board_stats span.value strong { background: rgba(0, 0, 0, 0.102); border-radius: 3px; box-shadow: inset rgba(0, 0, 0, 0.298) 0px 1px 2px, #FFFFFF 0px 1px 0px; color: #222222; display: inline-block; font-weight: 700; margin: 3px 0; padding: 3px 7px; text-shadow: rgba(255, 255, 255, 0.600) 0px 1px 0px; } a span strong { border-radius: 0 !important; margin: 0 !important; padding: 0 !important; box-shadow: inset rgba(0, 0, 0, 0) 0px 0px 0px, #FFFFFF 0px 0px 0px !important; background: transparent !important; color: inherit !important; } /*********** Конец Статистикы ***********/