Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Стилизация кнопок переключения
Стилизация кнопок переключения
Dronix
Сообщений: 6
Репутация: 0

Сообщение # 1 | 20:16:12
Как приписать стиль к кнопкам переключения между страниц, ну хотя бы сделать padding и изменить шрифт со цветом. Заранее спасибо!

Вот так они выглядят щас)


Исходный код:
Код
function topics_list($page, $num, $status)
{
$query   = "SELECT * FROM news ORDER BY id DESC";
$result   = mysql_query($query);
$themes = mysql_num_rows($result);
$total   = intval(($themes - 1) / $num) + 1;

if(empty($page) or $page < 0)
$page = 1;
if($page > $total)
$page = $total;

$start = $page * $num - $num;
$result = mysql_query($query." LIMIT ".$start.", ".$num);

while ($row = mysql_fetch_array($result))
{
show_topics($row['id'], $row['subject'], $row['msg'], $row['date'], $status);
}

if ($page)
{
if($page != 1)
$page_nav_links .= "<a href=\"?page=".($page - 1)."\"><p><-</p></a> <a href=\"?page=1\">1</a> ";

if($page - 2 > 0 && $page - 2 != 1)
$page_nav_links .= "<a href=\"?page=".($page - 2)."\">".($page - 2)."</a> ";

if($page - 1 > 0 && $page - 1 != 1)
$page_nav_links .= "<a href=\"?page=".($page - 1)."\">".($page - 1)."</a>";

$page_nav_links .= " <b>".$page."</b> ";

if($page + 1 <= $total && $page + 1 != $total)
$page_nav_links .= "<a href=\"?page=".($page + 1)."\">".($page + 1)."</a> ";

if($page + 2 <= $total && $page + 2 != $total)
$page_nav_links .= "<a href=\"?page=".($page + 2)."\">".($page + 2)."</a> ";

if($page != $total)
$page_nav_links .= "<a href=\"?page=".$total."\">".$total."</a> <a href=\"?page=".($page + 1)."\">-></a>";

printf("<div class=\"news__nav-links\">%s</div>", $page_nav_links);
}
}
K1l0
Сообщений: 104
Репутация: 26

Сообщение # 2 | 13:14:59
Цитата Dronix ()
Как приписать стиль к кнопкам переключения между страниц, ну хотя бы сделать padding и изменить шрифт со цветом. Заранее спасибо!
Почему вы обращаетесь на форум uCoz?
Himmler
Сообщений: 17
Репутация: 9

