诺兰网 - 只为资源而生-分享永无止境 - 专注优质源码/电脑软件/活动资讯/技术教程分享

诺兰网投稿 1

资源下载独立页面下载样式美化,附件下载美化

编辑:诺兰网 分类:代码教程 首发 阅读量:108 次
扫码手机访问
0
摘要:诺兰今天分享一期资源附件下载美化,找了几个感觉独立页面下载样式太丑了,都有点不想用用了,围绕今天的主题:独立页面下载样式美化 资源下载看着舒服了,心情也自在;废话不说了。 下载样式美化演示 下载美化代码 <sty...

诺兰今天分享一期资源附件下载美化,找了几个感觉独立页面下载样式太丑了,都有点不想用用了,围绕今天的主题:独立页面下载样式美化 资源下载看着舒服了,心情也自在;废话不说了。

下载样式美化演示

资源下载独立页面下载样式美化,附件下载美化

下载美化代码

<style>
.lcphidebox{padding:3px;box-shadow:0 0 15px 5px #1e9fff30;font-size:14px}
.lcphidebox .lcphidebox-container{background-color:#fff}
.lcphidebox{background-color:#1e9fff;background-size:40px 40px}
.lcphidebox-ani{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
.lcp-button{background-color:#1e9fff;color:#fff!important;margin:0 5px;border-radius:2px;padding:2px 5px;display:inline-block;}
.lcp-button:hover{background-color:#0092ff;color:#fff}
.lcphidebox .lcphidebox-container>div{padding:5px 10px}
.lcphidebox .lcp-title{background-image:-webkit-linear-gradient(45deg,#003963 1%,#9cb0d2 64%,#f2f2f2 97%);color:#fff}
.lcphidebox .lcp-body{background-color:#f2f2f2}
.lcphidebox .price span{font-weight:700;color:#f60}
.lcphidebox .price .oprice{color:#333;font-weight:400}
.lcphidebox .lcp-buy-button{color:#fff;}
.lcp_download_index{margin-top:10px;padding:0 10px;background-color:#a2a2a2;color:#fdfdfd;}
.lcp_download_field{margin-bottom:10px;padding:0;margin:0;padding:10px;background-color:#e8e8e8;border:solid 1px #a2a2a2;font-size:14px}
.lcp_download_field:hover{background-color:#e4e4e4}
.lcp_download_field label{display:inline-block;width:100px}
.lcp_download_field [class^=lcp_download_]:not(:last-child){border-bottom:dashed 1px #d2d2d2;padding:3px 0}
.lcp_download_field .download{padding-top:10px}
.lcp-download-subinfo{margin:20px -10px -5px;padding:5px 10px;background-color:#fff}
.lcp-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent)}
.lcphidebox .lcp-download-vipfree-tips{color:#fff;margin:-5px -10px;margin-bottom:10px;padding:10px;background-color:#4caf50}
</style>

<style>
.lcphidebox {
background-color: #20c4ab;
margin-top: 20px;
}

.lcphidebox .lcp-title {
background-image: -webkit-linear-gradient(45deg, #009688 1%, #20c4ab 64%, #f2f2f2 97%);
}

.lcp-button {
background-color: #20c4ab;
margin: 2px;
}

.lcphidebox .lcp-download-vipfree-tips {
background-color: #20c4ab;
}

.lcp-button:hover {
background-color: #20c4ab;
}

.lcp_download_index {
background-color: #20c4ab;
display: none;
}

.lcp_download_field {
background-color: #fff;
margin-top: 15px;
}

.lcp_download_field:hover {
background-color: #fff;
}

.lcphidebox .lcp-body {
background-color: #f1f5f8;
}

.lcp_download_field_filename {
display: none;
}
</style>

附件下载调用

<div class="lcphidebox lcp-bar lcphidebox-ani saletype3" style="margin-top: 10px;">
<div class="lcphidebox-container">
<div class="lcp-title">
<span><i class="iconfont icon-bag"></i>&nbsp;资源下载</span>
</div><div class="lcp-body">

<div class="lcp_download_field">
<div class="lcp_download_field_pwd"><label>下载链接:</label></div>
<div class="download">

<a href="https://xiaodao.lanzoui.com/i2QPFiutl7a#xydh.cn" class="lcp-download-button lcp-button" target="_blank">蓝奏云</a>&nbsp;&nbsp; </div>
</div>
<div class="lcp-download-subinfo"><div>

</div></div>
</div>
</div>
</div>

阅读时间:

字数统计:本文共有 3419 个字

本文标题:《资源下载独立页面下载样式美化,附件下载美化》发布于2022-10-27 22:24:01

版权声明:文章由《诺兰网》发布、原创转载请保留出处!

本文链接:https://www.nuolanyl.com/post-2210.html

上一篇
甜甜的清纯写真
下一篇
饿了么签到3天0.01领护手霜活动

免责声明:

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:68407578@qq.com

同类推荐

最新文章

评论列表
签到

小姐姐视频

热门文章

随机推荐

标签云

代码教程 资源下载独立页面下载样式美化,附件下载美化
诺兰今天分享一期资源附件下载美化,找了几个感觉独立页面下载样式太丑了,都有点不想用用了,围绕今天的主题:独立页面下载样式美化 资源下载看着舒服了,心情...
扫描二维码阅读原文
诺兰网 January, 01
生成社交图 ×