您的位置:首页 > Web前端 > CSS

5UCMS分页样式

2015-10-21 15:30 471 查看
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 删掉,& 这个符号不能做为开头或结尾,只能在两组之间。

 分页花样很多,可以研究研究。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: