本文目录一览:
- 1、dedecms 网站怎么调用导航栏目和下拉菜单
- 2、求帮这段dedecms主页调用栏目页的代码改成可以显示3列,每列10行,一共可以调用30篇文章的代码?
- 3、dedecms列表页如何调用子栏目列表以及子栏目的名称
- 4、dedecms如何调用栏目中栏目内容
- 5、dedecms栏目链接怎么调用
- 6、织梦获取栏目id并调用
dedecms 网站怎么调用导航栏目和下拉菜单
dedecms 网站调用导航栏目和下拉菜单的方法如下:
织梦开源程序(dedecms)是一个很不错的开源程序,功能十分的强大,只是默认的模板就有很不错的用户体验效果。而还有很多的不完美的地方,就需要我们自己去做一下修改,譬如默认导航条上面没有下拉列表的功能,今天我就来帮助大家解决一下怎样制作织梦导航下拉列表。
其实这个导航条上面显示下拉列表还是蛮简单的,即使你不懂代码知识也是可以操作的,下面跟着步骤走,就能很轻松的实现啦。
首先我们将将下面这段红色的代码贴到"网站根目录\templets\default\"的"footer.htm"文件里里面,一般来说把这段代码放在最下面就行了。
!-- //放于底部即可--
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="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
接着我们重新生成网站首页,再打开首页刷新一下就会发现你的网站导航栏已经出现下拉菜单了,只是背景还是透明的,原因是没有背景图片。这时候我们只需要再加一张我们喜欢的背景图片就好看多了。
可是头疼的是,这个下拉菜单是透明的!咋么办??
加背景图片的办法
我们把织梦DedeCMS程序文件夹\dede\img里的mmenubg.gif(绿色背景图片,适用于绿色主题模板)或者DedeCMS程 序文件夹\templets\images里的mmenubg.gif(蓝色背景图片,适用于蓝色主题模板)复制到DedeCMS程序文件夹 /templets/default/images下面,现在你再看一下效果,导航栏是不是已经出现熟悉的下拉菜单了。
如果还想有更好的效果展示的话,我们就需要去手工修改/templets/default/style/dedecms.css里面的文件了,不过这得需要一点css知识哦~
修改css的话,我们可以在里面使用"ctrl+f"寻找 .dropMenu 进行修改即可。
求帮这段dedecms主页调用栏目页的代码改成可以显示3列,每列10行,一共可以调用30篇文章的代码?
需要重新架构,只根据您的样式ID写是无法写的。需要考虑到兼容性。
下面提供一段全新的符合您要求的代码和CSS,供您参考学习。
div class="list"
ul class="tnews"
a class="title" title="公司新闻" href="/news/news/"span class="t1"公司新闻/spanspan class="t2"NEWS/span/a
lia title="织梦DEDEcms文章散文模板" href="/news/news/18.html"span style="float:right; padding-left:2px;"01-07/span织梦DEDEcms文章散文模板/a/li
lia title="轻博客织梦博客模板/文章资讯模" href="/news/news/17.html"span style="float:right; padding-left:2px;"01-07/span轻博客织梦博客模板/文章资讯模/a/li
lia title="dede织梦商城模板(服装商城)" href="/news/news/16.html"span style="float:right; padding-left:2px;"01-07/spandede织梦商城模板(服装商城)/a/li
lia title="安防安防门的安装要求和使用说明" href="/news/news/7.html"span style="float:right; padding-left:2px;"07-25/span安防安防门的安装要求和使用说明/a/li
lia title="将相金属带您解析安防安防门的分" href="/news/news/6.html"span style="float:right; padding-left:2px;"07-25/span将相金属带您解析安防安防门的分/a/li
lia title="将相安防安防门一般在什么地方设" href="/news/news/5.html"span style="float:right; padding-left:2px;"07-25/span将相安防安防门一般在什么地方设/a/li
/ul
ul class="tnews"
a class="title" title="行业动态" href="/news/hot/"span class="t1"行业动态/spanspan class="t2"INFORMATION/span/a
lia title="安防监控选购有章可循" href="/news/hot/27.html"span style="float:right; padding-left:2px;"01-07/span安防监控选购有章可循/a/li
lia title="人气明星职业妆容画法" href="/news/hot/20.html"span style="float:right; padding-left:2px;"01-07/span人气明星职业妆容画法/a/li
lia title="打造21世纪社会急需高端人才" href="/news/hot/19.html"span style="float:right; padding-left:2px;"01-07/span打造21世纪社会急需高端人才/a/li
lia title="安防安防门的样式还需提高" href="/news/hot/10.html"span style="float:right; padding-left:2px;"07-25/span安防安防门的样式还需提高/a/li
lia title="安防安防门的种类及安装位置介绍" href="/news/hot/9.html"span style="float:right; padding-left:2px;"07-25/span安防安防门的种类及安装位置介绍/a/li
lia title="安防门的产品种类和分类" href="/news/hot/8.html"span style="float:right; padding-left:2px;"07-25/span安防门的产品种类和分类/a/li
/ul
ul class="tnews"
a class="title" title="常见问题" href="/faq/"span class="t1"常见问题/spanspan class="t2"FAQ/span/a
lia title="各类监控怎么洗涤才好?" href="/faq/2014/0107/26.html"span style="float:right; padding-left:2px;"01-07/span各类监控怎么洗涤才好?/a/li
lia title="安防监控的安装注意啥?" href="/faq/2014/0107/25.html"span style="float:right; padding-left:2px;"01-07/span安防监控的安装注意啥?/a/li
lia title="安防监控的风格怎么搭?" href="/faq/2014/0107/24.html"span style="float:right; padding-left:2px;"01-07/span安防监控的风格怎么搭?/a/li
lia title="监控清洗让爱家在焕然一新" href="/faq/2014/0107/23.html"span style="float:right; padding-left:2px;"01-07/span监控清洗让爱家在焕然一新/a/li
lia title="合肥中科大先进技术研究院综合主" href="/faq/2014/0107/22.html"span style="float:right; padding-left:2px;"01-07/span合肥中科大先进技术研究院综合主/a/li
lia title="政府采购中心“监控”招标公告" href="/faq/2014/0107/21.html"span style="float:right; padding-left:2px;"01-07/span政府采购中心“监控”招标公告/a/li
/ul
/div
/*common tail css*/
.list{ width:1100px;margin:0 auto;}
.list ul{ float:left; width:275px; height:282px; display:block; color:#7B7474;}
.list ul .title{ width:250px; height: 33px; display:block; background-color:#D0D0D0; margin:32px 0 5px; color:#666666}
.list ul .title:hover{ text-decoration:none; background-color:#54C0F0; color:#FFF;}
.list ul .title .t1{ line-height:32px; font-size:14px; font-weight:bold; padding-left:10px;}
.list ul .title .t2{ line-height:28px; font-size:10px; font-weight:bold; padding:4px 0 0 5px;}
.list ul li{ width:245px; height:30px; display:block; line-height:30px; padding-left:5px; font-size:13px; overflow:hidden}
dedecms列表页如何调用子栏目列表以及子栏目的名称
dedecms列表页如何调用子栏目列表以及子栏目的名称的方法。
如下参考:
1.打开梦想编织设备的主界面,直接找到增加顶级top程序,选择跳转。
2.此时,进入新的对话框,根据实际情况设置相关参数。
3.如果下一步没有问题,点击确定,如下图。
4.以便在特殊情况下看到相应的结果,可以转移到使用指定列下的子列列表中。
dedecms如何调用栏目中栏目内容
单纯的使用{dede:field.content/},是调用不到首页的,貌似只能调用到栏目页,如果想要调用到首页或者是其它页面的任何位置需要使用
{dede:sql sql='Select content from dede_arctype where id=2' }
[field:content function='cn_substr(html2text(@me),550)'/]...
{/dede:sql}
需要注意的是,如果安装dede时修改了数据表前缀,则需要把dede_arctype中的dede替换成你的数据表前缀,2,代表你想要调用栏目内容的栏目ID,下面的则是调用的限制字数,使用这个调用,可以调用的你网站的任意栏目内容到任意位置。
dedecms栏目链接怎么调用
1、打开dedecms织梦管理后台,用管理员账户密码登陆。
2、点击【核心】----【网站栏目管理】-----选择一个栏目后面的,点击【更改】。
3、【常规选项】 【高级选项】 【栏目内容】中选择{高级选项},填写栏目的SEO标题,复制代码【{dede:field.seotitle /}】并记住栏目模板的名称【list_article.htm】。点击下面的确定保存。
4、点击【模板】【默认模板管理】找到模板文件名【list_article.htm】,点击模板后面的修改,弹出修改模板代码页面。
5、打开【list_article.htm】,找到title标题,将{dede:field.title /}修改为 {dede:field.seotitle /},点击保存。
6、依次点击【生成】-------【更新栏目HTML】------【更新所有】----------【生成HTML】点开栏目的页面,就完成调用了。
织梦获取栏目id并调用
1、首先第一步就是进行先用织梦模板在服务器下搭建了一个简单站点,然后新增了三个顶级栏目,效果如下图所示。
2、接着就是进行用编辑器打开网站首页模板“index.htm”,为了直观显示,将其他不必要代码删除,仅用来讲解顶级栏目调用,如下图所示。
3、然后就是织梦顶级栏目的调用方法如下图所示,其中row=“3”主要的是表示调用顶级栏目三条数据,type=“top”则表示调用的是顶级栏目即可。
4、接着就是进行代码添加好后,我们将主页生成一次,主页生成方法如下图所示。
5、然后就是主页生成完成后,这时候注意的是点击生成后的浏览,这样就可以查看首页的前端显示情况了即可。
6、最后从前端显示页面中就可以看到,顶级栏目的调用已经实现了,如下图所示。