各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案

Str Tom,为分享PHP技术和解决方案,贡献一份自己的力量!
收藏本站(不迷路),每天更新好文章!
当前位置:首页 > CMS教程 > dedecms

dede 下拉菜单的实现方法-织梦下拉菜单的添加制作

管理员 2016-01-11
dedecms
127

郑重声明 只要完成下面的3个步骤,只要是dede建的站 不管是默认的还是自己建立的模板都可以实现下拉菜单。雨过天晴工作室亲测有效!

dede实现下拉菜单步骤:

一、你自己网站正在用的模板的head 

   {/dede:channel}

  •  
  • 首页
  • {dede:channel row='10'  type ='top'    }
  •  [field:rel/]>[field:typename/]
      

 

我们只要注意黑色的这一行,这个是输出导航栏栏目的,需要在这里添加上红色的部分[field:rel/] 你想要更多样式需要你自己慢慢测试了。

提醒:这里首页必须用id="navMenu",在css表格里吧头部的id或者class更改为默认这个。

二、你自己网站正在用的模板的footer.htm或者index.htm,head.htm等等均可,这里推荐footer.htm。

在页面上添加如下java代码,全部复制黏贴即可。


{dede:channelartlist typeid='top' cacheid='channelsonlist'}


      {dede:channel type='son' noself='yes'}  
  • [field:typename/]

  •   {/dede:channel}

{/dede:channelartlist}

 

三、到templetsdefaultstyle 中打开dedecms.css

寻找.dropMenu 这个类,复制他的所有代码到你自己的css中,

你也可以直接复制下面的代码到你的css中。

如下:


.dropMenu {
 position:absolute;
 top: 0;
 z-index:100;
 width: 80px;
 visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4);
 margin-top: -1px;
 border: 3px solid #FF0000;
 border-top: 0px solid #3CA2DC;
 background-color: #FFF;
 background:url(templets/sdgwy/index_files/mmenubg.gif);
 padding-top:6px;
 padding-bottom:6px;
}

.dropMenu li {
 margin-top:2px;
 margin-bottom:4px;
 padding-left:6px;
}
.dropMenu a {
 width: auto;
 display: block;
 color: black;
 padding: 2px 0 2px 1.2em;
}
* html .dropMenu a {
 width: 100%;
}
.dropMenu a:hover {
 color:red;
 text-decoration: underline;
}

当然这里面可以修改下拉菜单样式,这个可以自己调试,包括下拉的背景色。

 

经过上面的三步后,你的dede下拉菜单功能就实现了,相信对你很有帮助的。

 

 

以下是我修改过的代码 


  • 首页

  • {dede:channel row='10'  type ='top'    }
       
  • [field:typename/]

  •    {/dede:channel}   

{dede:channelartlist typeid='top' cacheid='channelsonlist'}

      {dede:channel type='son' noself='yes'}  
  • [field:typename/]

  •   {/dede:channel}

{/dede:channelartlist} 本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除! 织梦下拉

相关文档推荐

织梦dedecms调用会员详细字段信息 织梦如何调用会员详细信息: 在include/extend.func.php function GetMemberInfos($fields,$mid){ global $dsql; if($mid = 0){ $revalue = Error; } else{ $row=$dsql-GetOne(sele ct * from dede_member_person where mid ={$mid}); if(!is_array($row)){ 织梦DeDeCMS文档发布的默认来源与作者修改 在优化织梦DeDeCMS的个人博客时往往需要进行二次开发,在发表图集和文章时总是没发表一篇就要去更改文章作者和来源,操作繁琐非常麻烦,能简单就简单,无非就是修改织梦DeDeCMS图集与文章的默认来源于作者,开始之前需要提到的是图集发布于文章发布相关的文 织梦dede后台按关键词搜索文章内容的方法 织梦后台所有文档默认只能按标题名称搜索对应关键词,有时候要搜索到的关键词并不存在标题中,而是存在文章内容里面。 那么如何搜索带有关键词的文章内容的文章呢? 打开/dede/content_list.php在185行找到 $whereSql .= AND ( CONCAT(arc.title,arc.writer) 织梦会员邮件验证通知在https域名下验证链接404错误的解决方法 织梦会员邮件验证通知在https域名下验证链接错误,程序默认只支持在http://的站点,我们需要改成让邮件支持http和https均可正常 以下文件如果你的网站里有的的没有,可跳过 1、打开 /member/index_do.php 找到,大概在31行 $url = http://.preg_replace(#/ dedecms织梦arclist标签noflag属性过滤多个参数 织梦dedecms系统arclist标签noflag属性默认是只能过滤一个参数,比如过滤推荐是noflag=c,过滤有图片的文章是noflag=c,在模板制作过程中,有时候我们为了seo和避免重复,需要过滤多个参数。今天小编就来跟大家讲讲织梦dedecms系统noflag过滤多个参数。 打开 dedecms修改后台编辑器参数GetEditor的方法 dedecms修改后台编辑器参数GetEditor dedecms通过include/helpers/util.helper.php function GetEditor($fname, $fvalue, $nheight=350, $etype=Basic, $gtype=print, $isfullpage=FALSE) 函数调用文本编辑器,个个参数可参考该方法的注释信息, * 获取编辑器 织梦安装使用织梦二次开发织梦优化织梦标签dedecms教程织梦安全 织梦资讯网 织梦模板 dede 外语学校 织梦鬼故事 竞价网站源码 竞价培训网 门户网站 织梦二次开发 织梦笑话网 dedecms笑话网 织梦源码 网站建设 搞笑图片 织梦教程 旅游网站源码 织梦旅游网 学校培训 html5 企业织梦源码 医院源码 后台样式 移动营销页 整形医院 大学医院 新手建站 客服代码 洗衣机维修 企业网站 淘宝客 导航菜单 教育网站 学校源码 装修网站 装修模板 美容整形 女性健康 妈妈网 机械源码 建站公司 珠宝首饰 苹果网站 手机资讯 美女图片 织梦模版打包 妇科源码 安卓市场源码 男性时尚网 健康之家 app应用网站 笑话网站 下载站 美女图片网 中医院网站 家装网站源码 QQ网站 标牌网站 魔兽世界网 淘宝客源码 YY网站源码 别墅设计网站 服装搭配网 宝宝起名网 站长网站 婚庆网站 脑科医院源码 笑话源码 肝胆医院 意外怀孕源码 工作室

扫码关注

qrcode

QQ交谈

回顶部