» » » Нумерация страниц - GumPagination

Нумерация страниц - GumPagination

Сперва смотрим как оно выглядит: http://susidy.com/browse_videos.php внизу страницы.

Если заинтересовало читаем дальше:

Сперва нужно скачать pager плагин вот здесь: http://pear.php.net/package/Pager

и залить папку с плагином в корень сайта.

Пример для browse_videos.php

После или перед:
// ASSIGN SMARTY VARIABLES AND DISPLAY VIDEOS PAGE

вставляем код:
if($total_videos>0) 
    {
        require_once ('Pager/Pager.php');
        $params = array(
            'mode' => 'Sliding', 'totalItems' => $total_videos, 'perPage' => $videos_per_page, 'delta' => 5, // for 'Jumping'-style a lower number is better
            'append' => true, 'separator' => '', 'expanded' => false,
            'spacesBeforeSeparator' => 0,  'spacesAfterSeparator'=>1,
            'prevImg' =>'‹', 'nextImg'=>'›',
            'clearIfVoid' => false, 'urlVar' => 'p',
            //'linkClass' => 'pager_link',
            'curPageLinkClassName' => 'current',
            'firstPagePre' => '', 'firstPagePost' => '',
            'lastPagePre' => '', 'lastPagePost' => '',
            'useSessions' => false, 'closeSession' => false );
        $pager = & Pager::factory($params);
        $page_data = $pager->getPageData();
        $links = $pager->getLinks();
        
        $smarty->assign('gum_pagination',$links['all']);
    }


сохраняем.

в templates/browse_video.tpl вставляем внизу там где должна быть плагинация приблизительно перед:
{include file='footer.tpl'} 

вставляем:
{if $gum_pagination} 

  <div class="gum_pagination" style="text-align: center; padding-bottom: 10px;margin-top:15px;">

  {$gum_pagination}

  </div>

{/if}


сохраняем изменения.

и на остаток в templates/styles.css в самом низу вставляем:

/* GUM PAGINATION */ 
div.gum_pagination {
color: #2B3956;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
}
div.gum_pagination a {
text-decoration: none;
color: #000000;
border: 1px solid #dddddd;
padding: 2px 3px 2px 3px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius: 4px;
}
div.gum_pagination a:hover {
text-decoration: none;
color: #000000;
border: 1px solid #A7A7A7;
background-color: white;
padding: 2px 3px 2px 3px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius: 4px;
}
div.gum_pagination span.current {
color: #ffffff;
border: 1px solid #83A0C1;
background-color: #83A0C1;
padding: 2px 3px 2px 3px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius: 4px;
}


Готово!

Подробнее на форуме...

Поделиться

Другие публикации по теме:

Комментарии