WordPress增加文章终端页下载风格HTML源码

[全站通告]如需人工一对一付费服务(业务),请加微信 2589053300 进行沟通处理-非诚勿扰

前端时间,有人问我,蛙哥~wordpress终端下载页有没有,看人家的终端页还挺好看的,我说好看就扒一下嘛,然后就没了然后,最近发现了一个不错的,就自己操刀处理了一下~~~演示吐下;

CSS代码如下:

.down_link {
background: none repeat scroll 0 0 #FFFCEF;
border: 1px solid #FFBB76;
border-radius: 2px;
color: #DB7C22;
font-size: 14px;
margin-bottom: 10px;
padding: 5px 10px;
}
.down_link p{
font-size: 14px !important;
font-family: 'Microsoft Yahei' !important;
line-height: 1.5 !important;
margin-bottom: 12px !important;
}
.downbtn {
background: none repeat scroll 0 0 #1BA1E2;
border: 0 none;
border-radius: 2px;
color: #FFFFFF;
cursor: pointer;
font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
margin: -4px 20px 0 0;
padding: 8px 30px;
text-transform: none;
text-decoration: none;
}

.downlink a:link {
color: #ffffff;
}

.downlink a:visited {
color: #ffffff;
}

.downlink a:hover {
color: #ffffff;
}

.downlink a:active {
color: #ffffff;
}

.downbtn {
background: none repeat scroll 0 0 #1BA1E2;
border: 0 none;
border-radius: 2px;
color: #FFFFFF !important;
cursor: pointer;
font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
margin: -4px 20px 0 0;
padding: 8px 30px;
}

.yanshibtn {
background: none repeat scroll 0 0 #d33431;
border: 0 none;
border-radius: 2px;
color: #FFFFFF !important;
cursor: pointer;
font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
margin: -4px 20px 0 0;
padding: 8px 30px;
text-transform: none;
text-decoration: none;
}

.downbtn:hover, .yanshibtn:hover {
background: none repeat scroll 0 0 #9B59B6;
border: 0 none;
border-radius: 2px;
color: #FFFFFF !important;
cursor: pointer;
font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
margin: -4px 20px 0 0;
padding: 8px 30px;
}

.downbtn a:hover, .yanshibtn a:hover {
background: none repeat scroll 0 0 #9B59B6;
border: 0 none;
border-radius: 2px;
color: #FFFFFF;
cursor: pointer;
font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
margin: -4px 20px 0 0;
padding: 8px 30px;
}

HTML源码如下:

<div class="down_link"><p><strong>下载地址:</strong></p>
<p></p>
<p>文件名称:wordpress热门主题下载汇总(持续更新)</p>
<p style="position:relative;">文件大小:点击下载查看<span style="position:absolute;left:40%;">适用版本:云盘下载</span></p>
<p style="position:relative;">更新日期:2020-08-23<span style="position:absolute;left:40%;">是否收费:免费</span></p>
<p class="downlink"><strong><a class="downbtn" rel="external nofollow noopener noreferrer"
title="老梁博客" href="https://www.laoliang.net"
target="_blank">点击下载</a> </strong></p>
<p></p>
</div>

源码下载链接如下:

ID6512

如需博主协助处理(收费),请加微信2589053300(非诚勿扰) --更多请关注:老梁`s Blog

所写所说,是心之所感,思之所悟,行之所得;文当无敷衍,落笔求简洁。 以所舍,求所获;有所依,方所成!

支付宝赞助
微信赞助

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如您下载该资源,行为将被视为对《免责声明》全部内容的认可->联系老梁投诉资源
LaoLiang.Net部分资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:service@laoliang.net

转载请注明-老梁`s Blog(老梁博客,老梁IT技术博客) » WordPress增加文章终端页下载风格HTML源码

发表评论

本站承接,网站推广(SEM,SEO),软件的安装的安装与调试,服务器的推荐以及配置,APP的开发与维护,网络或者web维护;财务软件,客户管理系统,人力资源,超市POS,医药管理,服务器安全,ecshop,金蝶,用友,管家婆;

立即查看 了解详情