化龙巷左侧版块导航添加教程~！可在任意页面添加

网站添加化龙巷左侧导航栏的方法，亲测，可以看下边的效果展示
效果展示：http://bbs.xianer.net/forum.php?mod=forumdisplay&fid=2
在你需要添加左侧导航的页面，添加如下代码。尽量添加在head代码，或者页面代码的上部

1.         <div class="comiis_left_divs wp">
   
2.                 <div id="comiis_left_bars"> <a onClick="this.parentNode.style.display='none'" href="javascript:;" class="comiis_left_closes"><IMG src="{$_G['style']['styleimgdir']}/comiis_close.gif" /></a>
   
3.                         <p>  </p>
   
4.                         <!--{eval $temp = $dpost = array();$on=0;$query = DB::query("SELECT fid,fup,type,name,todayposts,domain FROM ".DB::table('forum_forum')." WHERE status='1' ORDER BY displayorder;");while($data = DB::fetch($query)) $temp[]=$data;}-->
   
5.                         <!--{loop $temp $bbs_group}-->
   
6.                                 <!--{if $bbs_group['type']=="group"}-->
   
7.                                         <!--{eval $on++;}-->
   
8.                                         <dl>
   
9.                                                   <!--{eval $forumurl = !empty($bbs_group['domain']) && !empty($_G['setting']['domain']['root']['forum']) ? 'http://'.$bbs_group['domain'].'.'.$_G['setting']['domain']['root']['forum'] : 'forum.php?gid='.$bbs_group['fid'];}-->
   
10.                                                   <dt> <a href="{$forumurl}" >{$bbs_group['name']}</a> </dt>
    
11.                                                   <dd>
    
12.                                                           <!--{loop $temp $bbs_forum}-->
    
13.                                                           <!--{if $bbs_forum['fup']==$bbs_group['fid'] and $bbs_forum['type']=="forum"}-->
    
14.                                                           <!--{eval $forumurl = !empty($bbs_forum['domain']) && !empty($_G['setting']['domain']['root']['forum']) ? 'http://'.$bbs_forum['domain'].'.'.$_G['setting']['domain']['root']['forum'] : 'forum.php?mod=forumdisplay&fid='.$bbs_forum['fid'];}-->
    
15.                                                           <a href="{$forumurl}"{if $_G['fid']==$bbs_forum['fid']} class="kmon"{/if}>{$bbs_forum['name']}</a>
    
16.                                                           <!--{/if}-->
    
17.                                                           <!--{/loop}-->
    
18.                                                   </dd>
    
19.                                         </dl>
    
20.                                 <!--{/if}-->
    
21.                         <!--{/loop}-->
    
22.                 </div>
    
23.         </div>        

复制代码

在common的最底处添加如下css样式。

1. .comiis_left_divs{position:relative;overflow:visible;z-index:190;}
   
2. #comiis_left_bars{border:#D7E1F4 1px solid;position:absolute;width:120px;background:#fff;top:-8px;left:-128px;border-radius:3px;}
   
3. #comiis_left_bars p{text-align:center;line-height:40px;background:url({STYLEIMGDIR}/comiis_bg.gif) repeat-x 0px 0px;color:#FFFFFF;font-size:16px;font-weight:400;height:40px;overflow:hidden;border-radius:3px 3px 0px 0px;margin:1px;}
   
4. #comiis_left_bars dl dt{padding-left:10px;background:#EEF9FF;height:30px;border-top:#D7E1F4 1px solid;border-bottom:#D7E1F4 1px solid;}
   
5. #comiis_left_bars dl dt a{line-height:30px;color:#EE1B2E;font-size:14px;font-weight:700;text-decoration:none}
   
6. #comiis_left_bars dl dd{padding:5px;font-size:14px;}
   
7. #comiis_left_bars dl dd a.comiis_sub{font-size:12px;text-indent:12px;background-image:url({STYLEIMGDIR}/comiis_dot.gif);background-repeat:no-repeat;background-position:8px 12px;}
   
8. #comiis_left_bars dl dd a{line-height:28px;padding-left:5px;display:block;height:28px;color:#575757;overflow:hidden;}
   
9. #comiis_left_bars dl dd a.kmon,#comiis_left_bars dl dd a:hover{background-color:#EEF9FF;color:#EE1B2E;text-decoration:none;}
   
10. .comiis_left_closes{position:absolute;top:-15px;right:2px;background:#fff;}
    
11. .ie6 #comiis_left_bars p,.ie6 #comiis_left_bars dl dt a{font-weight:700;}
    
12. /*--copy right www.xianer.net*/

复制代码

然后把两个文件，放到你模板的指定文件包内既可

很给力的教程哦

不错，支持分享！http://www.xinyang.la

克米有这个插件，不过是收费的，感谢楼主提供

nawanla 发表于 2014-1-14 19:25
克米有这个插件，不过是收费的，感谢楼主提供

这个其实就是从克米的化龙巷模板里边提出来了，还是要感谢克米了

现在出现个问题，谁能帮忙调整下。

我现在没有把这个代码加在头部，因为不想让全站显示。所以加在了了forumdisplay，这个文件里边

也就是说，只在帖子列表页显示左侧导航，但是加在这个里边，上边的版块导航这几个字成乱码了，不知道该怎么解决。

土包 发表于 2014-1-14 23:44
现在出现个问题，谁能帮忙调整下。

我现在没有把这个代码加在头部，因为不想让全站显示。所以加在了了fo ...

问题解决了，不能用notepad编辑，编辑以后，用的utf编码，直接用稳当编辑，然后上传，就没问题了

收藏了