dedecms v57中 如何左侧显示多个二级栏目时如何设置当前的栏目样式,我写的代码没起作用

dedecms v57中 如何左侧显示多个二级栏目时如何设置当前的栏目样式,我写的代码没起作用,第1张

方法/步骤

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

  如果你要修改解析后显示的数据格式也可以在这里面修改(如添加class=XX)。

  具体修改需要因目标站而决定。

  因为很多目标站的分页不一样需要添加一些CLASS 这一步说添加class=XX 注意添加CLASS的时候一定要注意格式 添加格式为 class=\"thisclass\" 而不是class="thisclass"

这个我是用js的方法实现的。

1、左侧的列表正常调取

2、建立一个隐藏的div,里面的内容是当前栏目的标题

3、取到隐藏div的内容,去左侧栏目比对,相同则增加响应的class

效果蛮好,而且不用修改dede的代码,js组件很方便用。

有案例可看,如果需要可以私信我,这里发网址容易被屏蔽。

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » dedecms v57中 如何左侧显示多个二级栏目时如何设置当前的栏目样式,我写的代码没起作用

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情