侧边栏壁纸

xc主题手机页面侧边栏美化及背景更换

2024年03月30日 328阅读 2评论 0点赞

前言

今天偶然间逛到 苏晓晴博客 ,发现他博客主题的手机页面侧边栏和网页背景挺好看的,于是将其抄了过来,下面记录改动过程。

教程

侧边栏

直接在后台外观设置的自定义css添加下列代码或在网站引用的style.css文件添加

ul.header_roll-menu.panel-box {    background: var(--background);
    border-radius: var(--radius-wrap);
    padding: 10px 15px;
    box-shadow: var(--box-shadow);
    margin-bottom: 15px}
ul.header_roll-count {    
    background: var(--background);
    border-radius: var(--radius-wrap);
    padding: 10px 15px;
    box-shadow: var(--box-shadow);
    margin-bottom: 15px}

背景页更换

最初在后台外观设置里的自定义css加上下面代码,结果无效。F12查看,主题在includ.php有颜色代码,冲突了,于是乎直接动刀。

       body::before {
            background: url(/usr/uploads/2024/3989425377.jpeg);
        }

背景页更换

效果对比

0

—— 评论区 ——

昵称
邮箱
网址
取消
  1. 头像
    回复

    你这动手能力,强!

    1. 头像
      阿良 博主
      回复
      @肖寒武

      非信息行业人员的瞎折腾罢了?

博主栏壁纸
37 文章数
49 标签数
116 评论量