主导航栏修改为通栏的方法修正版_第1页
主导航栏修改为通栏的方法修正版_第2页
主导航栏修改为通栏的方法修正版_第3页
已阅读5页,还剩2页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、主导航栏修改为通栏的方法只要修改模板的header.htm和对应的CSS文件就可以实现,CSS文件每个 模板命名不同,所以得自己找一下。以下为个人摸索出来的经验,适合新手,大神请飘过。1、首先准备好导航条的背景图片,一般为 nv.p ng,有些模板的图片的名称和后缀可能不一样,你就按照模板的图片的名称和后缀用PS或CDR去做就行了,图片的宽度一般用1px,高度要和模板原来的导航背景图片保持一致。要是 你不需要图片也可以,到后台设置颜色就行,后面的步骤有说到的。2、登录后台,选择 “界面”风“格管理 ”,找到你在用的模板,点击编辑, 如下图:(1)需要使用背景图片的页面往下拉找到 “菜单”,修改

2、导航条背景图片名称,一般为:nv.p ng,有些模板可能会不一样,按实际名称修改即可,属性:repeat-x 00 如下图:完成输入后,页面拉到最后,点击 “提交”后就已经设置好,未提交的话设 置无效。(2)不需要使用背景图片的页面往下拉找到 “菜单 ”,如(1)的图,图片背景的话就是设置第二、三两个方框,而背景颜色的话只 需设置第一个方框,可以在 PS/CDF或网络查找你需要的颜色代码(16进 制),粘贴到第一个方框,点击 “提交”后就可以完成设置了。<div id="hd">vdivclass二"wp"> /这个 CSS就是定义页面

3、宽度的 <div class二"hdc cl"><!-eval $mnid = getcurrentnav();-><h2><!- if!isset($_G'setting''navlogos'$mnid)-><ahref="if $_G'setting''domain''app''default'http:/$_G'setting''domain''app''

4、default'/else./if" title="$_G'setting''bbname'">$_G'style''boardlogo'</a><!-else- ->$_G'setting''navlogos'$mnid<!-/if-></h2><div id="nv"><ahref="javascript:5function id="qmenu&q

5、uot;()onMouseOver="delayShow(this,showMenu('ctrlid':'qmenu','pos':'34!','ctrlclass':'a','duration':2);showForummenu($_Gfid);)">lang my_nav</a><ul><!-loop $_G'setting''navs' $nav-><!- if$nav'

6、available'&&(!$nav'level'|($nav'level'=1&&$_G'uid')|($nav'level' = 2 && $_G'adminid' > 0) | ($nav'level'=3&&$_G'adminid'=1)- -><liif$mnid=$navnavidclass="a" /if$navnav></li><!-/

7、if-><!-/loop-></ul><!-hook/global_nav_extra-></div><!-if !empty($_G'setting''plugins''jsmenu')-><ulclass="p_pop h_pop"id="plugin_menu"style="display:none"><!-loop$_G'setting''plugins''

8、jsmenu'$module-><!-if($module'adminid'&&!$module'adminid'$_G'adminid'>0|&&$module'adminid' >= $_G'adminid')-><li>$moduleurl</li><!-/if-><!-/loop-></ul><!-/if->$_Gsettingmenunavs<div id=&

9、quot;mu" class="cl"><!-if $_G'setting''subnavs'-><!-loop$subnav-><!-if$_G'setting''navsubhover'|$mnid = $navid-><ulclass="clif$mnid=$_Gsettingsubnavs$navid$navidcurrent/if"id="snav_$navid"style="di splay:

10、if $mnid != $navidnone/if">$subnav</ul><!-/if-><!-/loop-><!-/if-></div><!- 二级导航模块开始 -><!-ad/subnavbanner/a_mu-></div></div>需要在上面的代码加入三个 DIV,并需要增加CSS羊式。修改为:<div id="hd"><div>/ 此处删除 class="wp"vdivclass二"

11、wp"> /此处加入第一个 DIV,样式为 class二"wp"<div class="hdc cl"><!-eval $mnid = getcurrentnav();-><h2><!- if!isset($_G'setting''navlogos'$mnid)-><ahref="if $_G'setting''domain''app''default'http:/$_G'

12、setting''domain''app''default'/else./if"title="$_G'setting''bbname'">$_G'style''boardlogo'</a><!-else- ->$_G'setting''navlogos'$mnid<!-/if-></h2>v/div> 此处为第一个 DIV结束 vdiv id二"

13、nv">vdivclass二"wpdh"> 此处加入第二个 DIV,样式为 class二"wpdh"<ahref="javascript:5function id="qmenu"()onMouseOver="delayShow(this,showMenu('ctrlid':'qmenu','pos':'34!','ctrlclass':'a','duration':2);sho

14、wForummenu($_Gfid);)">lang my_nav</a><ul><!-loop $_G'setting''navs' $nav-><!- if$nav'available'&&(!$nav'level'|($nav'level'=1&&$_G'uid')|($nav'level' = 2 && $_G'adminid' > 0) | ($n

15、av'level'=3&&$_G'adminid'=1)- -><liif$mnid=$navnavidclass="a" /if$navnav></li><!-/if-><!-/loop-></ul><!-hook/global_nav_extra-></div> /此处为第二个DIV结束</div>vdivclass二"wpdh"> 此处加入第三个 DIV,样式为 class二"wpdh

16、"<!-if !empty($_G'setting''plugins''jsmenu')-><ulclass="p_pop h_pop"id="plugin_menu"style="display:none"><!-loop$_G'setting''plugins''jsmenu'$module-><!-if($module'adminid'&&!$modu

17、le'adminid'$_G'adminid'>0|&&$module'ad minid' >= $_G'adminid')-><li>$moduleurl</li><!-/if-><!-/loop-></ul><!-/if->$_Gsettingmenunavs<div id="mu" class="cl"><!-if $_G'setting''

18、;subnavs'-><!-loop$subnav->$_Gsettingsubnavs$navid<!- if$_G'setting''navsubhover'|$mnid = $navid-><ulclass="cl if$mnid=$navidcurrent/if"id="snav_$navid"style="display:if $mnid != $navidnone/if">$subnav</ul><!-/if-><!-

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论