Топ-Лист очень красивый и функциональный - Форум
Приветствую Вас Гость | RSS
Главная | Файловый архив | Статьи | Форум | меню
Профиль
Описание
Rz-soft.ru - Это сайт на котором вы сможете бесплатно послушать музыку и скачать файлы, в данный момент на нашем сайте доступно Все разнообразных и качественных файлов для бля скачки бесплатно, с каждым днем у нас их будет все больше и больше. Будьте с нами!
Гости, вы не можете просматривать информацию, просьба Авторизоваться
  • Страница 1 из 1
  • 1
Топ-Лист очень красивый и функциональный
ZLOДата: Четверг, 21.07.2011, 19:27 | Сообщение # 1


Это Скрипт по топ листу пользователей.
В нашем случае это 3 категории для топов (Комментарии, посты на форуме, репутация) вы можете выбрать другие 3.
В нижней части есть кнопка для увеличения топ листа: после чего количество пользователей с 10 увеличится до 100.
Внимание если у вас на сайте меньше 10 людей данный скрипт не СТАВИТЬ

Установка
Заходим в информеры, и создаем 3 информера как на скрине:



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

Комментарии:

Code
<?if($NUMBER$ > 0 && $NUMBER$ < 4)?>     
  <tr><td class="DMposition1" nowrap><b>$NUMBER$</b></td>     
  <?else?>     
  <?if($NUMBER$ > 3 && $NUMBER$ < 11)?>     
  <tr><td class="DMposition4" nowrap><b>$NUMBER$</b></td>     
  <?else?>     
  <tr><td class="DMposition11" nowrap><b>$NUMBER$</b></td>     
  <?endif?>     
  <?endif?>     
  <td class="DMavatar" onClick="location.href='/index/8-$USER_ID$';">     
  <?if($AVATAR_URL$)?><img src="$AVATAR_URL$" border="0" width="48" height="48"><?else?><img src="/images/noava.gif" border="0" width="48" height="48"><?endif?></td>     
  <td class="DMcontent" onClick="location.href='/index/8-$USER_ID$';">     
  <font style="font-size: 12px; color: #000000;"><b>$USERNAME$</b></font><br>     
  <font color="red">$GROUP_NAME$</font><br>Комментариев: <b>     
  <font color="#000000">$COM_POSTS$</font></b>     
  </td></tr>     

  <?if($NUMBER$ == '10')?>     
  </table><center><div id="full_list" style="margin: 4px 0px 6px 0px;"><span style="cursor: pointer;" onClick="DMhide_el('full_list'); DMshow_el('short_list');"><img src="/images/plus.gif" align="absmiddle" border="0"><b><u>Показать весь список</u><b></span></div></center>     
  <div id="short_list" style="display: none;"><table cellspacing="0" cellspadding="0" class="topten_table" style="border-color: #c2c8f5; width: 100%; margin: 0px;">     
  <?endif?>


Кол. сообщений в форуме:
Code
<?if($NUMBER$ > 0 && $NUMBER$ < 4)?>     
  <tr><td class="DMposition1" nowrap><b>$NUMBER$</b></td>     
  <?else?>     
  <?if($NUMBER$ > 3 && $NUMBER$ < 11)?>     
  <tr><td class="DMposition4" nowrap><b>$NUMBER$</b></td>     
  <?else?>     
  <tr><td class="DMposition11" nowrap><b>$NUMBER$</b></td>     
  <?endif?>     
  <?endif?>     
  <td class="DMavatar" onClick="location.href='/index/8-$USER_ID$';">     
  <?if($AVATAR_URL$)?><img src="$AVATAR_URL$" border="0" width="48" height="48"><?else?><img src="/images/noava.gif" border="0" width="48" height="48"><?endif?></td>     
  <td class="DMcontent" onClick="location.href='/index/8-$USER_ID$';">     
  <font style="font-size: 12px; color: #000000;"><b>$USERNAME$</b></font><br>     
  <font color="red">$GROUP_NAME$</font><br>Постов: <b>     
  <font color="#000000">$FORUM_POSTS$</font></b>     
  </td></tr>     

  <?if($NUMBER$ == '10')?>     
  </table><center><div id="full_list_posts" style="margin: 4px 0px 6px 0px;"><span style="cursor: pointer;" onClick="DMhide_el('full_list_posts'); DMshow_el('short_list_posts');"><img src="/images/plus.gif" align="absmiddle" border="0"><b><u>Показать весь список</u><b></span></div></center>     
  <div id="short_list_posts" style="display: none;"><table cellspacing="0" cellspadding="0" class="topten_table" style="border-color: #c2c8f5; width: 100%; margin: 0px;">     
  <?endif?>


Репутация:

