给主题模板添加底部页脚样式

教程简介:

大家好今天筑梦博客群里有人需要类似于我这种的代码样式所以就分享出来给大家使用,具体颜色细节要大家自己去简单修改一下。

相关图片:

2345_image_file_copy_7

教程如下:

此处隐藏内容

1、将下方代码放入:全局&功能-自定义代码-自定义css样式

/*网站底部按钮美化 */
:root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);--mian-max-width:1200px;}.github-badge {
    display: inline-block;
    border-radius: 4px;
    text-shadow: none;
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    margin-bottom: 5px;
}
.badge-subject {
    display: inline-block;
    background-color: #4d4d4d;
    padding: 4px 4px 4px 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.github-badge .bg-blue {
    background-color: #007ec6;
}
.github-badge .bg-brightgreen {
    background-color: #4dc820;
}
.github-badge .bg-blueviolet {
    background-color: #8833d7;
}
.github-badge .badge-value {
    display: inline-block;
    padding: 4px 6px 4px 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.github-badge .bg-orange {
    background-color: orange;
}
/*网站底部按钮美化结束*/

2、将以下代码放入:页面&显示-底部页脚-版块二-第二行位置

<!--网站底部按钮美化 html 开始 -->
<center>
<div class="github-badge">
  <span class="badge-subject bg-blue">
     <a style="color:#fff" href="https://blog.xwawl.cn/%e5%8f%8b%e9%93%be%e7%94%b3%e8%af%b7" target="_blank">友链申请</a>
  </span>-
  <span class="badge-subject bg-brightgreen">
     <a style="color:#fff" href="https://blog.xwawl.cn/sitemap.xml" target="_blank">网站地图</a>
  </span>-
  <span class="badge-subject bg-green">
     <a style="color:#fff" href="https://www.zibll.com/?ref=21702" target="_blank">本站主题</a>
  </span>-
  <span class="badge-subject bg-orange">
     <a style="color:#fff" href="http://wpa.qq.com/msgrd?v=3&uin=1402771410&site=qq&menu=yes" target="_blank">广告合作</a>
  </span>-
    <span class="badge-value bg-blueviolet">
     <a style="color:#fff" href="https://blog.xwawl.cn/privacy-policy" target="_blank">免责申明</a>
  </span>-
</div>
<center>

<center>
<font color="#FF6666">富强
</font>丨
<font color="#336666">民主
</font>丨
<font color="#009966">文明
</font>丨
<font color="#FF0000">和谐
</font>丨
<font color="#6666CC">自由
</font>丨
<font color="#33CC33">平等
</font>丨
<font color="#6666cc">公正 
</font>丨
<font color="#FF6666">法制
</font>丨
<font color="#336666">爱国
</font>丨
<font color="#009966">敬业
</font>丨
<font color="#FF9933">诚信
</font>丨
<font color="#6666CC">友善
</font>
</font>
<br>
<p><img src="https://blog.xwawl.cn/wp-content/uploads/2023/11/20231123203332475-20221110071122772.png" alt="我们一直用心在做标语"> 
<br>
<center>
Copyright © 2023  <a href="https://blog.xwawl.cn/" target="_blank" rel="noopener noreferrer">筑梦博客</a>  All Rights Reserved<br><center>
<center>E-mail:1402771410@qq.com<br><center>
<center>
<!--网站底部按钮美化 html 结束 -->

2345_image_file_copy_8

温馨提示:本文最后更新于2024-05-05 20:12:42,某些文章具有时效性,若有错误或已失效,请在下方留言
© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
还有吗!没看够!
取消
昵称表情代码图片

    暂无评论内容