一直觉得boke112导航网的引导位非常不错，想着如果能移植过来做博客的文章推荐导航想必是极好的。分钱榜不懂代码，于是和友站泛宝汇博客讨论折腾了一阵子之后，终于小有成效，写下来记录分享一下。
[collapse title=”点击查看导航位代码”]<h2 class=”first”><a href=”#” tj=”kz11″ rel=”nofollow”>分分钟网络赚钱排行榜</a>|<a href=”http://www.fenqianbang.com/2757.html” tj=”kz22″ rel=”nofollow” target=”_blank”>游戏签到月入千元</a><span class=”btxiaoshi”>|<a href=”http://boke112.com/shrj/” tj=”kz22″ rel=”nofollow” target=”_blank”>生活日记</a><span class=”btxiaoshi”>|<a class=”hong” rel=”nofollow” href=”http://www.fenqianbang.com/guanggao/” target=”_blank” title=”直达访问A9广告位”><img src=”http://www.fenqianbang.com/wp-content/themes/Nana/images/hot.gif” alt=”boke112导航A9广告位”/>A9广告位</a></span></h2>
<dl><dt><strong><a href=”http://www.fenqianbang.com/1383-2″ target=”_blank” tj=”sh1″ rel=”nofollow”>TOP1 游戏试玩赚钱：</a></strong></dt><dd><ul>
<li><a rel=”nofollow” href=”http://www.ji7.com/invite/331150″ target=”_blank”>集趣网</a></li>
<li><a rel=”nofollow” href=”http://www.ttz.com/fd/52559035″ target=”_blank”>天天钻</a></li>
<li><a rel=”nofollow” href=”http://www.7u.com/mf/587932″ target=”_blank”>7U网</a></li>
<li><a rel=”nofollow” href=”http://www.juxiangyou.com/r2556677″ target=”_blank”>聚享游</a></li>
<li><a rel=”nofollow” href=”http://www.lezhuan.com/ru/1299245″ target=”_blank”>快乐赚</a></li>
<li><a rel=”nofollow” href=”http://www.youzhuan.com/tg/?u=ada02406db” target=”_blank”>有赚网</a></li>
<li><a rel=”nofollow” href=”http://www.2478.com/com.asp?u=369091″ target=”_blank”>24趣吧</a></li>
<li><a rel=”nofollow” href=”http://www.stcun.com/Register/233166″ target=”_blank”>石头村</a></li>
</ul><a rel=”nofollow” class=”more” href=”http://www.fenqianbang.com/1383-2″ target=”_blank” name=”2″ tj=”sh9″>更多?</a></dd></dl>[/collapse]
[collapse title=”如果你觉得位置不够的话，在上面代码下面继续循环添加以下代码就行了”]<dl><dt><strong><a href=”http://www.fenqianbang.com/1383-2″ target=”_blank” tj=”sh1″ rel=”nofollow”>TOP1 游戏试玩赚钱：</a></strong></dt><dd><ul>
<li><a rel=”nofollow” href=”http://www.ji7.com/invite/331150″ target=”_blank”>集趣网</a></li>
<li><a rel=”nofollow” href=”http://www.ttz.com/fd/52559035″ target=”_blank”>天天钻</a></li>
<li><a rel=”nofollow” href=”http://www.7u.com/mf/587932″ target=”_blank”>7U网</a></li>
<li><a rel=”nofollow” href=”http://www.juxiangyou.com/r2556677″ target=”_blank”>聚享游</a></li>
<li><a rel=”nofollow” href=”http://www.lezhuan.com/ru/1299245″ target=”_blank”>快乐赚</a></li>
<li><a rel=”nofollow” href=”http://www.youzhuan.com/tg/?u=ada02406db” target=”_blank”>有赚网</a></li>
<li><a rel=”nofollow” href=”http://www.2478.com/com.asp?u=369091″ target=”_blank”>24趣吧</a></li>
<li><a rel=”nofollow” href=”http://www.stcun.com/Register/233166″ target=”_blank”>石头村</a></li>
</ul><a rel=”nofollow” class=”more” href=”http://www.fenqianbang.com/1383-2″ target=”_blank” name=”2″ tj=”sh9″>更多?</a></dd></dl>[/collapse]
[collapse title=”在主题的style.css文件最后添加以下代码”]/** 导航 **/
.fblue{color:#2371c8!important}
.fhong{color:#c01e22!important}
.flv{color:#178517!important}
.clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.mod{border:1px solid #ccc;background-color:#fff;font-size:14px;box-shadow:0 1px 2px #e5e5e5}
.mzdh{clear:both;height:100%;border-width:1px;margin-bottom:5px;border-radius:5px}
.mzdh_list{padding:8px 9px 5px}
.iptmz{position:relative;z-index:50;height:29px}
.mzdh_list li{height:25px;line-height:25px;list-style:none;padding:5px 10px;margin:5px 0 5px 0;float:left;width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mzdh_list li a{font-size:14px;display:inline-block}
.mzdh_list img{width:16px;height:16px}
.mzdh_bottom{height:32px;line-height:32px;text-align:center;font-size:12px;overflow:hidden}
.mzdh_bottom a{margin:0 8px;zoom:1;font-weight:100}
dl,dt,dd{margin:0;padding:0}
.kzjx{padding-bottom:10px;border-radius:5px;margin-bottom:10px}
.kzjx h2{padding-left:5px;display:block;height:34px;line-height:34px;font-weight:100;margin:2px 0 4px;font-size:16px;color:#d7e7f7;background:#f5f9ff;border-top:1px solid #d7e7f7}
.kzjx h2 a{margin:0 9px;color:#096cb2}
.kzjx h2.first{margin-top:0;border-top:0 none}
.kzjx strong{padding:0 9px;font-weight:100;display:inline-block;text-align:left}
.kzjx dl{height:30px;line-height:30px;overflow:hidden;margin:0 6px}
.kzjx dl.noline{border-bottom:0;padding-bottom:2px}
.kzjx dd,.kzjx dt{font-weight:normal;text-align:center}
.kzjx dt{float:left}
.kzjx dt a{color:#096cb2}
.kzjx dd{white-space:nowrap;_width:683px;_float:left}
.kzjx dd .gray a{margin-left:0}
.kzjx dd li{width:88px;float:left;display:inline;text-align:center;overflow:hidden;margin:0 5px}
.kzjx dd li a{margin:0 5px;display:inline-block}
.kzjx .more{font-size:12px;color:#666;float:right;margin-right:5px}
.kzjx dd a.fenlei{color:#096cb2}
.kzjx dd a.hong{color:#c01e22}
.kzjx dd a.lv{color:#178517}
.kzjx dd a:hover.more{color:#f30}
.kzjx dl.linebottom_kz{border-bottom:1px dotted #c7dff3;margin-bottom:2px}
div#page {margin-top: -24px}[/collapse]
[collapse title=”最后把NANA主题inc-ad文件下的ad_dhl.php里的代码替换掉”]<div class=”btxiaoshi”>
<div class=”mod kzjx clearfix” id=”J_kzjx”>
<?php echo stripslashes(get_option(‘ygj_addd_c’)); ?>
</div>
</div>[/collapse]
这最后一步其实有些不妥，把一个文件的代码全部替换掉，可能会使主题原有的某些功能出现BUG，不过分钱榜不知道怎么把代码集合到原有代码里面，只好全部替换了。如果你懂代码，那最好，可以试着集合一下。以上操作仅适合于NANA主题的操作修改，其他主题请自行测试。
