欢迎来到牛气网!

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解决办
    102阅读 0评论1个赞
    官方5.7版本的安装后如果发文章,上传图片的话,在编辑器里是无效的,可能会出现Upload filetype not allow 根本原因可能是这样的,织梦的程序员写程序时候少了个字母。 修改 /include/uploadsafe...
  • dedecms采集文章内容为空的解决办法
    201阅读 0评论1个赞
    今天在采集51cto的数据的时候出现了部分文章采集内容为空的情况,开始是不知道,因为采集600多文章,所以只看了开头两个,发现可以后就直接导入数据库了,遗憾的时候,导入后发现部分...
  • dedecms织梦会员开启邮件验证
    85阅读 0评论1个赞
    我们在使用织梦会员注册的时候,大家要开启注册会员邮箱验证,下面我们介绍下设置方法,首先您的服务器要支持哦。 第一步,后台设置: 第二步,QQ邮箱里设置:...
  • dedecms5.7首页调用自定义表单内容方法
    70阅读 0评论0个赞
    你添加的表的字段名称 要想无需审核 提交之后立刻显示 在增加新表单的前台列表和内容页公开?:选项选择完全公开! 效果展示: 自定义表单内容首页调用代码 {dede:loop table=dede_diyform1 s...
  • SQL命令批量替换DedeCms文章标题 关键字标签内容方
    144阅读 0评论0个赞
    DeDeCMS 文章来源批量替换 update dede_archives set source=replace(source,旧来源,新来源); DeDeCMS 文章标签批量替换 update dede_tagindex set tag=replace(tag,旧关键字,新关键字); update dede_taglist set tag=replace(tag,旧标...
  • DedeCMS用清空文章后发布新文章ID从1开始
    163阅读 0评论0个赞
    在使用Dedecms织梦CMS建站的时候,我们很多时候都是在本地先测试,成功后再上传到空间,而在上传到空间之前,我们需要将测试数据删除清空,一般的方法都是在后台删除文章,但是这样有...
  • DedeCMS 菜鸟级基础问题解决方法大汇总
    75阅读 0评论0个赞
    DedeCMS是非常好用并且普及率也是非常高的PHP开源建站程序,由于官方论坛比较冷清,很多朋友提出的问题都是非常基础的,这样就导致了高手不想回答,菜鸟又帮不上的格局。今天,小编就...
  • DedeCms编辑器空白无法显示的相关问题
    146阅读 0评论0个赞
    #EnableSendfile off 改成 EnableSendfile off 即删掉行首的 # 符号。 然后重启你的服务器,清空浏览器网页缓存。 另外,把 Sendfile 关闭后,还顺便解决了织梦中大图无法显示的问题以及播放影音断断...
  • Dedecms多站点SQL互相调用的方法[非JS]
    122阅读 0评论0个赞
    2个DEDE的站 怎么互相调用数据 [非JS] 是在同一个服务器,同一MYSQL账号和密码,不同数据库 请问 怎么调用? 回答: {dede:sql sql=SELECT id as tmd,title FROM `另外个站的数据库名`.`dede_archives` ORDER B...
  • DEDECMS中文注册会员无法打开空间的解决方法
    173阅读 0评论0个赞
    解决中文注册的会员空间打不开问题 这个问题我也很苦恼,不过还是被解决了。大家分享下哈。 其实说到底还是个字符编码转换问题。 因为汉字没有在判断uid值时出现了错误,导致系统无法...
  • DEDECMS 全站关键字自动添加链接的方法
    175阅读 0评论0个赞
    DEDECMS的全内链方案,所有设置关键词的内链都会在文档中创建,突破keyword的限制。 注:因为我的网站关键字有几万个,怕使用这个修改后,生成HTML的时候会非常的慢,所以大家如果有测试在用的...
  • DEDECMS首页互动中心改为评论或踩踩的方法
    175阅读 0评论0个赞
    前几天有朋友在论坛咨询关于修改首页互动中心改为评论或踩踩的方法,最近特别忙,一直没时间给这位朋友解决,今日正巧在织梦论坛看到相关解决方法,现在就分享给这位朋友,同时也给...
收藏此文 不错就点个赞() 打赏本站

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

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

精彩评论

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