代刷网侧边栏 美化html+css响应代码-支持全局

2020-10-17
/
0 评论
/
5594 阅读
/
正在检测是否收录...
10/17
代刷网广告

系统设置->网站公告配置->在线下单提示(部分模板显示)粘贴html代码即可

  • 如图:

DT~@OEO%XLKEH2E4N99I`11.png

代码展示

  <!-- 侧边栏 -->
<style>
.elevator_item .hd-time-limited {
display: block;
position: fixed;
right: 0;
bottom: 445px;
width: 40px;
height: 140px;
background-color: skyblue;
}

.elevator_item {
position: fixed;
right: 0;
bottom: 95px;
z-index: 11;
}
.elevator_item .feedback {
width: 22px;
height: 41px;
font-size: 13px;
padding: 5px 3px;
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" id="sign_daily" style="background-color: #ffd900;color:#383838;" rel="nofollow" href="/?cid=26">福利</a>
<a target="_self" class="feedback graHover" style="background-color: #06C17E;color:#fff" href="/?cid=144" rel="nofollow">空间</a>
<a target="_self" class="feedback graHover" style="background-color: #AF3A9F;color:#fff;" href="/?cid=85" rel="nofollow">代挂</a>
<a target="_self" class="feedback graHover" style="background-color: #1e6be3;color:#fff;" href="/?cid=79" rel="nofollow">微博</a>
<a target="_self" class="feedback graHover" style="background-color: #fa3c63;color:#fff;" href="/?cid=146" rel="nofollow">点赞</a>
<a target="_self" class="feedback graHover" style="background-color: #000307;color:#fff;" href="/?cid=73" rel="nofollow">王者</a> 
<a target="_self" class="feedback graHover" style="background-color: #3cbdfa;color:#fff;" href="/?cid=68" rel="nofollow">网课</a> 
<a target="_self" class="feedback graHover" style="background-color: #fa3c63;color:#fff;" href="/?cid=103&tid=2388" rel="nofollow">流量</a>
</div>
<!-- 侧边栏 -->
朗读
版权属于:

残梦代刷网博客、教程

本文链接:

https://www.qleo.cn/blog/9.html(转载时请注明本文出处及文章链接)

标签云