dede下拉导航的简单介绍
本文目录一览：
- 1、请问dede 5.5如何实现导航下拉菜单
- 2、dede模板的导航怎么改成下拉菜视频单式的
- 3、dedecms 网站怎么调用导航栏目和下拉菜单
- 4、DEDE5.7 怎样制作一个动态导航下拉菜单效果，主栏目下拉出二级栏目
- 5、dede 的动态导航下拉菜单怎么做啊？ 求高手解答！
- 6、织梦5.7如何创建下拉菜单
请问dede 5.5如何实现导航下拉菜单
这个只能用JS来实现，网上有很多这样的代码啊。。可以找一个在本地测试一下，没问题就可以上传，就可以了
dede模板的导航怎么改成下拉菜视频单式的
dede导航下拉菜单,一级栏目增加二级下拉菜单
使用dedecms5.6——5.7
将这段代码贴到templets\default\footer.htm文件里
{dede:channelartlist
typeid='top' cacheid='channelsonlist'}
{dede:channel type='son'
noself='yes'}
[field:typename/]
{/dede:channel}
{/dede:channelartlist}
重新生成一下后看一下效果，会发现导航栏已经出现下拉菜单了，只是背景是透明的，原因是没有背景图片。
你需要把DedeCMS5.5程序文件夹\dede\img里的mmenubg.gif(绿色背景图片，适用于绿色主题模板)或者
DedeCMS5.5程序文件夹\templets\images里的mmenubg.gif(蓝色背景图片，适用于蓝色主题模板)复制到
DedeCMS5.6.7程序文件夹/templets/default/images下面，现在你再看一下效果，呵呵，导航栏是不是已经出现熟悉的下拉菜单了。
以下是全部代码：
{dede:channelartlist
typeid='top' cacheid='channelsonlist'}
{dede:channel type='son'
noself='yes'}
[field:typename/]
{/dede:channel}
{/dede:channelartlist}
Powered
by "
title="织梦内容管理系统(DedeCms)--国内最专业的PHP网站管理系统，轻松建站的首选利器。"
target="_blank"DedeCMS{dede:global.cfg_version/} ©
2004-2011 "
target="_blank"DesDev Inc.
{dede:global.cfg_powerby/} {dede:global.cfg_beian/}
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="e78a-cdc2-ce9e-9f6d 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 进行修改即可。
DEDE5.7 怎样制作一个动态导航下拉菜单效果，主栏目下拉出二级栏目
DEDE5.6模板就有这个功能代码，主导航链接加上rel属性
div id="navMenu"
ul
{dede:channel type='top' row='10' currentstyle="li class='8eb8-acfe-0653-5f35 hover'a href='~typelink~' ~rel~span~typename~/span/a/li"}
lia href='[field:typeurl/]' [field:rel/]span[field:typename/]/span/a/li
{/dede:channel}
/ul
/div
然后在页脚部分加上下拉菜单代码
script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'/script
{dede:channelartlist typeid='top' }
ul id="dropmenu{dede:field.typeid/}" class="cdc2-ce9e-9f6d-e0ef dropMenu"
{dede:channel type='son' }
lia href="[field:typelink/]" target="[field:smalltypes/]"[field:typename/]/a/li
{/dede:channel}
/ul
{/dede:channelartlist}
script type="text/javascript"cssdropdown.startchrome("navMenu")/script
注意主菜单必须有id="navMenu" 和页脚部分的js代码对应cssdropdown.startchrome("navMenu")
dede 的动态导航下拉菜单怎么做啊？ 求高手解答！
1.修改 include下面taglib文件夹里的channel.lib.php文件 替换成我的
?php
function lib_channel($ctag,$refObj)
{
global $_sys_globals,$envs,$dsql;
$attlist = "typeid|0,reid|0,row|100,col|1,type|son,currentstyle|";
FillAttsDefault($ctag-CAttribute-Items,$attlist);
extract($ctag-CAttribute-Items, EXTR_SKIP);
$innertext = $ctag-GetInnerText();
if(empty($typeid) $envs['typeid']!=0)
{
$typeid = $envs['typeid'];
$reid = $envs['reid'];
}else{
$reid=0;
}
if($type==''||$type=='sun') $type="son";
if($innertext=='') $innertext = GetSysTemplets("channel_list.htm");
if($reid==0 $typeid0)
{
$dbrow = $dsql-GetOne("Select reid From `#@__arctype` where id='$typeid' ");
if(is_array($dbrow)) $reid = $dbrow['reid'];
}
$likeType = '';
if($type=='top')
{
$sql = "Select id,typename,typedir,isdefault,ispart,defaultname,namerule2,description
From `#@__arctype` where reid=0 And ishidden1 order by sortrank asc limit 0,$row";
}
else if($type=="son")
{
//if($_sys_globals['typeid']0) $typeid = $_sys_globals['typeid'];
if($typeid==0) {
return '';
}
$sql = "Select id,typename,typedir,isdefault,ispart,defaultname,namerule2,description
From `#@__arctype` where reid='$typeid' And ishidden1 order by sortrank asc limit 0,$row";
}
else if($type=="self")
{
if($reid==0) {
return '';
}
$sql = "Select id,typename,typedir,isdefault,ispart,defaultname,namerule2,description
From `#@__arctype` where reid='$reid' And ishidden1 order by sortrank asc limit 0,$row";
}
//And id'$typeid'
$dtp2 = new DedeTagParse();
$dtp2-SetNameSpace("field","[","]");
$dtp2-LoadSource($innertext);
$dsql2 = clone $dsql;
$dsql-SetQuery($sql);
$dsql-Execute();
$line = $row;
$GLOBALS['autoindex'] = 0;
for($i=0;$i $line;$i++)
{
if($col1) $likeType .= "dl\r\n";
for($j=0;$j$col;$j++)
{
if($col1) $likeType .= "dd\r\n";
if($row=$dsql-GetArray())
{
if($type=='self' $row['id']==$typeid) //处理同级栏目中，当前栏目的样式
{
if($currentstyle!='')
{
$linkOkstr = $currentstyle;
$row['typelink'] = GetOneTypeUrlA($row);
$linkOkstr = str_replace("~typelink~",$row['typelink'],$linkOkstr);
$linkOkstr = str_replace("~typename~",$row['typename'],$linkOkstr);
$likeType .= $linkOkstr;
}
}else
{
$row['typelink'] = $row['typeurl'] = GetOneTypeUrlA($row);
if(is_array($dtp2-CTags))
{
foreach($dtp2-CTags as $tagid=$ctag){
if(isset($row[$ctag-GetName()]))
{
$dtp2-Assign($tagid,$row[$ctag-GetName()]);
}
elseif (preg_match('/^sonchannel[0-9]*$/',$ctag-GetName()))
{
$dtp2-Assign($tagid,lib_channel_son($ctag,$row['id'],$dsql2));
}
}
}
$likeType .= $dtp2-GetResult();
}
}
if($col1) $likeType .= "/dd\r\n";
$GLOBALS['autoindex']++;
}//Loop Col
if($col1)
{
$i += $col - 1;
$likeType .= " /dl\r\n";
}
}//Loop for $i
reset($dsql2);
$dsql-FreeResult();
return $likeType;
}
function lib_channel_son($ctag,$typeid = 0,$dsql2)
{
$attlist = "row|100,col|1,currentstyle|";
FillAttsDefault($ctag-CAttribute-Items,$attlist);
extract($ctag-CAttribute-Items, EXTR_SKIP);
$innertext = $ctag-GetInnerText();
$dsql3 = clone $dsql2;
$likeType = '';
//if($_sys_globals['typeid']0) $typeid = $_sys_globals['typeid'];
if($typeid==0) {
return '';
}
$sql = "Select id,typename,typedir,isdefault,ispart,defaultname,namerule2,description
From `#@__arctype` where reid='$typeid' And ishidden1 order by sortrank asc limit 0,$row";
//And id'$typeid'
$dtp2 = new DedeTagParse();
$dtp2-SetNameSpace("field","[","]");
$dtp2-LoadSource($innertext);
$dsql2-SetQuery($sql);
$dsql2-Execute();
$line = $row;
for($i=0;$i $line;$i++)
{
if($col1) $likeType .= "dl\r\n";
for($j=0;$j$col;$j++)
{
if($col1) $likeType .= "dd\r\n";
if($row=$dsql2-GetArray())
{
$row['typelink'] = $row['typeurl'] = GetOneTypeUrlA($row);
if(is_array($dtp2-CTags))
{
foreach($dtp2-CTags as $tagid=$ctag){
if(isset($row[$ctag-GetName()]))
{
$dtp2-Assign($tagid,$row[$ctag-GetName()]);
}
elseif (preg_match('/^sonchannel[0-9]*$/',$ctag-GetName()))
{
$dtp2-Assign($tagid,lib_channel_son($ctag,$row['id'],$dsql3));
}
}
}
$likeType .= $dtp2-GetResult();
}
if($col1) $likeType .= "/dd\r\n";
}//Loop Col
if($col1)
{
$i += $col - 1;
$likeType .= " /dl\r\n";
}
}//Loop for $i
reset($dsql3);
$dsql2-FreeResult();
return $likeType;
}
?
2.调用
这是我调用的代码
{dede:channel typeid='1'}
li
a class="ce9e-9f6d-e0ef-7d6d " href="[field:typeurl/]" title=""[field:typename/]
img src="***.gif" //a
div class="9f6d-e0ef-7d6d-8eb8 sub"
ul
[field:sonchannel0]lia href="[field:typeurl/]"[field:typename/]/a/li[/field:sonchannel0]
/ul
/div
/li
{/dede:channel}
[field:sonchannel0] 表示下级的菜单 自己改吧
织梦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="e0ef-7d6d-8eb8-acfe 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的越好看，这个下拉的二级菜单肯定就越漂亮。
