这个侧边栏引导还是蛮好的,我们为了方便我们的旗下代理站长使用,我们已经将代码改成相应的商品分类,如你点击快手业务就会跳转到快手业务区,点刷名片赞就会跳转到名片赞区,点免费福利就会跳转到免费福利区,这样来下单的人也很快的能够找到想要的分类区,这样的装修代码如下,直接复制到网站后台的首页底部排版粘贴进去就行了:
网站侧边栏代码效果如图:
代码内容如下:
<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 target="_self" class="feedback graHover" style="background-color: #FF3399;color:#fff;"
href="?cid=1" rel="nofollow">免费福利</a>
<a target="_self" class="feedback graHover" style="background-color: #AF3A9F;color:#fff;"
href="?cid=88" rel="nofollow">超会Q钻</a>
<a target="_self" class="feedback graHover" style="background-color: #06C17E;color:#fff;"
href="?cid=50" rel="nofollow">空间业务</a>
<a target="_self" class="feedback graHover" style="background-color: #ffa500;color:#fff;"
href="?cid=5" rel="nofollow">快手业务</a>
<a target="_self" class="feedback graHover" style="background-color: #fa3c63;color:#fff;"
href="?cid=23" rel="nofollow">抖音业务</a>
<a target="_self" class="feedback graHover" style="background-color: #1e6be3;color:#fff;"
href="?cid=22" rel="nofollow">全民K歌</a>
<a target="_self" class="feedback graHover" id="sign_daily" style="background-color:
#ffd900;color:#383838;" rel="nofollow" href="?cid=2">刷名片赞</a>
<a target="_self" class="feedback graHover" style="background-color: #3cbdfa;color:#fff;"
href="/user/regsite.php" rel="nofollow">分站搭建</a>
</div>
复制上面的代码放到后台的首页底部排版中就可以。