dedecms列表页模板 分页页码的样式问题

dedecms列表页模板 分页页码的样式问题,第1张

1你的div ul span 标答后都没有空一格吧,

2你试试下面经过调试的代码

<ul>{dede:list pagesize='30'}

<li><a href="[field:arcurl/]">[field:title/]</a>([field:click/] 次阅读)</li>

{/dede:list} </ul>

<div id="pageNav">

<ul>{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}</ul></div>

3希望帮到楼主

1

登陆DedeCMS织梦程序的后台→核心→频道模型→自由列表管理→增加列表

2

填写相关参数:

①首页的列表文件,建议直接放在根目录:{cmspath};

②勾选“不使用目录默认主页”,这样首页功能可以正常使用;

③命名规则改为:{listdir}/index_{page}html,生成的页面为inetx_1html、index_2html;

④最大列出页数、关键字、列表描述等其他参数请自行设置。

3

循环内的单行记录样式(InnerText),这里和首页的日志文章调用是差不多的。只需要把{dede:arclist } 这里的代码复制出来{/dede:arclist}即可使用。

4

在默认的模板目录下创建一个index_listhtml模板文件并加入调用代码。

日志文章的调用代码:{dede:freelist/}

分页链接的调用代码:{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}

具体可参考默认的list_freehtm文件代码。

5

登陆DedeCMS织梦程序的后台→核心→频道模型→自由列表管理→首页分页→更新

6

设置好 起始ID、结束ID、每批生成个数,点击生成html文件

这个样式就可以控制了的 不需要修改程序

我贴一个我写的样式吧

#pagelist {

padding: 25px 0 20px;

}

ul, ol, li {

border: 0 none;

list-style: none outside none;

margin: 0;

padding: 0;

}

#pagelist li {

display: inline-block;

float: left;

margin-right: 10px;

}

#pagelist lithisclass {

background-color: #6DA0E9;

border: 1px solid #868686;

color: #FFFFFF;

font-weight: bold;

height: 23px;

line-height: 23px;

padding: 0 7px;

}

这个我是写的样式,至于字体颜色和背景嘛 你可以更具自己的需要换。

给你一个参考,这个也是用dedeCMS做的

http://newsimrubbercom/news/

方法/步骤

1、首先我们在dedecms默认模板文件夹下面找到文件list_imaghtm文件,有人会问,为什么找这个文件呢?因为里面有调用代码,我们只有复制过来就可以了。

2、打开list_imaghtm文件,找到分页调用的代码段,正常情况是在30至34行,把这段代码复制下来粘贴到我们需要调用的地方。

3、接下来就是找这段代码的样式了,同样在list_imag里面找到css调用代码,正常情况在第8行,发现它调用了dedecmscss文件。

4、ok,我们在dedecms默认模板文件default/style下找到这个dedecmscss文件,打开它。发现它里面引入了layoutcss和pagecss。

5、我们同样在dedecms默认模板文件default/style下找到layoutcss和pagecss,打开他们

6、在刚才的分页调用代码段中,我发现它的class=“dede_pages”,那么我们在上面找的三个css文件里面搜索,看那个文件上有关于“dede_pages”的样式定义。结果在pagecss中查找到了,正常情况在第544至561行。代码如下图,把这段代码复制下来放到我们文件调用的css下面。

7、好的,现在刷新一下我们的页面,怎么样分页出来了吧,是不是很简单呢!

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » dedecms列表页模板 分页页码的样式问题

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情