首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Handsome主题头部添加背景图

Handsome主题头部添加背景图

作者头像
岳泽以
发布2022-10-26 16:27:34
发布2022-10-26 16:27:34
4580
举报
文章被收录于专栏:岳泽以博客岳泽以博客

Handsome主题头部有一个网站标题和一句话的显示,如果你觉得这个部分显得比较单调的话,可以增添一个背景图,我这里添加的和主题作者的一样,是一个新年贺彩图,效果如下图:

素材原图:

背景图的像素是:1315x138,如果你不想使用这个也可以按照这个尺寸去自己制作一个使用。

添加方式:

在主题根目录的index.php文件第36行后添加:

代码语言:javascript
复制
<!--新年贺彩图-->
                <img id="head_bj" src="背景图连接" draggable="false">

然后在后台主题设置-自定义CSS内添加:

代码语言:javascript
复制
/*背景图_css*/
#head_bj{
    position: absolute;
    pointer-events: none;
    opacity: 0.5;
    left: 0;
    right: 0;
    bottom: 0;
}
#post-panel header.wrapper-md.bg-light{
position:relative;
}

不过我猜测这个功能作者可能会添加在主题的下一次更新中,所以不想修改的可以等下一个版本更新后尝试。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022 年 01 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 素材原图:
  • 添加方式:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档