包含织梦模板下拉菜单的词条

优化设计 2
本篇文章给大家谈谈织梦模板下拉菜单,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 织梦网站标题那里怎么设置下拉菜单,是需要加代码吗?有谁解答一下,多谢了。 首先将下面这段代码贴到templets\default\footer.htm文件里(只要在此文件里就行,位置无所谓)!-- //二级子类下拉菜单 ,考虑SEO原因放置于底部--

本篇文章给大家谈谈织梦模板下拉菜单,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

织梦网站标题那里怎么设置下拉菜单,是需要加代码吗?有谁解答一下,多谢了。

首先将下面这段代码贴到templets\default\footer.htm文件里(只要在此文件里就行,位置无所谓)

!-- //二级子类下拉菜单 ,考虑SEO原因放置于底部

--

script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'/script

{dede:channelartlist typeid='top' cacheid='channelsonlist'}ul id="dropmenu{dede:field.typeid/}" class="639dfd1a7e62e697 dropMenu"

{dede:channel type='son' noself='yes'} lia href="[field:typelink/]"[field:typename/]/a/li

{/dede:channel}

/ul

{/dede:channelartlist}

script type="text/javascript"cssdropdown.startchrome("navMenu")/script

刷新网页发现已经神奇地出现了下拉菜单,但此时是透明的,因为缺少一个下拉菜单图片。,原因是没有背景图片。

接下来你需要把DedeCMS5.6程序文件夹\dede\img里的mmenubg.gif(绿色背景图片,适用于绿色主题模板)或者DedeCMS5.5程 序文件夹\templets\images里的mmenubg.gif(蓝色背景图片,适用于蓝色主题模板)复制到DedeCMS5.7程序文件夹 /templets/default/images下面,现在你再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了

此时,你想要的效果基本上已经完成了,如果你还想做其他的设置,比如调整位置,只需要找到/templets/default/style/dedecms.css文件,ctrl+f 寻找.dropMenu

如果只是调整宽度,只用修改 :

width: 100px;/*------ //原来参数是120-,如果二级标题字数少,还可以把参数调整到80,乃至是60--------*/padding left 改变后可以使其居中,也可以改变字体的颜色。

织梦怎么实现分页,还有页码的下拉菜单

1、通过更改一个织梦博客站模板实例,来演示自由列表实现分页功能,所以首先假设已经做了一个博客站模板,但首页(使用模板是index.htm)文章列表是用标签{dede:arclist row='8'}****{dede:arclist}调用的,所以调用出的文章列表是没有分页效果的. 而正常的列表页(使用模版是list_article.htm)是有分页效果。

要让首页也有列表页的这种分页导航效果。

2、自由列表的使用

(1)织梦后台——核心——频道模型——自由列表管理——测试内容——更改。

(2)点击“更改”后,就打开了自由列表中的一个默认的“测试内容”的表。

更改内容:

* 自由列表标题改成:“首页分页”

* 列表HTML存放目录改成:{cmspath}

* 去掉“不使用目录默认主页”前的勾

* 命名规则改成:{listdir}/index_{page}.html

* 列表模板改成:{style}/list_free.htm

之后继续往下看

通过上图中的设置,来控制自由列表中显示文章列表的多少,一般情况下,只需要更改每页记录数、标题长度,和循环内的单行记录样式。

(2)而其中的“循环内的单行记录样式”中添加什么代码呢?

打开首页模板index.htm ,把调用文章列表标签{dede:arclist row='8'}{dede:arclist}之间的代码复制,粘帖到“循环内的单行记录样式” ,这个是控制文章列表的样式。

之后点击保存,自由列表的设置就完成了。

3、自由列表模板制作

(1)自由列表使用的模板是list_free.htm ,自己的模板中没有的话,就要做一个,方法很简单,把首页模板index.htm复制一个,改名为list_free.htm。

(2)打开list_free.htm,把调用文章列表的{dede:arclist row='8'}***{dede:arclist}这个代码块用{dede:freelist/}替换。

(3)之后在文章列表模板list_article.htm中,找到分页导航的代码,复制,并粘帖list_free.htm的相同位置。

这样自由列表模板就制作完成了。

4、生成自由列表,再次进入自由列表管理界面,点击更新按钮。

之后进入生成界面,直接点击生成,就会在网站根目录生成index_*.html的网页

织梦导航栏怎么调用下拉菜单并调用出来

在模板(telepret文件夹)里有个head.htm,直接在导航调用后面添加论坛链接的吧,也可以在后台添加一个栏目,设置成一个链接形式的栏目也行。默认的有下拉菜单,不用修改,如果栏目不是后台有的,则需要在模板里手动添加了。

织梦5.7如何创建下拉菜单

这个织梦自带下拉的,只是没启用!

第一步添加js代码,同那些网上搜的文章一样

首先在\templets\default\footer.html文件中的头部加上这段代码

script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'/script

{dede:channelartlist typeid='top' cacheid='channelsonlist'}ul id="dropmenu{dede:field.typeid/}" class="fd1a7e62e6972dc0 dropMenu"

{dede:channel type='son' noself='yes'} lia href="[field:typelink/]"[field:typename/]/a/li

{/dede:channel}

/ul

{/dede:channelartlist}

script type="text/javascript"cssdropdown.startchrome("navMenu")/script

这段代码就是导航下拉菜单的js代码,在dede的程序文件里默认的有这个js文件。

添加上这段代码就已经出现下拉菜单了,只是我们看到的是透明的而且是竖排的效果,透明的原因是没有图片的效果

我们到到\dede\img里找mmenubg.gif然后复制到/templets/default/images下面,刷新再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了。

第二步,修改dedecms.css

我们看到的是竖排的,下面我们就把改为横排的。

首先找到\templets\default\style\dedecms.css文件

找到

.dropMenu a {

width: auto;

display: block;

color: black;

padding: 2px 0 2px 1.2em;

将里面的里面的display: block;去掉,然后找到

.dropMenu {

position:absolute;

top: 0;

z-index:100;

width: 120px;

visibility: hidden;

将 width: 120;改成width: auto;就好了。

找到以下代码

margin-top: -1px;

border: 1px solid #93E1EB;

border-top: 0px solid #3CA2DC;

background-color: #FFF;

background:url(../images/mmenubg.gif);

padding-top:6px;

padding-bottom:6px;

}

.dropMenu li {

margin-top:2px;

margin-bottom:4px;

padding-left:6px;

然后修改为如下代码:

margin-top: -1px;

border: 1px solid #93E1EB;

border-top: 0px solid #3CA2DC;

background-color: #FBFFFD; (这里的颜色根据你图片的颜色来调整)

background:url(../images/mmenubg.gif); (这个背景图片你可以自己制作)

padding-top:6px;

padding-bottom:6px;

}

.dropMenu li {

border-left:1px solid #666666;

float:left;

height:14px;

line-height:14px;

margin-left:-2px;

padding-left:-10px;

padding-right:6px;

修改后效果

这样最终的效果就如文字开始时的那样了,当然/images/mmenubg.gif是需要你自己去ps的,你ps的越好看,这个下拉的二级菜单肯定就越漂亮。

织梦cms 模板导航后面3个不显示二级下拉菜单,前面是正常,为什么?请高手指点。

第一种,调用顶级栏目下的二级栏目{dede:channelartlisttypeid='3,3'}{dede:fieldname='typename'/}{dede:channeltype='son'noself='yes'}[field:typename/]{/dede:channel}{/dede:channelartlist}第二中,调用顶级栏目下的二级和三级栏目要是二级栏目下有三级栏目,就能正常输入,要是二级栏目没有三级栏目,就把同及栏目输出了{dede:channelartlisttypeid=‘2’}{dede:fieldname='typename'/}{dede:channeltype='son'row='10'noself='yes'}[field:typename/]{/dede:channel}{/dede:channelartlist}{dede:channelartlistcacheid='channelsonlist'typeid=2}{dede:fieldname='typename'/}{dede:channeltype='sun'row='10'noself='yes'}[field:typename/]{/dede:channel}{/dede:channelartlist}

织梦模板添加子栏目,列表页显示不出来下拉框?

你说的应该是频道封面页,栏目就是列表页。

在织梦后台,栏目管理里面随便右键你建的一个栏目,选择更改栏目。

其中有一个选项叫做栏目属性,其中有:最终列表栏目、频道封面、外部连接,这三个选项。

按照你的想法这边应该选择的是频道封面。

然后选择高级选项

频道封面对应的是封面模板,这边配置选择你所要的封面模版的路径,这样就行了

学会自己配置模版,理解封面,频道,文章这三种模版的意思,就行了。

织梦模板下拉菜单的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于、织梦模板下拉菜单的信息别忘了在本站进行查找喔。

织梦模板下拉菜单
扫码二维码