彩虹代shua模板右边小导航代码分享

多说无益进入教程！

1.下面这个代码我们可以放在Ds模板下单导航最下面那里。

2.我们把代码添加在更多功能下面

    3.这个模板是yunshang模板 如果实在不会的兄弟可以直接把template.zip模板文件在目录解压即可！

代码例如: 

<li style="width: 25%;" align="center" class="active"><a href="#shop"><i class="fa fa-shopping-cart"></i> <b>下单</b></a></li>
            <li style="width: 25%;" align="center" class=""><a href="#search" id="tab-query"><i class="fa fa-search"></i> <b>查询</b></a></li>
			<li style="width: 25%;" align="center" <?php if($conf['fenzhan_buy']==0){?>class="hide"<?php }?>><a href="#Substation"><font color="#FF4000"><i class="fa fa-location-arrow fa-spin"></i> <b>分站</b></font></a></li>
			<li style="width: 25%;" align="center" <?php if($conf['gift_open']==0||$conf['fenzhan_buy']==1){?>class="hide"<?php }?>><a href="#gift" data-toggle="tab"><span style="font-weight:bold"><i class="fa fa-gift fa-fw"></i> 抽奖</span></a></li>
			<li style="width: 25%;" align="center" <?php if($conf['iskami']==0||$conf['fenzhan_buy']==1||$conf['gift_open']==1){?>class="hide"<?php }?>><a href="#cardbuy" data-toggle="tab"><span style="font-weight:bold"><i class="glyphicon glyphicon-th"></i> 卡密</span></a></li>
            <li style="width: 25%;" align="center" class=""><a href="#more"><i class="fa fa-list"></i> <b>更多</b></a></li>
            
			下面是导航代码！
			<style>
                 .elevator_item .hd-time-limited {
    display: block;
    position: fixed;
    right: 0;
    bottom: 445px;
    width: 40px;
    height: 140px;
    background: url(assets/img/right.png) no-repeat center;
}

.elevator_item {
    position: fixed;
    right: 0;
    bottom: 95px;
    z-index: 11;
}
.elevator_item .feedback {
    width: 36px;
    height: 41px;
    font-size: 12px;
    padding: 5px 6px;
    display: block;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,.35);
    cursor: pointer;
}
.graHover {
    position: relative;
    overflow: hidden;
}
</style>

 <div class="elevator_item" id="elevator_item" style="display:block;">
<a class="hd-time-limited" href="user/reg.php" rel="nofollow"></a>
					<a target="_self" class="feedback graHover" id="sign_daily" style="background-color: #ffd900;color:#383838;" rel="nofollow" href="https://jq.qq.com/?_wv=1027&k=5sKxmlL">模板Q群</a>

<a target="_self" class="feedback graHover" style="background-color: #AF3A9F;color:#fff;" href="/?cid=12&tid=93" rel="nofollow">免费领赞</a>

<a target="_self" class="feedback graHover" style="background-color: #1e6be3;color:#fff;" href="/user/regsite.php" rel="nofollow">搭建Ds</a>

<a target="_self" class="feedback graHover" style="background-color: #fa3c63;color:#fff;" href="https://jq.qq.com/?_wv=1027&k=5sKxmlL" rel="nofollow">模板Q群</a>

<a target="_self" class="feedback graHover" style="background-color: #ffa500;color:#fff;" href="/?cid=1" rel="nofollow">快手业务</a>

<a target="_self" class="feedback graHover" style="background-color: #3cbdfa;color:#fff;" href="http://sh1.sh51.cn/?cid=3" rel="nofollow">会员专区</a>

<a target="_self" class="feedback graHover" style="background-color: #06C17E;color:#fff;" href="https://jq.qq.com/?_wv=1027&k=5sKxmlL" rel="nofollow">售后Q群</a>

<a target="_self" class="feedback graHover" style="background-color: #FF3399;color:#fff;" href="http://wpa.qq.com/msgrd?v=3&uin=563161067&site=qq&menu=yes" rel="nofollow">联系客服</a>