8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

 
ds网首页底部美化实用功能html代码!
头像 天无神话 2020-2-24

     今天给大家带来的是我个人自用的一段ds网底部美化代码。这个代码呢,也是非常的实用,我个人也是非常喜欢。

     随着ds网版本的更新和功能的增加,对于以简约为主的ds网系统而言不可能什么东西都放在网站首页头部区域,可以适当把一些次要的功能按钮放在底部,比如可以把用户注册、分站登录、注册、找回密码、站长统计等一些功能放在底部。

     下面我就分享一下这个ds网底部站长专属功能导航的美化代码给大家。

效果图:

图片 代码:

<center>
<li class="list-group-item"><span style="color:red">记得收藏本站网址:</span><a href="/"><script language="javascript">
host = window.location.host;
document.write(""+host)
</script></a></li>
<li class="list-group-item">
<div class="wrap">实力正规 货源丰富 价格实惠 诚邀加盟</div>
<style type="text/css"> 
@keyframes move {
      0% {background-position: 0 0;}
      100% {
        
        background-position: -300px 0;
      }
}    
.wrap {
  background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red);      
  -webkit-background-clip: text;      
  animation: move 5s infinite;      
  color: transparent;      
  width: 300px;
}
</style>
</li>
<li class="list-group-item">
/*统计代码*/
/*统计代码*/
<a href="/">今日IP[6872] 今日PV[10063] 昨天IP[13097] 昨日PV[15634] 当前在线[374]</a></li>
<li class="list-group-item">CopyRight <i class="fa fa-heart text-danger"></i> 2015-2020 – <a href="/sitemap.xml">网站地图</a><br><a target="_blank" href="/" rel="nofollow" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="http://www.twsh8.com/picture/beian.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">冀公网安备 13010202002366号</p></a></li></center>
分割线 聚力云互联首月3元
最新回复 (0)
返回
免责申明:本站极少部分资源来自于网络,如有侵权,请发邮件至(twsh0305@qq.com),告诉我们,我们会立即撤下相关内容!