Chinaunix首页 | 论坛 | 博客
  • 博客访问: 887212
  • 博文数量: 60
  • 博客积分: 1458
  • 博客等级: 中尉
  • 技术积分: 1373
  • 用 户 组: 普通用户
  • 注册时间: 2011-12-24 12:50
个人简介

不积硅步无以至千里

文章分类

全部博文(60)

分类: 系统运维

2012-08-22 15:16:05

在使用K2的时候设置页脚导航是发现默认的K2页脚导航是从上至下一列,而不是下图所示的两行:


为了实现如上图所示的效果,可以打开:

  1. C:\xampp\htdocs\j15\templates\rt_gantry_j15\html\Pagination.php
并将其中pagination_list_render函数修改为:

点击(此处)折叠或打开

  1. function pagination_list_render($list)
  2. {
  3.     // Initialize variables
  4.     $lang =& JFactory::getLanguage();
  5.     
  6.     /* ul实现了无序列表,可以通过style来控制显示样式 */
  7.     $html = "
      ";

    •     $html .= $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 .= '«';

    •     $html .= "
    ";
  8.     return $html;
  9. }
完成以上更改后即可变为熟悉的两行结构。但是会发现,首页、上页等字体间距太小,不合理。可以通过修改如下文件来改善这种状况。
文件位置:

  1. C:\xampp\htdocs\j15\components\com_k2\css\k2.css
找到 Pagination 部分,对其进行修改如下:


  1. div.k2Pagination ul li {display:inline; font-size:14px; margin:10px 5px 15px 20px;}

效果如下:


添加了 font-size 和 margin 属性,前者控制字体大小,后者确定了li每一个的边距,margin后面的四个像素值分别代表着:上边距、右边距、下边距和左边距。
还可以在这里定义更为丰富的页脚导航属性。

阅读(5135) | 评论(1) | 转发(0) |
给主人留下些什么吧!~~

中国物讯网112012-10-19 14:18:58

学习了