子比主题下载页面美化(简单的美化)

这是简单的改动一下代码,添加了几个类,如果作者更新主题时下载页面没改动代码的话,更新主题后【复制粘贴代码】进去就能用!(更新前记得备份!记得备份!记得备份!不然就被刷新代码了)

 

美化教程

代码:(一些说明请仔细看)

CSS代码:(放在哪,这里就不在说了,自己可以压缩一下CSS代码)

/*下载样式*/
.download-article{
    padding: 0 10px;
}
.download-demo{
   margin: 10px 0;
  border: 1px dashed red;
    border-radius: 5px;
}
.download-wiui{
  padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.download-sty{
      text-align: center;
    height: 100%;
}
.download-sty p{
    font-size: 15px !important;
    text-align: center;
    margin: 0;
}
.download-sty img{
width: 140px;
    height: 100%;
}
.download-theme-box{
    margin-bottom: 20px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.download-right{
margin-left: 20px;
}

.download-file-name{
    font-size: 20px;
}

PHP代码:(这是整个文件的代码,粘贴时记得把那个PHP文件里面的代码【清空!清空!清空!】)

 

注意:

PHP文件路径:主题文件夹/zibll/pages/download.php

有一些文字说明比如:站长声明、下载说明,自己在代码中修改一下。

微信公众号的图片+文字,代码里面有注释提示的,自己改一下就好。

 

图片[55]-子比美化教程合集 美化只看这一篇文章就够了!!!-zibll美化交流分享社区-zibll子比主题-Wordpress主题模板-zibll子比主题
你已经把内容看完了
© 版权声明
1:本网站名称:源码库
2:本站永久网址:www.ymkuz.com
3:本站部分内容收集于互联网,如果有侵权内容、请联系我们删除,不妥之处,敬请谅解
4:本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责
5:本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6:本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新
7.文章投稿-投诉建议E-mail:yunduanw@qq.com 站长QQ:99767152 官方QQ群:源码库交流群
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容