Сообщение # 3 | 13:38:20
Dronix, примерно вот так:
Код
/**
       * PAGE_SELECTOR
       * @count_pages - количество страниц.
       * @active - текущая активная страница.
       * @count_show_pages - количество отображаемых страниц. Настроено под 5.
       * @url - адрес страницы, для которой и создаётся Pagination.
       * @url_page - адрес страницы с параметром page без значения на конце. Например, "http://zgaming-pro.com/load/?page".
       */
      function PAGE_SELECTOR($count_pages, $active, $count_show_pages, $url, $url_page){
          if ($count_pages > 1){
              // Всё это только если количество страниц больше 1
              /* Дальше идёт вычисление первой выводимой страницы и последней (чтобы текущая страница была где-то посредине, если это возможно, и чтобы общая сумма выводимых страниц была равна count_show_pages, либо меньше, если количество страниц недостаточно) */
              $left = $active - 1;
              $right = $count_pages - $active;
              if ($left < floor($count_show_pages / 2))
                  $start = 1;
              else
                  $start = $active - floor($count_show_pages / 2);
              $end = $start + $count_show_pages - 1;
              if ($end > $count_pages)
              {
                  $start -= ($end - $count_pages);
                  $end = $count_pages;
                  if ($start < 1)
                      $start = 1;
              }
              // Левая часть Pagination
              $PAGE_SELECTOR .='Страницы: <span class="pagesBlockuz1">';
              if($active!=1){
                  $PAGE_SELECTOR .='<a class="swchItem" href="';
                  $PAGE_SELECTOR .=($active==2)?$url:$url_page.($active-1);
                  $PAGE_SELECTOR .='" title="Предыдущая страница"><span>«</span></a> ';
                  if($active==(round($count_show_pages/2)+1)){
                      $PAGE_SELECTOR .='<a class="swchItem" href="'.$url.'"><span>1</span></a> ';
                  }elseif($active==(round($count_show_pages/2)+2)){
                      $PAGE_SELECTOR .='<a class="swchItem" href="'.$url.'"><span>1</span></a> <a class="swchItem" href="'.$url_page.'2"><span>2</span></a> ';
                  }elseif($active>(round($count_show_pages/2)+2)){
                      $PAGE_SELECTOR .='<a class="swchItem" href="'.$url.'"><span>1</span></a> <a class="swchItem" href="'.$url_page.'2"><span>2</span></a> <span class="swchItemDots"><span>...</span></span> ';
                  }
              }
              // Центральная часть Pagination
              for($i=$start; $i<=$end; $i++){
                  if($i==$active){
                      $PAGE_SELECTOR .='<b class="swchItemA"><span>'.$i.'</span></b> ';
                  }else{
                      $PAGE_SELECTOR .='<a class="swchItem" href="';
                      $PAGE_SELECTOR .=($i==1)?$url:$url_page.$i;
                      $PAGE_SELECTOR .='"><span>'.$i.'</span></a> ';
                  }
              }
              // Правая часть Pagination
              if($active!=$count_pages){
                  if($count_pages==($active+round($count_show_pages/2))){
                      $PAGE_SELECTOR .='<a class="swchItem" href="'.$url_page.$count_pages.'"><span>'.$count_pages.'</span></a> ';
                  }elseif($count_pages==($active+round($count_show_pages/2)+1)){
                      $PAGE_SELECTOR .='<a class="swchItem" href="'.$url_page.($count_pages-1).'"><span>'.($count_pages-1).'</span></a> <a class="swchItem" href="'.$url_page.$count_pages.'"><span>'.$count_pages.'</span></a> ';
                  }elseif($count_pages>($active+round($count_show_pages/2)+1)){
                      $PAGE_SELECTOR .='<span class="swchItemDots"><span>...</span></span> <a class="swchItem" href="'.$url_page.($count_pages-1).'"><span>'.($count_pages-1).'</span></a> <a class="swchItem" href="'.$url_page.$count_pages.'"><span>'.$count_pages.'</span></a> ';
                  }
                  $PAGE_SELECTOR .='<a class="swchItem" href="'.$url_page.($active+1).'" title="Следующая страница"><span>»</span></a>';
              }
              $PAGE_SELECTOR .='</span>';
          }
          return $PAGE_SELECTOR;
      }

