5ucms论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 6826|回复: 0

[常用标签] 分页/上下页

[复制链接]

670

主题

785

帖子

8228

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
8228
发表于 2019-2-26 09:50:46 | 显示全部楼层 |阅读模式


正常分页链接:
上一篇:
{tag:pre}下一篇: {tag:next}
独立的分页标签(可自定义样式),请使用VIP版后台或联系我们定制
上一篇:<a href="{tag:preurl}" title="{tag:pretitle}">{tag:pretitle}</a>
下一篇:<a href="{tag:nexturl}" title="{tag:nexttitle}">{tag:nexttitle}</a>
文章分页链接 调用代码 建议固定格式,以使用下方对就CSS代码
游客,如果您要查看本帖隐藏内容请回复


VIP版简写:
{t:p} 上一篇
{t:pu} 上篇链
{t:pt} 上篇标题
{t:n} 下一篇
{t:nu} 下篇链
{t:nt} 下篇标题
{t:sp} 站点路径
{p} 分页代码

上下篇用CSS例子
<div class="prenext">
<span class="pre"><< 上一篇:{tag:pre}</span>
<span class="next">下一篇:{tag:next} >></span>
<div style="clear:both;"></div>
</div>
.prenext{line-height:40px;border-top-width:1px;border-top-style:dashed;border-top-color:#ccc;padding-right:10px;padding-left:10px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.prenext .pre{float:left;width:50%} /* 上一篇 */
.prenext .next{text-align:right;float:right;width:50%} /* 下一篇 */

CSS代码
/* 分页样式一 www.5ucms.org QQ3876307 */
.i5upage li { list-style-type:none; float:left; } /*如分页代码变成楼梯错位,加上这句即可*/
.i5upage{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.i5upage a,.i5upage 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和链接 */
.i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.i5upage 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 */

/* 分页样式二 www.5ucms.org QQ3876307 */
.i5upage {
BORDER-RIGHT: #e8e8e8 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #e8e8e8 1px solid; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 10px 0px 0px; BORDER-LEFT: #e8e8e8 1px solid; WIDTH: 668px; LINE-HEIGHT: 14px; PADDING-TOP: 10px; BORDER-BOTTOM: #e8e8e8 1px solid; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; HEIGHT: auto
}
.i5upage A {
BORDER-RIGHT: #acacac 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #acacac 1px solid; DISPLAY: block; PADDING-LEFT: 12px; FONT-WEIGHT: bold; FONT-SIZE: 13px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN-LEFT: 4px; BORDER-LEFT: #acacac 1px solid; COLOR: #484848; PADDING-TOP: 6px; BORDER-BOTTOM: #acacac 1px solid; HEIGHT: 16px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.i5upage SPAN {
BORDER-RIGHT: #acacac 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #acacac 1px solid; DISPLAY: block; PADDING-LEFT: 12px; FONT-WEIGHT: bold; FONT-SIZE: 13px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN-LEFT: 4px; BORDER-LEFT: #acacac 1px solid; COLOR: #484848; PADDING-TOP: 6px; BORDER-BOTTOM: #acacac 1px solid; HEIGHT: 16px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.i5upage A:hover {
BORDER-RIGHT: #a3001f 1px solid; BORDER-TOP: #a3001f 1px solid; FONT-WEIGHT: bold; BACKGROUND: #a3001f; BORDER-LEFT: #a3001f 1px solid; COLOR: #fff; BORDER-BOTTOM: #a3001f 1px solid
}
.i5upage A.current {
BORDER-RIGHT: #a3001f 1px solid; BORDER-TOP: #a3001f 1px solid; FONT-WEIGHT: bold; BACKGROUND: #a3001f; BORDER-LEFT: #a3001f 1px solid; COLOR: #fff; BORDER-BOTTOM: #a3001f 1px solid
}
.i5upage INPUT {
BORDER-RIGHT: #5f5f5f 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #5f5f5f 0px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #5f5f5f 0px solid; WIDTH: 20px; COLOR: #3a3a3a; PADDING-TOP: 0px; BORDER-BOTTOM: #5f5f5f 0px solid; TEXT-ALIGN: center
}

V3及VIP版分页
主要修改这里 <!--page:{$size=8  $style=1}-->
原分页标签不能变
<div class="page"> {tag:page}
       <div style="clear:both;"></div>
</div>
分别使用$style=1,$style=2,$style=3调用
/*page样式开始 www.5ucms.org QQ3876307 */
.page1{ width:600px; margin:0 auto;}
.page1 li{ float:left; margin:0 10px 0 0;}
.page1 a{ padding:5px; border:#CCC 1px solid; line-height:12px; display:block; color:#999;}
.page1 a:hover{ border-color:#333; color:#333;}
.page1 .current{ border-color:#333; color:#333;}
.page1 span{float:left; display:block; height:25px; line-height:25px; width:50px;}

/*page1样式开始  www.5ucms.org QQ3876307 */
.page2{ width:600px; margin:0 auto; clear:both;}
.page2 li{ float:left; margin:0 10px 0 0;}
.page2 a{ padding:5px; background:#999; border:#888 1px solid; line-height:12px; display:block; color:#fff;}
.page2 a:hover{ border-color:#333; color:#333;}
.page2 .current{ border-color:#333; color:#333;}
.page2 span{float:left; display:block; height:25px; line-height:25px; width:50px;}

/*page2样式开始  www.5ucms.org QQ3876307 */
.page3{ width:600px; margin:0 auto; clear:both;}
.page3 li{ float:left; margin:0 10px 0 0;}
.page3 a{ padding:5px; background:#8EC7FF; border:#03f 1px solid; line-height:12px; display:block; color:#03f;}
.page3 a:hover{background:#FFF; border:#666 1px solid; color:#666;}
.page3 .current{background:#FFF; border:#666 1px solid; color:#666;}
.page3 span{float:left; display:block; height:25px; line-height:25px; width:50px;}
===========================================================
显示详细信息的上一篇,下一篇标签
上一篇
<ul>      
<!--List:{ $Sql=Select top 1 * From [{pre}content] Where id>{field:id}  }-->      
<li><a href="[List:aurl]" title="[List:title]" target="_blank">[List:titlex]</a></li>      
<li>作者:[List:author]┊   [List:modifytime $format=yyyy-mm-dd]</li>      
<li>[List:description $len=80 $lenext=…]</li>      
<!--List-->      
</ul>   
下一篇
<ul>      
<!--List:{ $Sql=Select top 1 * From [{pre}content] Where id<{field:id} order by id desc }-->      
<li><a href="[List:aurl]" title="[List:title]" target="_blank">[List:titlex]</a></li>      
<li>作者:[List:author]┊   [List:modifytime $format=yyyy-mm-dd]</li>      
<li>[List:description $len=80 $lenext=…]</li>      
<!--List-->      
</ul>   
===========================================================
分页中由系统输出的文字修改,你可以打开 inc/language 下面的对应语言包,以 inc/language/zh-cn.asp 为例

const lang_page_info = "$record" ' 这里你可以自己编写数据的显示顺序及对应要组合的

如: lang_page_info 来举个例吧,如改为 const lang_page_info = "共有$record条记录,共$count页,

由 {tag:page} 输出的代码的结构如下:

这里由 lang_page_info 组成 分页链接 ... 分页链接 (这是直接跳转)

===========================================================


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|5ucms.com

GMT+8, 2024-4-19 01:58 , Processed in 1.359375 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表