Z-blog的导航栏下拉菜单怎么添加?

答案:2 悬赏:30 手机版

解决时间 2021-04-30 20:03

提问者网友：战魂
2021-04-29 22:31

找了好久如果谁能给我满意的答案悬赏高是没问题的

最佳答案

五星知识达人网友：十鸦
2021-04-30 00:05

这个完全需要自己去修改的

用JavaScript也行

全部回答

1楼网友：玩家
2021-04-30 00:12

这个是以我的网站：玩哈网 www.play15888.com 为例

用了几天Z-blog了，因为喜欢那个桔子主题，也就是在线安装的tugor主题，所以也就对这个主题作了很多的修改。发觉越改越有意思了，就当打发时间哩。不过有很多朋友还是会问怎么修改，所以漠然就在这里跟大家说一下对桔子主题作的一些修改。先跟大家说一下如何修改导航栏。因为漠然作的修改比较大，可能在说的时候会有遗漏，请大家做好备份再跟漠然说的作修改。很多人不知道桔子主题该在哪里修改，其实你在后台是可以修改的，就是在文件管理里面。进入THEMES\TUGOR这就是桔子主题的目录了，而桔子主题的导航是在INCLUDE里面的top.asp，而不是像其他主题那样调用的<#CACHE_INCLUDE_NAVBAR#>导航栏，漠然第一时间就把TOP里的东西清空，里面就放这一句：<#CACHE_INCLUDE_NAVBAR#>，这样就调用了导航栏了，因为原来的主题是用表格做的，漠然顺便把它们全改成了CSS+DIV，所在作的修改会比较大。还是按步骤跟大家说怎么改吧。一、进入THEMES\TUGOR\INCLUDE，编辑：top.asp。把里面的东西全删了，然后复制<#CACHE_INCLUDE_NAVBAR#>进去。保存。二、进入THEMES\TUGOR\SCRIPT，编辑里的navbar.js。全删了，复制下面的代码进去。

_this.$(menus[this.value]).className = openClass; _this.$(divs[this.value]).style.display = "block"; } } }, $ : function(oid){ if(typeof(oid) == "string") return document.getElementById(oid); return oid; } } window.onload = function(){ var SDmodel = new scrollDoor(); SDmodel.sd(["m01","m02","m03","m04","m05","m06","m07", "m08","m09","m10","m11","m12"], ["c01","c02","c03","c04","c05","c06","c07", "c08","c09","c10","c11","c12"],"sd01","sd02"); }

上面的m01跟c01一直排下去，你要做几个栏目导航就写几个上去，像漠然是12个，就写了12个。三、进入THEMES\TUGOR\STYLE，编辑tugor.css，一直拉下去，找到导航，把导航下面一直到中间专题区之间的CSS删了，换成下面的：

#divTop{width:962px; margin:0 auto; padding:10px 0 0 0; text-align:left;} #divTop a{margin:0; padding:0 0 0 0; color:#333; text-decoration: none; font-family: Verdana, sans-serif; font-size:10px; font-weight:bold;} #divTop a:link {color:#6B695A; text-decoration: none;} #divTop a:visited {color:#6B695A; text-decoration: none;} #divTop a:hover {color:#FF6400; text-decoration: underline;} .divtopleft{float:left;font-size:14px; width:362px;text-align:left;line-height:200%; } .divtopright{float:left; width:600px;text-align:right;} #divNavBar{width:100%; margin:0 auto; padding:0; float:left; text-align:left;color: #98C456; font-size:14px; font-weight:bold;} #divNavBar .Menu{width:962px; margin:0 auto; padding:5px 0 0 0; height:20px; background:#D6CFB5; text-align:left; font-size:12px; color:#6B695A;} #divNavBar a{font-size:14px; font-weight:bold; text-decoration: none;} #divNavBar a:link {color: #FFFFFF;} #divNavBar a:visited {color: #FFFFFF;} #divNavBar a:hover {color: #98C456;} .cont{width:962px;text-align:left; font-size:12px; font-weight:bold;} .hidden{display:none;} .scrolldoorFrame{width:100%;margin:0;overflow:hidden;background:#6B695A;text-align: center;} .scrollUl{width:962px;margin:0 auto; overflow:hidden;height:35px;text-align:center;} .scrollUl li{float:left;border:0px solid #CCC;} .bor03{border:1px solid #ccc;border-top-width:0px;background:#D6CFB5;} .sd01{cursor:pointer;border:0px solid #CCC;margin:0 0 0 0;padding:10px;font-weight:bold;} .sd02{cursor:pointer;border:0px solid #CCC;margin:0 0 0 0;padding:10px;}

