欢迎来到牛气网!

DEDECMS 多行导航菜单栏的实现方法

浏览次数:

作者: 欧巴

信息来源: 互联网

更新日期: 2020-03-25 13:35:00

文章简介

解决的具体方法,首先改图片。\templets\images\header_bg.png 用PHOTOSHOP更改成你喜欢

  • 正文开始
  • 相关文章

解决的具体方法,首先改图片。 empletsimagesheader_bg.png 

用PHOTOSHOP更改成你喜欢的导航栏样式。最简单偷懒的方法是打开这个图片然后选中底下那一段大约33象素的图,重新生成一个33象素的图片即可。或者稍微改下颜色什么的,随你的想象去改。 

同时注意更改header_hover.png这个图片,颜色或样式要和上图对应。 

然后需要更改的是templetsdefaulthead.htm 

<div id="navMenu"> 

<ul> 

<li><a href='{dede:global.cfg_cmsurl/}/'>主页</a></li> 

{dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' ~rel~>~typename~</a></li>"} 

<li><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a></li> 

{/dede:channel} 

</ul> 

</div> 

这段代码是你首页导航栏的,其中 

<li><a href='{dede:global.cfg_cmsurl/}/'>主页</a></li> 

是第一个项目‘主页’,在这里我们要改成4个字的(或者根据你栏目的字数自己调整字数,我的栏目都是4个字的,这里也改成4个字的使用起来就很合适),比如我就改成了‘网站首页’ 

{dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' ~rel~>~typename~</a></li>"} 

参看DEDE标签手册可以知道ROW的作用,这里我们比如改成30你导航栏就最多可以显示30个。 

继续找下面这段代码 

<div class="search"> 

<form action="{dede:field name='phpurl'/}/search.php" name="formsearch"> 

<div class="form"> 

<h4>搜索</h4> 

<input type="hidden" name="kwtype" value="0" /> 

<input name="keyword" type="text" class="search-keyword" id="search-keyword" /> 

<select name="searchtype" class="search-option" id="search-option"> 

<option value="titlekeyword" selected='1'>智能模糊搜索</option> 

<option value="title">仅搜索标题</option> 

</select> 

<button type="submit" class="search-submit">搜索</button> 

</div> 

</form> 

<div class="tags"> 

<h4>热门标签</h4> 

<ul> 

{dede:tag row='8' getall='1' sort='month'}<li><a href='[field:link/]'>[field:tag /]</a></li> 

{/dede:tag} 

</ul> 

</div> 

</div><!-- //search --> 

这里是搜索框那一行的代码,如果不想要就直接删了,如果还想要,就剪切,然后放到它下边的那个</div>或者更下边那个,你自己试试看,到底那个我忘了。 

改到这里应该就基本差不多了,你可以尝试更新一下系统缓存并生成,看看效果。 

如果效果不大好,可以接着跟我改。 

templetsstylededecms.css 

这个文件大致是控制你页面部分布局和导航栏以及其它的。找到着一段 

.blue .top { 

background-position: 0 -87px; 

background-repeat: repeat-x; 

height: 77px; 

.blue .top .t_l { 

background-position: -13px 0; 

background-repeat: no-repeat; 

height: 77px; 

width: 7px; 

.blue .top .t_r { 

background-position: 0 0; 

background-repeat: no-repeat; 

height: 77px; 

width: 10px; 

因为我们把图片给改成高33象素了,所以改成如下: 

/*------ 蓝色 -------*/ 

.blue .top { 

background-position: 0 0px; 

background-repeat: repeat-x; 

height: 33px; 

其余两个可以删掉或者也改成0 0 和33随便了,这是偷懒的方法,如果想生成更漂亮的导航栏请自己在图片上做文章即可。

  • DEDECMS上传附件图片出现UPLOAD FILETYPE NOT ALLOW解决办
    112阅读 0评论1个赞
    官方5.7版本的安装后如果发文章,上传图片的话,在编辑器里是无效的,可能会出现Upload filetype not allow 根本原因可能是这样的,织梦的程序员写程序时候少了个字母。 修改 /include/uploadsafe...
  • dedecms采集文章内容为空的解决办法
    208阅读 0评论1个赞
    今天在采集51cto的数据的时候出现了部分文章采集内容为空的情况,开始是不知道,因为采集600多文章,所以只看了开头两个,发现可以后就直接导入数据库了,遗憾的时候,导入后发现部分...
  • dedecms织梦会员开启邮件验证
    94阅读 0评论1个赞
    我们在使用织梦会员注册的时候,大家要开启注册会员邮箱验证,下面我们介绍下设置方法,首先您的服务器要支持哦。 第一步,后台设置: 第二步,QQ邮箱里设置:...
  • 增强织梦DedeCMS“更新系统缓存”清理沉余缓存的
    71阅读 0评论1个赞
    增强织梦DedeCMS更新系统缓存清理沉余缓存的功能 我们使用织梦DedeCMS系统有很长一段时间后,不间断的在后台更新系统缓存的时候,有些缓存文件夹及缓存文件没有被清理,导致日积月累的垃...
  • DedeCMS批量修改生成HTML静态或动态浏览
    99阅读 0评论0个赞
    DedeCMS批量修改生成HTML静态或动态浏览 在后台系统设置mysql里执行查询命令将所有文档设置为仅动态,UPDATE dede_archives SET ismake = -1 将所有栏目设置为使用动态页,update dede_arctype set ismake=-1 注...
  • DedeCms调用Discuz论坛帖子主题的方法
    158阅读 0评论1个赞
    同时使用Dedecms和Discuz论坛的朋友,难免要在网站内调用论坛的内容.使用Discuz论坛的JS调用方式,对搜索引擎不够友好,下面我们来说如何在DedeCms中调用Discuz论坛的数据. dede 调用 discuz 其实很简单...
  • DedeCMS 调用文章顶级栏目id的方法
    165阅读 0评论0个赞
    今天做模板的时候遇到一个问题 ,就是我想调用谋篇文章的顶级栏目id .官方参考手册上说用type标签调用 ,我用这样的{dede:type}[field:topid /]{/dede:type}调用发现没有调用出来,愈伤看了下源码inclu...
  • DedeCMS 新建模型自定义联动类别调用及修改方法
    83阅读 0评论0个赞
    找了好几天资料,没找到新建模型中自定义联动类别怎么用,自己就改了改..现在可以用了 把方法分享一下...不对的地方请大家帮助改正。 先修改 include\taglib\infolink.lib.php 文件 require_once(DEDERO...
  • 让DedeCms分类信息模型支持Digg功能
    141阅读 0评论0个赞
    用DedeCms做的模板需要在分类信息里支持Digg功能,但是原程序里,只能对系统模型和自由模型Digg,即使用@#__archives当作主表的模型。而DedeCms里,分类信息模型是作为独立模型设置的。 这个功...
  • DedeCMS“你设定了字段为联动类型..”的解决方法
    99阅读 0评论0个赞
    你设定了字段为联动类型,但系统中没找到与你定义的字段名相同的联动组名! 出现这个情况是由于: 系统后台管理目录(默认是dede)下mychannel_field_edit.php文件第62行: if($dtype==stepselect) 在...
  • DedeCMS前台投稿及采集规则禁用本字段的解决方法
    101阅读 0评论0个赞
    国庆的八天长期真是漫长,不过这也是好事,闲下时间来抓紧时间把网站加强一下内容和对站长们的粘度,于是想用dedecms的分类信息做一个站长服务平台,通过这个平台可以发布友情链接、...
  • 修复DEDECMS5.5采集功能的一些bug
    145阅读 0评论0个赞
    修复1:将开始标签和结束标签以在网页源码中第一次出现的位置为准 修改文件\include\dedecollection.class.php 在成员函数GetHtmlArea中的 $posend = @strpos($html,$areaRules[1],$posstart); 语句前增加语句: $p...
收藏此文 不错就点个赞() 打赏本站

欧巴码字不易,请大家多多支持!

  • 微信打赏
    微信扫描打赏
    支付宝打赏
    支付宝扫描打赏
Dedecms多站点SQL互相调用的方法[非JS]
« 上一篇
DedeCms编辑器空白无法显示的相关问题
下一篇 »

精彩评论

  • 全部评论(0
    还没有评论,快来抢沙发吧!