网站首页新闻栏目各有不同的样式,在dedecms里怎么实现调用？

◆DedeCms模板安装/制作概述：

　　DedeCms系统的模板是非固定的，用户可以在新建栏目时可以自行选择栏目模板，官方仅提供最基本的默认模板，即是内置系统模型的各个模板，由于DedeCms支持自定义频道模型，用户自定义新频道模型后，还需要按该模型的字段设计一套新的模板，此外，DedeCms也支持使用风格的形式使用模板，默认风格是 default，它表示系统默认使用 cmspath/templets/default 这个文件夹的模板，如果你下载了一套新的模板，你可以不必要删除 default 原有的文件，把下载的模板文件夹命名你想要的风格名称，如 style2 等，然后在后台修改了默认的模板风格名称为 style2 ，那系统将使用 templets/style2 这文件当作默认模板，但是若你手工指定了栏目模板的位置，则后台参数风格的定义无效。

一、概念，设计和使用模板，必须要理解下面几个概念

1、板块（封面）模板：

　　指网站主页或比较重要的栏目封面频道使用的模板，一般用“index_识别IDhtm”命名，此外，用户单独定义的单个页面或自定义标记，也可选是否支持板块模板标记，如果支持，系统会用板块模板标记引擎去解析后才输出内容或生成特定的文件。

2、列表模板：

　　指网站某个栏目的所有文章列表的模板，一般用 “list_识别IDhtm” 命名。

3、档案模板：

　　表示文档查看页的模板，如文章模板，一般用 “article_识别IDhtm” 命名。

4、其它模板：

　　一般系统常规包含的模板有：主页模板、搜索模板、ＲＳＳ、ＪＳ编译功能模板等，此外用户也可以自定义一个模板创建为任意文件。

二、 命名，DedeCms模板默认命名规则如下

1、模板保存位置：

　　模板目录：cmspath/templets/样式名称（英文，默认为default，其中system为系统底层模板，plus为插件使用的模板）/具体功能模板文件｝

2、 模板文件命名规范：

（１）index_识别IDhtm：　表示板块（栏目封面）模板；

（２）list_识别IDhtm：　表示栏目列表模板；

（３）article_识别IDhtm：　表示内容查看页（文档模板，包括专题查看页）；

（４）searchhtm： 搜索结果列表模板；

（５）indexhtm： 主页模板；

注解：[识别ID]可以在“频道模型管理”的地方获得，当然，你也可以在“频道模型管理”的地方确定某个频道的模板命名。

例：list_imagehtm 表示是就是内容类型为集的栏目默认列表模板。

　　article_articlehtm 表示的是文章查看页模板。

三、其它模板说明

1、默认底层模板

位置： cmspath/templets/system

功能：在没有指定标记的默认底层模板的时候，系统将自动调用这个文件夹的相应文件作为底层模板。

2、插件目录模板

位置： cmspath/templets/plus

功能：评论、友情链接、RSS地图等模板。

3、会员后台模板

位置： cmspath/member/templets

功能：会员后台的模板。

四、二次开发

　　DedeCms主要的模板解析类是 include/inc_arcpart_viewphp、include/inc_arclist_viewphp、include/inc_archives_viewphp，这些类是与pub_dedetagphp一起工作的，如果你想为文档模板、列表模板、板块模板增加一些功能，可以直接修改这几个类的ParseTemplet()或ParseTempletsFirst()这类的方法，把标记名称，属性对应试相应该的功能函数即时。

希望能帮到你

Dedecms 的首页样式文件一般在配套的模板文件里，默认模板的css样式在skin目录下css文件夹里的stylecss文件里，其他模板css样式都是自定义的，需要具体分析。

一、dedecms 默认模板样式。

1、默认模板样式位置是固定的，直接用Vscode编辑器打开模板文件目录，定位到“default”文件夹下，就可以看见style文件夹，里面都是默认模板的样式。

2、一般首页的样式都在“dedecmscss”文件里，打开修改即可。

二、查看自定义模板css样式。

自定义模板的css样式比较灵活，开发者可能会把样式文件放在任何一个目录下，此时就需要自己去分析模板。

1、打开dedecms的目录，打开自定义模板文件夹。

2、接着打开首页模板文件“indexhtm”，可以看到，“<link>”标签里的 css文件路径，一般就是模板套用的css样式，只要打开它就可以修改了。

3、按下“crtl”键，此时编辑器页面会出现“按住Crtl并单击可访问连接的提示”。

4、此时按住“crtl”鼠标左键单击link标签下的路径，Vscode就会自动定位到该文件的目录并打开改文件。

最后就可以修改样式了。

给园艺文化，公司新闻，行业动态这几个div 加样式 <div class="newtype comnew color[field:typeid/]">

然后css里面加上color1{background-color:red}color2{background-color:blue}color3{background-color:green}

这1,2,3是栏目的id

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

1、左侧的列表正常调取

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

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

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

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