Code
<?if($NUMBER$ > 0 && $NUMBER$ < 4)?>     
  <tr><td class="DMposition1" nowrap><b>$NUMBER$</b></td>     
  <?else?>     
  <?if($NUMBER$ > 3 && $NUMBER$ < 11)?>     
  <tr><td class="DMposition4" nowrap><b>$NUMBER$</b></td>     
  <?else?>     
  <tr><td class="DMposition11" nowrap><b>$NUMBER$</b></td>     
  <?endif?>     
  <?endif?>     
  <td class="DMavatar" onClick="location.href='/index/8-$USER_ID$';">     
  <?if($AVATAR_URL$)?><img src="$AVATAR_URL$" border="0" width="48" height="48"><?else?><img src="/images/noava.gif" border="0" width="48" height="48"><?endif?></td>     
  <td class="DMcontent" onClick="location.href='/index/8-$USER_ID$';">     
  <font style="font-size: 12px; color: #000000;"><b>$USERNAME$</b></font><br>     
  <font color="red">$GROUP_NAME$</font><br>Репутация: <b>     
  <font color="#000000">$REPUTATION$</font></b>     
  </td></tr>     

  <?if($NUMBER$ == '10')?>     
  </table><center><div id="full_list_reputation" style="margin: 4px 0px 6px 0px;"><span style="cursor: pointer;" onClick="DMhide_el('full_list_reputation'); DMshow_el('short_list_reputation');"><img src="/images/plus.gif" align="absmiddle" border="0"><b><u>Показать весь список</u><b></span></div></center>     
  <div id="short_list_reputation" style="display: none;"><table cellspacing="0" cellspadding="0" class="topten_table" style="border-color: #c2c8f5; width: 100%; margin: 0px;">     
  <?endif?>


Далее подключаем js файл:
Code
<script type="text/javascript" src="/js/DMtoplist.js"></script>

Находим нужное нам место (блок или отдельная страница нет разницы, встанет везде и под размер сам растянется.) и вставляем:

Code
<center>     
  <div style="margin: 2px 0px 4px 0px;">     
  <span id="link_reputation" onClick="DMmswitch('reputation');" class="DMtimenu">Репутация</span>|     
  <span id="link_posts" onClick="DMmswitch('posts');" class="DMtimenu">Постов</span>|     
  <span id="link_comment" onClick="DMmswitch('comment');" class="DMtimenu">Комментарии</span>     
  </div>     
  </center>     

  <div id="div_comment" style="display: none;"><table cellspacing="0" cellspadding="0" class="topten_table" style="border-color: #c2c8f5; width: 100%; margin: 0px;">     
  $MYINF_1$     
  </table><center><div style="margin: 4px 0px 6px 0px;"><span style="cursor: pointer;" onClick="DMhide_el('short_list'); DMshow_el('full_list');">     
  <img src="/images/minus.gif" align="absmiddle" border="0"><b><u>Уменьшить до 10 позиций</u><b></span></div></center></div></div>     

  <div id="div_posts" style="display: none;"><table cellspacing="0" cellspadding="0" class="topten_table" style="border-color: #c2c8f5; width: 100%; margin: 0px;">     
  $MYINF_2$     
  </table><center><div style="margin: 4px 0px 6px 0px;"><span style="cursor: pointer;" onClick="DMhide_el('short_list_posts'); DMshow_el('full_list_posts');">     
  <img src="/images/minus.gif" align="absmiddle" border="0"><b><u>Уменьшить до 10 позиций</u><b></span></div></center></div></div>     

  <div id="div_reputation" style="display: none;"><table cellspacing="0" cellspadding="0" class="topten_table" style="border-color: #c2c8f5; width: 100%; margin: 0px;">     
  $MYINF_3$     
  </table><center><div style="margin: 4px 0px 6px 0px;"><span style="cursor: pointer;" onClick="DMhide_el('short_list_reputation'); DMshow_el('full_list_reputation');">     
  <img src="/images/minus.gif" align="absmiddle" border="0"><b><u>Уменьшить до 10 позиций</u><b></span></div></center></div></div>     

  <script language="javascript">DMmswitch('comment');</script>


Далее заходим в CSS вашего сайта и в любое место вставляем:

Code
.DMtimenu {padding: 0px 4px 2px 4px;}     
  .DMposition1 {padding: 0px; width: 24px; cursor: pointer; border-right: 1px solid #c2c8f5; text-align: center; vertical-align: middle; font-size: 12px; font-family: verdana, tahoma, arial; color: #000000; background: #ffc000; border-top: 1px solid #c2c8f5;}     
  .DMposition4 {padding: 0px; width: 24px; cursor: pointer; border-right: 1px solid #c2c8f5; text-align: center; vertical-align: middle; font-size: 12px; font-family: verdana, tahoma, arial; color: #000000; background: #fdf296; border-top: 1px solid #c2c8f5; }     
  .DMposition11 {padding: 0px; width: 24px; cursor: pointer; border-right: 1px solid #c2c8f5; text-align: center; vertical-align: middle; font-size: 12px; font-family: verdana, tahoma, arial; color: #000000; background: #7ce2fb; border-top: 1px solid #c2c8f5;}     
  .DMavatar {padding: 2px 0px 2px 4px; cursor: pointer; border-left: 0px; width: 48px; border-top: 1px solid #c2c8f5;}     
  .DMcontent {padding: 2px 0px 2px 4px; cursor: pointer; border-left: 0px; text-align: left; font-size: 10px; font-family: tahoma, verdana, arial; color: #555555; line-height: 14px; border-top: 1px solid #c2c8f5;}     
  table.topten_table {margin: 0px 0px 10px 0px;padding: 0px;border-right: 1px solid #32396f;border-left: 1px solid #32396f;border-bottom: 1px solid #32396f; border-top: 0px;width: 100%;}     
  table.topten_table tr {background: #ffffff;}     
  table.topten_table tr:hover {background: #eaf0fe;}  
  


Cka4atb
HomeДата: Понедельник, 25.07.2011, 11:35 | Сообщение # 2
=)
VirprotaДата: Суббота, 13.08.2011, 14:55 | Сообщение # 3
Тоже красиво
ZLOДата: Суббота, 13.08.2011, 16:37 | Сообщение # 4
Ну хорошо делаю
  • Страница 1 из 1
  • 1
Поиск: