» »

Измененный вид статистики форума uCoz


Измененный вид статистики форума uCoz

Это новый по формату вид статистики, где то можно сказать усовершенствованный. Он полностью меняет саму структуру дизайна на модуле. Также он хорошо редактируется по гамме цвета, чтоб можно было его полностью подогнать под свой сайт. На темном дизайн ресурсе, он смотрится намного лучше, но и светлый можно отлично сделать. Здесь просто все зависит от того, кто его устанавливает и потом если будет настраивать.

Установка:

Общий вид страниц форума - После $BОDY$ устанавливаем скрипт:

Код
<?if($PAGE_ID$='main' or $PAGE_ID$='recentthreads')?>  
<style>.gTableRight {display:none;}  

.stis {border-bottom:1px solid #383838; background:#000; padding:5px; color:#6d6d6d; font-weight:normal;}  

.stis_r {float:right; border-left:1px dotted #383838; background:#000; padding:5px; margin-top:-5px; margin-bottom:-9px; margin-right:-5px; width:78px; text-align:center; color:#3d3d3d; font-weight:bold;}  

#forB b {display:inline-block; margin:-5px 5px; border-top:1px solid #383838; border-left:1px dotted #383838; border-right:1px dotted #383838; padding:4px 8px;}  

.bikaXD {border-bottom:1px solid #383838; background:#000; padding:5px; color:#6d6d6d; margin:-10px; margin-bottom:10px;}  
</style>  

<script type="text/javascript">  
$(".gTableSubTop:contains('Статистика форума')").parent('tr').each(function(){  
$(this).parent().find('.gTableSubTop:contains("Поздравляем с Днем Рождения!")').attr({'colspan' : '4'});  
$(this).parent().find('.birthdaysBlock').parent('td').attr({'colspan' : '4'});  
$(this).find('td').text('Статистика').attr({'width' : '220px'});  
$(this).prev().prev().hide(); $(this).prev().hide();  
troll = [$(this).prev().find('td:eq(1)').html(),$(this).prev().parent().find('td.gTableSubTop:first').html(),$(this).prev().find('td:eq(1) div').html()];  

$(".gTableTop:contains('Дополнительная информация')").attr({'colspan' : '4'}).text('Статистика форума');  
$(this).next().find('td:eq(1)').attr({'colspan' : '2'});  

stati = [$(this).next().find('td:eq(1)').find('b:first').text(),$(this).next().find('td:eq(1)').find('b:eq(1)').text(),$(this).next().find('td:eq(1)').find('b:eq(2)').text(),$(this).next().find('td:eq(1)').find('a').attr('href'),$(this).next().find('td:eq(1)').find('a').text()];

$(this).next().find('td:eq(1)').html('<div id="sqlStat" style="margin:-10px;"></div>');  
$('#sqlStat').append('<div class="stis"><div class="stis_r">'+stati[1]+'</div>Сообщений:</div>');  
$('#sqlStat').append('<div class="stis"><div class="stis_r">'+stati[0]+'</div>Создано тем:</div>');  
$('#sqlStat').append('<div class="stis"><div class="stis_r">'+stati[2]+'</div>Пользователей:</div>');  
$('#sqlStat').append('<div class="stis" style="border:0px;"><div class="stis_r" style="padding:5px 3px; width:82px;"><a href="'+stati[3]+'">'+stati[4]+'</a></div>Новый участник:</div>');  

$(this).prepend('<td colspan="2" id="forB" class="gTableSubTop">'+troll[2]+'</td>');  
$(this).next().find('td:eq(1)').before('<td colspan="2" class="gTableBody1" style="padding: 10px;" valign="top"><div id="sqStat"></div></td>');  
$('#sqStat').append('<div class="bikaXD">'+troll[1]+'</div>');  
$('#sqStat').append('<div id="figase">'+troll[0]+'</div>');  
$("#figase").find('div.statsRecord').hide();  
});  
</script>  

<?endif?>


Но также есть еще одна, и вы также можете ее разместить, ее больше на светлый фон устанавливают.

Измененный вид статистики форума uCoz

Также! Общий вид страниц форума - После $BОDY$ устанавливаем скрипт:

Код
<?if($PAGE_ID$='main')?>  
  <style>  
  .gTables {background:#dcdcdc;}  
  #record {padding:6px;background:#f7f7f7;}  
  #onlis {padding:6px;background:#fff;}  
  #onlines {background:#fff;padding:6px;}  
  #alltem,#allotvet,#allusers {background:#f7f7f7;padding:6px;}  
  #tem,#otvet,#alluser,#newuser {padding:6px;background:#fff;text-align:center;font-weight:bold;}  
  </style>  
  <table width="100%" cellspacing="1" cellpadding="0" border="0" class="gTables" style="margin-top:-25px;">  
<tbody><tr><td class="gTableTop" colspan="8"><div class="gTopCornerRight" style="float:right"></div>Статистика форума</td></tr>  
  <tr><td id="onlis" colspan="4"></td><td id="record" colspan="4"></td></tr>  
  <tr><td id="onlines" colspan="8"></td></tr>  
  <tr><td id="alltem" >Всего создано тем:</td><td id="tem"></td><td id="allotvet">Всего создано ответов:</td><td id="otvet"></td><td id="allusers">Всего зарегистрировано человек:</td><td id="alluser"></td><td id="allusers">Новый участник:</td><td id="newuser"></td></tr>  
   
</tbody></table>  
   
  <script>  
   
  var newUser = $('.gTableBody1 b:last').html();  
  var posetiteli = $('.gTableSubTop').slice(-2).html();  
  var onlines = $('.gTableBody1').html();  
  var record = $('.statsRecord').html();  
  var allTem = $('.gTableBody1:last b:first').html();  
  var allotvet = $('.gTableBody1:last b + b').html();  
  var allUsers = $('.gTableBody1:last b').eq(2).html();  
   
   
  $('.gTable').last().html('');  
  $('#record').html(record);  
  $('#onlines').html(onlines);  
  $('#onlis').html(posetiteli);  
  $('#tem').html(allTem);  
  $('#otvet').html(allotvet);  
  $('#alluser').html(allUsers);  
  $('#newuser').html(newUser);  
  $('.statsRecord').attr('style','display:none');  
  </script><?endif?>


Здесь представлено 2 скрипта.
10.01.2016 Просмотров: 455 Комментарий: (12)

Поделиться в социальных сетях

Материал разместил

Комментарий: 11
Kvint
Kvint 10.01.2016 00:331
0
Светлый вид нормально смотрится, так как давно его поставил, а вот про темный не чего сказать не могу, просто такой не встречал.
Brung
Brung 10.01.2016 00:362
0
Но, светлый можно много где увидеть, просто на его многие перешли. А вот второй пока не встречался, но скрипт также уже долго в интернете.
Сопрано
Сопрано 10.01.2016 00:423
0
А это что, также темный, но установленный на светлый сайт, хотя не очень смотрится так.

FeStemBer
FeStemBer 10.01.2016 00:485
0
Думаю не стоит ставить на светлый, возможно просто показано на светлом фоне сам скрипт. Так как сравнить основное изображение и это, как будто 2 разных скрипта.
Scheme
Scheme 10.01.2016 00:507
0
Да где вы только это нашли, но видно что не идет, нужно выставить просто светлый оттенок и будет нормально.
csretven
csretven 10.01.2016 00:454
0
Оба нормально и по своим функциям, замечу разным сделано. Но темный мне больше нравится, а что он на светлом, так понятно написано, что можно оттенок сделать свой и там также белую гамму поставить.
FeStemBer
FeStemBer 10.01.2016 00:496
0
Соглашусь, что светлый больше применяют, может просто больше на них бываю, но темный сделан также очень стильно, и дизайн главной страницы форума в любом случай изменится, после установки.
Scheme
Scheme 10.01.2016 00:518
0
Вот так бы что то добавить, если говорить про темный вид, но очень согласитесь место уделено под пользователей.
nikolla76
nikolla76 10.01.2016 00:549
0
По дизайну они все разные и по совокупности они каждый под свой оттенок. Что под светлый сайт, думаю не подойдет на темный и также тотне как не можетбыть на том оттенке, на который его не делали.
Kosten
Kosten 10.01.2016 01:0010
0
Но вообще то статистику темную нашел а светлом дизайне, просто мне сразу показалось, что нужно с начало поставить ее на темный и там по умолчанию идет слишком такой угольный оттенок. Что пришлось его поменять под основной дизайн, который был на сайте.
Kvint
Kvint 10.01.2016 04:2811
0
А так нормально оба смотрятся, но нужно доводить до своего дизайна, а не ставить как есть.
avatar