本帖最后由 [优化] 于 2012-7-31 16:27 编辑 城市转换代码以及教程:适合菜鸟级站长
首先你可以看下我的演示网站:http://bbs.hc.hvip.net
下面我给大家详细讲解下。
你需要找到你更目录下的 template 文件夹
然后你bbs所用的模板文件夹(我用的是dz自带的 default 这个)
依次往下找到common 这个子目录下的header.htm 文件
右键点击这个文件用记事本打开
按Ctrl + F 查找 <h2><!--{if !isset($_G['setting']['navlogos'][$mnid])}--><a href="./" title="$_G['setting']['bbname']">{$_G['style']['boardlogo']}</a><!--{else}-->$_G['setting']['navlogos'][$mnid]<!--{/if}--></h2>
这个代码
然后替换以下代码 分析下以下代码(必看)
在城市切换之前是你的logo代码,这个你懂的。(把http://bbs.hc.hvip.net换为你论坛的域名;再将vip潢川网换为你的论坛名称;后面的template/defauit/style/logo.gif 这个是你的logo;潢川论坛换成你论坛名称)
请修改代码中的:width:160px;中的160大小
既调整一下宽度,总共两处要同时修改即可 城市转换代码以及教程:适合菜鸟级站长
首先你可以看下我的演示网站:http://bbs.hc.hvip.net
下面我给大家详细讲解下。
你需要找到你更目录下的 template 文件夹
然后你bbs所用的模板文件夹(我用的是dz自带的 default 这个)
依次往下找到common 这个子目录下的header.htm 文件
右键点击这个文件用记事本打开
按Ctrl + F 查找 <h2><!--{if !isset($_G['setting']['navlogos'][$mnid])}--><a href="./" title="$_G['setting']['bbname']">{$_G['style']['boardlogo']}</a><!--{else}-->$_G['setting']['navlogos'][$mnid]<!--{/if}--></h2>
这个代码
然后替换以下代码 分析下以下代码(必看)
在城市切换之前是你的logo代码,这个你懂的。(把http://bbs.hc.hvip.net换为你论坛的域名;再将vip潢川网换为你的论坛名称;后面的template/defauit/style/logo.gif 这个是你的logo;潢川论坛换成你论坛名称)
请修改代码中的:width:160px;中的160大小
既调整一下宽度,总共两处要同时修改即可
- <h2><a title="vip潢川网"><img src="template/defauit/style/logo.gif" alt="潢川论坛" border="0" /></a></h2>
- </h2>
- <!--城市切换 QQ986645600-->
- <style type="text/css">
- #city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
- #warpper{ position: relative; z-index:1000000; margin-top:20px;}
- #city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}
- #city a{ cursor:pointer; color:#666}
- #city dl{ height:18px; line-height:18px; padding:0 10px;}
- #city dt,.normal{ float:left; padding:0 10px 0 0 ; border-right:0px solid #ccc; text-decoration:none; width:auto; cursor:pointer; color:#FF3300; font-weight:bold;}
- #city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }
- #city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}
- #city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
- #city dl dd{ position:absolute; width:160px; left:0;top:20px!important; border:1px solid #bbb; background:#fff; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, color=#cccccc); padding:3px 0;}
- .block{ display:block;}
- .none{ display:none;}
- </style>
- <script language="javascript">
- function $(str){ return document.getElementById(str);}
- function $$(str){ return document.getElementsByTagName(str);}
- var timer;
- function changeMenu(thisObj,num){
- if(thisObj.className=="over") return false;
- hids(thisObj);
- thisObj.className="over";
- $("c"+(num+1)).className="block";
- $("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
- $("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
- thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
- }
- function hids(thisObj){
- clearTimeout(timer);
- var tabObj=thisObj.parentNode.getAttribute("id");
- var obj_dt=$(tabObj).getElementsByTagName("dt");
- for(var i=0;i<obj_dt.length;i++){
- obj_dt.className="normal";
- $("c"+(i+1)).className="none";
- }
- }
- </script>
- <div id="city">
- <dl id="warpper">
- <dt>[去其他县市]</dt>
- <dd id="c1" class="none">
- <ul>
- <li><a href="forum-358-1.html">来龙</a> <a href="forum-360-1.html">谈店</a> <a href="forum-361-1.html">上油岗</a> <a href="forum-364-1.html">双柳</a> <a href="forum-365-1.html">仁和</a> <a href="forum-365-1.html">桃林</a> <a href="forum-365-1.html">江集</a> <a href="forum-368-1.html">张集</a> <a href="forum-365-1.html">白店</a>
- </li>
- </ul>
- </dd>
- </dl>
- </div>
- <!--城市切换_结束QQ986645600-->
复制代码 |