Dronix, Ну и второй (1-10 [11-20] 20-30)
Код
/**
       * PAGE_SELECTOR2
       * @count_pages - количество страниц.
       * @count_content - количество материалов (всего).
       * @count_content_page - количество материалов на странице.
       * @active - текущая активная страница.
       * @active_content - количество материалов на текущей странице.
       * @count_show_pages - количество отображаемых страниц. Настроено под 5.
       * @url - адрес страницы, для которой и создаётся Pagination.
       * @url_page - адрес страницы с параметром page без значения на конце. Например, "http://zgaming-pro.com/load/?page".
       */
      function PAGE_SELECTOR2($count_pages, $count_content, $count_content_page, $active, $active_content, $count_show_pages, $url, $url_page){
          $first = '1-'.$count_content_page;
          $first1 = ($count_content_page+1).'-'.($count_content_page*2);
          $last = (($count_content+1)-($count_content%$count_content_page)).'-'.$count_content;
          $last1 = (($count_content+1-$count_content_page)-($count_content%$count_content_page)).'-'.($count_content-($count_content%$count_content_page));
          if($count_content>10000){
              $count_show_pages = 3;
          }
          if ($count_pages > 1){
              // Всё это только если количество страниц больше 1
              /* Дальше идёт вычисление первой выводимой страницы и последней (чтобы текущая страница была где-то посредине, если это возможно, и чтобы общая сумма выводимых страниц была равна count_show_pages, либо меньше, если количество страниц недостаточно) */
              $left = $active - 1;
              $right = $count_pages - $active;
              if ($left < floor($count_show_pages / 2))
                  $start = 1;
              else
                  $start = $active - floor($count_show_pages / 2);
              $end = $start + $count_show_pages - 1;
              if ($end > $count_pages)
              {
                  $start -= ($end - $count_pages);
                  $end = $count_pages;
                  if ($start < 1)
                      $start = 1;
              }
              // Левая часть Pagination
              $PAGE_SELECTOR .='<span class="pagesBlockuz2">';
              if($active!=1){
                  $PAGE_SELECTOR .='<a class="swchItem1" href="';
                  $PAGE_SELECTOR .=($active==2)?$url:$url_page.($active-1);
                  $PAGE_SELECTOR .='" title="Предыдущая страница"><span>«</span></a> ';
                  if($active==(round($count_show_pages/2)+1)){
                      $PAGE_SELECTOR .='<a class="swchItem1" href="'.$url.'"><span>'.$first.'</span></a> ';
                  }elseif($active==(round($count_show_pages/2)+2)){
                      $PAGE_SELECTOR .='<a class="swchItem1" href="'.$url.'"><span>'.$first.'</span></a> <a class="swchItem1" href="'.$url_page.'2"><span>'.$first1.'</span></a> ';
                  }elseif($active>(round($count_show_pages/2)+2)){
                      $PAGE_SELECTOR .='<a class="swchItem1" href="'.$url.'"><span>'.$first.'</span></a> <a class="swchItem1" href="'.$url_page.'2"><span>'.$first1.'</span></a> <span class="swchItemDots"><span>...</span></span> ';
                  }
              }
              // Центральная часть Pagination
              for($i=$start; $i<=$end; $i++){
                  if ($i==$active){
                      $PAGE_SELECTOR .='<b class="swchItemA1"><span>'.$active_content.'</span></b> ';
                  }else{
                      $PAGE_SELECTOR .='<a class="swchItem1" href="';
                      $PAGE_SELECTOR .=($i==1)?$url:$url_page.$i;
                      $PAGE_SELECTOR .='"><span>';
                      if($i<$active){
                          $PAGE_SELECTOR .=($i*$count_content_page-$count_content_page+1).'-'.($i*$count_content_page).'</span></a> ';
                      }elseif($i>$active){
                          $PAGE_SELECTOR .=($i==$count_pages)?$last:($i*$count_content_page-$count_content_page+1).'-'.($i*$count_content_page);
                          $PAGE_SELECTOR .='</span></a> ';
                      }
                  }
              }
              // Правая часть Pagination
              if($active!=$count_pages){
                  if($count_pages==($active+round($count_show_pages/2))){
                      $PAGE_SELECTOR .='<a class="swchItem1" href="'.$url_page.$count_pages.'"><span>'.$last.'</span></a> ';
                  }elseif($count_pages==($active+round($count_show_pages/2)+1)){
                      $PAGE_SELECTOR .='<a class="swchItem1" href="'.$url_page.($count_pages-1).'"><span>'.$last1.'</span></a> <a class="swchItem1" href="'.$url_page.$count_pages.'"><span>'.$last.'</span></a> ';
                  }elseif($count_pages>($active+round($count_show_pages/2)+1)){
                      $PAGE_SELECTOR .='<span class="swchItemDots"><span>...</span></span> <a class="swchItem1" href="'.$url_page.($count_pages-1).'"><span>'.$last1.'</span></a> <a class="swchItem1" href="'.$url_page.$count_pages.'"><span>'.$last.'</span></a> ';
                  }
                  $PAGE_SELECTOR .='<a class="swchItem1" href="'.$url_page.($active+1).'" title="Следующая страница"><span>»</span></a>';
              }
                
              $PAGE_SELECTOR .='</span>';
          }
          return $PAGE_SELECTOR;
      }

Допиливай и устраняй баги смостоятельно. smile

Иногда, верно поставленный вопрос, уже является ответом! ©
---
Бойтесь своих желаний, ибо они могут исполниться!
Сообщение отредактировал Himmler - Пятница, 25 Сен 2015, 16:53:27
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Стилизация кнопок переключения
Страница 1 из 11
Поиск: