zibll子比主题美化右侧悬浮按钮

文章前言/文章引入

今天和大家分享下这个美化教程,美化子比主题自带的侧边悬浮按钮,这个非常的简单也是好看就是把CSS代码放在主题里面就可以了。

教程讲解/使用教程

1.将下面的CSS代码放在子比主题设置后台的自定义CSS代码里就可以了,这个就不再多废话了

/*子比悬浮按钮美化样式CSS*/
span.float-btn.more-btn.hover-show.nowave {
    margin-top: 0px
}
.float-right.round.position-bottom {
    background: #fff;
    border-radius: var(--main-radius);
    transition: 0s;
    right: 1px;
    bottom: 170px;
    border-radius: 20px 0 0 20px;
    box-shadow: -5px 3px 10px 0px rgb(5 5 5 / 15%)
}
.float-right.round .float-btn {
    border-radius: 8px 0px 0px 17px
}
.float-right .float-btn {
    background: #fff
}
.float-right.round.position-bottom::before {
    content: '';
    width: 30px;
    height: 60px;
    background: url(https://img.lizll.com/img/202205051904487.webp);
    background-size: cover;
    display: block;
    margin: 5px 3px 0 7px;
}
.dark-theme .float-right.round.position-bottom {
    background: #414141;
    border: 1px solid #4a4a4a;
    transition: 0s
}
.dark-theme .float-right .float-btn {
    background: #414141
}
.dark-theme .float-right.round.position-bottom a:hover {
    background: #505255;
    --this-color: var(--muted-2-color)
}
.dark-theme .float-right.round.position-bottom span:hover {
    background: #505255;
    --this-color: var(--muted-2-color)
}
span.newadd-btns.hover-show.float-btn.add-btn .hover-show-con.dropdown-menu.drop-newadd>a:hover {
    background-color: #d8d8d836;
    border-radius: 8px
}
a.float-btn.ontop.fade {
    display: none
}

效果图

图片[1]-zibll子比主题美化右侧悬浮按钮-梦都歌-精品资源社区,梦都歌资源网
免费下载和付费下载区别:
PS:本站所有资源均可以免费下载(免费和付费唯一区别就是下载速度不同)
免费下载链接为低速下载通道
付费下载链接为多线程高速下载通道
温馨提示:本文最后更新于2024-08-02 22:16:22,某些文章具有时效性,若有错误或已失效,请在下方留言或联系梦歌社长
© 版权声明
THE END
喜欢就支持一下吧
点赞7赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容