У кого есть файл pagenation.php покажу как поменять кнопки на нормальные:
Заходим к себе в папку шаблонов,выбираем ваш шаблон,открываем папку HTML,открываем файл pagenation.php.То есть так \www\templates\ваш шаблон\html\pagination.php
Меняем всё полностью вот на это:
<?php
/**
* @version $Id: pagination.php 10381 2008-06-01 03:35:53Z pasamio $
* @package Joomla
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
// no direct access
defined('_JEXEC') or die('Restricted access');
/**
* This is a file to add template specific chrome to pagination rendering.
*
* pagination_list_footer
* Input variable $list is an array with offsets:
* $list[limit] : int
* $list[limitstart] : int
* $list[total] : int
* $list[limitfield] : string
* $list[pagescounter] : string
* $list[pageslinks] : string
*
* pagination_list_render
* Input variable $list is an array with offsets:
* $list[all]
* [data] : string
* [active] : boolean
* $list[start]
* [data] : string
* [active] : boolean
* $list[previous]
* [data] : string
* [active] : boolean
* $list[next]
* [data] : string
* [active] : boolean
* $list[end]
* [data] : string
* [active] : boolean
* $list[pages]
* [{PAGE}][data] : string
* [{PAGE}][active] : boolean
*
* pagination_item_active
* Input variable $item is an object with fields:
* $item->base : integer
* $item->link : string
* $item->text : string
*
* pagination_item_inactive
* Input variable $item is an object with fields:
* $item->base : integer
* $item->link : string
* $item->text : string
*
* This gives template designers ultimate control over how pagination is rendered.
*
* NOTE: If you override pagination_item_active OR pagination_item_inactive you MUST override them both
*/
function pagination_list_footer($list)
{
$html = "<div class=\"list-footer\">\n";
$html .= "\n<div class=\"limit\">".JText::_('Display Num').$list['limitfield']."</div>";
$html .= $list['pageslinks'];
$html .= "\n<div class=\"counter\">".$list['pagescounter']."</div>";
$html .= "\n<input type=\"hidden\" name=\"limitstart\" value=\"".$list['limitstart']."\" />";
$html .= "\n</div>";
return $html;
}
function pagination_list_render($list)
{
// Initialize variables
$html = "<table width=100% class=\"pagination\"><td width=50% id=\"fluid\"> </td>";
$html .= '<td id="nolinked"><span>«</span></td>'.$list['start']['data'];
$html .= $list['previous']['data'];
foreach( $list['pages'] as $page )
{
if($page['data']['active']) {
$html .= '';
}
$html .= $page['data'];
if($page['data']['active']) {
$html .= '';
}
}
$html .= $list['next']['data'];
$html .= $list['end']['data'];
$html .= '<td id="nolinked">»</td>';
$html .= "<td width=50% id=\"fluid\"> </td></table>";
return $html;
}
function pagination_item_active(&$item) {
return "<td id=\"linked\"><a href=\"".$item->link."\" title=\"".$item->text."\">".$item->text."</a></td>";
}
function pagination_item_inactive(&$item) {
return "<td id=\"nolinked\">".$item->text."</td>";
}
?>
Дальше переходим в менджер шаблонов в админке,выбираем свой шаблон,открываем редактировать CSS,выбираем template.css и в самый низ добавляем:
/*Навигация*/
.paginate { margin:30px auto 0px; width: 100%; }
table.pagination {} /*тут все касательно оформления таблицы*/
table.pagination td { padding:0px; margin:0px 4px 0px 4px; border:solid #999 1px; background:none; line-height:18px;}
#fluid { border:none;} /*распорка для центровки таблицы*/
#nolinked { color:#333; background-color:#fff; padding:3px 6px 3px 6px; border:solid #333 1px;} /*ячейки без ссылок*/
#linked { background-color:#FFF; padding:0px; border:solid #333 1px;} /*активные ячейки*/
#linked a { color:#fff; background-color:#600; padding:3px 6px 3px 6px; margin:0px; display:block; line-height:18px; text-decoration: none; } /*ссылоки в ячейках*/
#linked a:hover { color:#000; background-color:#fc0; padding:3px 6px 3px 6px; margin:0px; display:block; line-height:18px; text-decoration: none; } /*ссылоки в ячейках*/
Вот что мы имеем:

Теперь в файле CSS вы можете оторваться по полной,менять цвета и всё прочее,экспериментируйте.

Можно также поиграться с pagination.php.