四、好了，再回到后台，点链接管理，选导航栏，把里面的全删了，然后把下面的代码复制进去：

<div id="divTop"> <div class="divtopleft"> <a href="<#ZC_BLOG_HOST#>"><img src="<#ZC_BLOG_HOST#> themes/<#ZC_BLOG_THEME#>/STYLE/IMAGE/logo-tugor.gif" border="0" /></a> <p /><b id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></b></div> <div class="divtopright"> <a href="<%=ZC_BLOG_HOST%>blog/4.html" class="topnav">About Us</a> |  <a href="<%=ZC_BLOG_HOST%>guestbook.asp" class="topnav">Contact Us</a> |  <a href="<%=ZC_BLOG_HOST%>guestbook.asp" class="topnav">GuestBook</a> |  <a href="<%=ZC_BLOG_HOST%>Search.asp" class="topnav">Search</a> | <a href="<%=ZC_BLOG_HOST%>tags.asp">Tags</a> | <a href="<%=ZC_BLOG_HOST%>rss.xml">Rss</a><br /> <form method="post" action="<#ZC_BLOG_HOST#>cmd.asp?act=Search"> <div id="divSearchPanel" ><#ZC_MSG085#>  <input name="edtSearch" type="text" id="edtSearch" size="30" maxlength="128" /><input type="submit" value="<#ZC_MSG085#>" name="btnPost" id="btnPost" /></div></form></div></div> <script language="JavaScript" type="text/javascript" src="<#ZC_BLOG_HOST#>themes/ <#ZC_BLOG_THEME#>/SCRIPT/navbar.js"> </script> <div id="divNavBar"> <div class="scrolldoorFrame"> <div class="scrollUl"><ul> <li class="sd01" id="m01"><a href="<%=ZC_BLOG_HOST%>">首页</a></li> <li class="sd02" id="m02"><a href="<%=ZC_BLOG_HOST%>catalog.asp?cate=1">生活记事</a></li> <li class="sd02" id="m03"><a href="<%=ZC_BLOG_HOST%>catalog.asp?cate=2">吃喝玩乐</a></li> <li class="sd02" id="m04"><a href="<%=ZC_BLOG_HOST%>catalog.asp?cate=3">相册掠影</a></li> <li class="sd02" id="m05"><a href="<%=ZC_BLOG_HOST%>catalog.asp?cate=4">影音天地</a></li> <li class="sd02" id="m06"><a href="<%=ZC_BLOG_HOST%>catalog.asp?cate=7">长篇连载</a></li> <li class="sd02" id="m07"><a href="<%=ZC_BLOG_HOST%>catalog.asp?cate=8">他山之石</a></li> <li class="sd02" id="m08"><a href="<%=ZC_BLOG_HOST%>catalog.asp?cate=10">分享书房</a></li> <li class="sd02" id="m09"><a href="<%=ZC_BLOG_HOST%>catalog.asp?cate=11">法言法语</a></li> <li class="sd02" id="m10"><a href="<%=ZC_BLOG_HOST%>catalog.asp?cate=9">电脑网络</a></li> <li class="sd02" id="m11"><a href="<%=ZC_BLOG_HOST%>catalog.asp?cate=5">搜索引擎</a></li> <li class="sd02" id="m12"><a href="<%=ZC_BLOG_HOST%>catalog.asp?cate=6">网站作坊</a></li> </ul> </div> <div class="bor03"> <div class="cont Menu"> <div id="c01"> 非礼勿视 </div> <div id="c02" class="hidden"> 漠然的执着照视黑夜，格瓦拉西的灵魂如此奔放…… </div> <div id="c03" class="hidden"> 巧克力的麻烦是：你把它吃了,它就没了。 </div> <div id="c04" class="hidden"> 相册，那一刹那的风情。 </div> <div id="c05" class="hidden"> 影音</div> <div id="c06" class="hidden"> 长篇 </div> <div id="c07" class="hidden"> 他山之石，可以攻玉。 </div> <div id="c08" class="hidden"> 读书 </div> <div id="c09" class="hidden"> 法律，司法在线，司法考试。</div> <div id="c10" class="hidden"> 电脑网络 </div> <div id="c11" class="hidden"> SEO，搜索引擎优化。 </div> <div id="c12" class="hidden"> 网站制作。 </div> </div> </div> </div> </div>

里面的中文自己对应自己的网站修改。中文前面的cate=1中的1就是栏目的ID，自己对应修改

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！