子比左侧菜单添加背景图片(手机才能看)

子比左侧菜单添加背景图片(手机才能看)

我博客一直没更过zibll美化,一直想更但是太懒了,过段时间我不懒了我就像其他zibll博客一样搞一个zibll美化教程合集!

效果图

先上效果图

图片[1]-子比左侧菜单添加背景图片(手机才能看)-小化先森

注意哈,这玩意只能在手机端显示(废话)

上教程!

将下面的代码填到后台子比主题设置—>自定义代码—>自定义CSS样式

图片[2]-子比左侧菜单添加背景图片(手机才能看)-小化先森

代码:

/*手机侧边栏背景图片*/
@media (max-width: 767px){
.mobile-navbar.show,.mobile-navbar.left{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
  background-image:linear-gradient(rgba(255, 255,255,0),rgba(255,255,255, 0.3)),url(https://www.xhuaxs.com/wp-content/uploads/2023/06/20200829145305_5a9ac.jpg);}
  .mobile-nav-widget .box-body {
    background: var(--muted-border-color) !important;}
}

注:这是一个简单的CSS代码,若要更换图片请把‘‘url(https://www.xhuaxs.com/wp-content/uploads/2023/06/20200829145305_5a9ac.jpg)’’更换成“url(自己的图片链接)”即可。

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞3赞赏 分享
温馨提示:本文最后更新于2023-07-10 21:38:24,某些文章具有时效性,若有错误或已失效,请在下方留言或联系小化先森
评论 抢沙发

请登录后发表评论

    暂无评论内容