这个侧边栏引导还是蛮好的,我们为了方便我们的旗下代理站长使用,我们已经将代码改成相应的商品分类,如你点击快手业务就会跳转到快手业务区,点刷名片赞就会跳转到名片赞区,点免费福利就会跳转到免费福利区,这样来下单的人也很快的能够找到想要的分类区,这样的装修代码如下,直接复制到网站后台的首页底部排版粘贴进去就行了:
网站侧边栏代码效果如图:
代码内容如下:
<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>
复制上面的代码放到后台的首页底部排版中就可以。