订阅/程序下载
首页 > 5ucms改进 > 正文
无忧建站:谈谈5UCMS分页样式
作者:Qiuss 来源:无忧建站 日期: 浏览量:832(滞后) 人气:LOADING...(实时) 【

5ucms列表页和内容页面调用的分页标签,主要由 inc/pagelist.asp  和 inc/language/zh-cn.asp 这两文件组成,所以我们在修改样式的时候,肯定是在这里面。

改样式最简单的方法就是改他原来的CSS文件,比如:template/css/style.css

找到:

/* 分页 */  
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }   
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */  
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */  
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */  

如果不懂CSS的话没关系,只要记住这几个常用参数:

第三行是未选定前样式:color:#390;这个是字体颜色,border:1px solid #ccc;这个是边框,这里面是未选定状态下的边框,1px 是边框大小,solid 是实线,虚线为:dashed ,#CCC就是边框颜色了。

第四行是选定后样式:和上面一样,color:#F44;颜色,border:1px solid #F44;边框,这时你也可以加个背景色, background:#EEE;

这样可以简单的修改分页的样式了,如果要特殊的就要改动inc/pagelist.asp  和 inc/language/zh-cn.asp 这两文件的代码。

Pagelist.asp:

pageinfo = "<span>" & pageinfo & "</span>" 这个是分页信息;

dim firstlink,lastlink,prelink,nextlink    
firstlink = "<a href=""" & ruleindex & """>" & lang_page_first & "</a>"                               ' 首页   
prelink   = "<a href=""" & replace(ruleurl, "{page}", pagenowx - 1) & """>" & lang_page_pre & "</a>"  ' 上一页   
nextlink  = "<a href=""" & replace(ruleurl, "{page}", pagenowx + 1) & """>" & lang_page_next & "</a>" ' 下一页   
lastlink  = "<a href=""" & replace(ruleurl, "{page}", pagecountx) & """>" & lang_page_last & "</a>"   ' 尾页   
if pagenowx = 2 then prelink = "<a href=""" & ruleindex & """>" & lang_page_pre & "</a>"              ' 上一页链接判断   
if pagenowx   = 1 then firstlink = "" : prelink = "" ' 第一页无首页及上一页   
if pagenowx   = pagecountx then lastlink = "" : nextlink = "" ' 最后一页无下一页及尾页   
if pagecountx =< loopnum1 + loopnum2 + 1 then firstlink = "" : lastlink = "" ' 不足一次显示数量就不显示首页及尾页  

以上这些建议懂asp代码基础的朋友改动。

' 返回链接   
dim p, looplink, thislink   
for p = i to j   
    if p = pagenowx then thislink = " class=""current""" else thislink = ""  
    if p = 1 then   
        looplink = looplink & "<a href=""" & ruleindex & """"&thislink">1</a>"  
    else   
        looplink = looplink & "<a href=""" & replace(ruleurl, "{page}", p) & """"&thislink">" & p & "</a>"  
    end if   
next   
pagelistx = pageinfo & firstlink & prelink & looplink & nextlink & lastlink & jumplink   
nd Function  

pagelistx = pageinfo & firstlink & prelink & looplink & nextlink & lastlink & jumplink

这行是分页组合,上面组合成:分页信息,首页,上一页,页码,下一页,尾页,跳转

如果不要跳转的话直接把后台& jumplink 删掉,& 这个符号不能做为开头或结尾,只能在两组之间。

 分页花样很多,可以研究研究。

转载请注明:无忧建站网  作者:清风隐影 QQ:1009004

本站推荐:5ucms模板 5ucms插件 微信/QQ:3876307        [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:给5UCMS内容页分页标题自动增加页码的修改方法
下一篇:让5UCMS蜘蛛程序识别更多的搜索引擎
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
常见问题: 什么是路径码? 如有问题,请在下方评论提问或加入5ucmsQQ群
无忧建站:谈谈5UCMS分页样式的关键词:5UCMS分页样式
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org 微信/QQ:3876307