二级导航下拉菜单修改想要的人来吧!!

2016-07-07 14:55 来源:www.chinab4c.com 作者:ecshop专家



去找一个导航现成的代码 把相关文件放到相应的文件夹 在要插入的页引用相关css样式或者是java代码再把导航的代码插入到主页中 还要插入到pege heda中 注意 插入导航代码后要删除原来的导航代码 这样有可能会导致其他页面的错位或者是对齐的方法错乱 要修改过来 工作量很大做好心理准备吧有什么问题可以问我 修改前请做好备份工作。。。。

既然有人说我写的不详细 那我就详细一点 首先下载这个导航 就是和我图片一样的哪个 如果你不喜欢网上多的是可以随便下一个其他的(如果是 flash的话可能会简单一点)

下载后里面js文件夹的文件放到你的根目录js文件夹下,css文件夹的文件放到你根目录的css 文件夹下,image图片放到你根目录images下,好了 现在就剩下一个index.html了如果懂一点的人一看里面的代码就知道怎么做了其实很简单的 记事本本打开index.html
这三句引用导航要用到的css样式文件与java脚本(导航要插入2个页面就可以了第一个是index.dwt还有一个page_header.lbi文件,一会就把这三行插入到里面</HEAD>的前面就可以了)
<LINK href="css/tab_menu.css" type=text/css rel=stylesheet>
<SCRIPT src="js/prototype.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/fabtabulous.js" type=text/javascript></SCRIPT>


继续。。 下面确定一下index.dwt里面的导航代码有哪些,就是哪些我们要删除的,这里我们以clothing为例,其他的可能会有点不一样不过基本是差不多的,因为我是为做公司网站,很多的lbi文件我都删掉了没用,所以请根据个人需要进行删除,
<span class="left"></span><span class="right"></span>
<ul>
<li class="left"></li>
<li class="tel">全国免费热线:</li>
<li class="cNav">
<a href="../index.php">{$lang.home}</a> |
<!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} -->
<a href="{$nav.url}" {if $nav.opennew eq 1}target="_blank" {/if}>{$nav.name}</a>
<!-- {if !$smarty.foreach.nav_middle_list.last} -->
|
<!-- {/if} -->
<!-- {/foreach} -->
</li>
</ul>
删除这些代码就可以了 ,原来的导航就消失了 ,下面我们插入自己的新导航代码就是index.htnl里面的记事本打开index.html把下面的代码复制到index.dwt的<div id="Nav" class="clearfix">下面

<DIV id=xcx_tabmenu>
<DIV class=cx_tabmenu id=cx_tabmenu>
<DIV id=ddimagetabs>
<A href="#" target="_blank" class=sclink id=sclink1>Home</A>
<A class=sclink id=sclink2 href="#">Company</A>
...................................
........................................中间省略

</SCRIPT>


ok至于导航的连接怎么改相信很简单的吧 #代表的是你要插入的超级连接地址,后面就是导航的名字比如首页拉关于我们了。。。。
好了现在刷新一下的话应该可以看到效果了 如果位置不理想的话可以修改tab_menu.css就是刚才复制的那个css进行修改,具体怎么改自己研究一下了 ,那个page_header.lbi的也是同样的方法插入,修改后可能会出现的几个问题.


1。这样修改可能会导致某些输出的内容过大,导致其他也面的排版错误,(跟修改版权的那个一样就是-查看-源文件里面的哪个版权希望高手解决下),这些错误可以手工修改过来,不过工作量比较大。
2,修改后我忽略了一个问题就是浏览器的兼容问题,一般ie还可以但好似火狐就很乱了 去网上搜了一下需要定义一些动西 我弄好了会发上来的。
3,删除导航的同时会删除导航一起的那个咨询热线这个可以用层来解决,(需要注意的是需要使用层套用才可以定位,否则会导致版面错乱,好了先写这么多有什么其他的问题可以问我.

回答:
这样就完事了????

基本上就ok了

怎么不详细说下呢?

自己顶没人支持啊

顶一下!!!

这是直接写进代码的,这样无法通过后台自定义,对于没有HTML基础的朋友修改可能有点困难

呵呵 楼上说的对啊 希望官方推出点这样的板子我们就不用改了啊

。。支持共享

建议lz搞个演示 呵呵

这样的话就相当于把以前的导航用flash代替了,但是不能直接从后台增减导航栏的内容啊,那还不如直接做个flash替换算了,都不用修改库文件了

那有什么好的办法吗?