飞流 发表于 2025-10-9 22:43:27

子比主题 – ajax加载更多按钮美化

这是一款给子比主题加一个ajax加载更多按钮的美化,这个美化确实很不错,加上去更美观一些,喜欢的自行部署吧!


代码部署
将下面代码放到:子比主题–>>自定义CSS样式即可
/*点击更多*/
.chat-next a, .theme-pagination .ajax-next a, .theme-pagination .order-ajax-next a {
    color: var(--muted-color);
    border-radius: 30px;
    padding: 6px 0px;
    background-color: var(--main-bg-color);
    display: block;
    opacity: 1;
    font-weight: bold;
    width: 35%;
    margin: auto;
    border: 2px solid #fd7979;
    border-style: dashed;
    box-shadow: 0 0 4px 9px var(--main-bg-color);
}
.chat-next a:hover, .theme-pagination .ajax-next a:hover, .theme-pagination .order-ajax-next a:hover {
    opacity: 1;
    color: #ff7676;
    background-color: #ffffff;
    box-shadow: 0 0 4px 9px #ffffff00;
    border: 2px solid #fb6363cc;
    background: linear-gradient(rgb(237 111 0 / 0%), rgb(255 244 244 / 0%)), url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01CBy1O11QbIhi0TbrM_!!2210123621994.png) no-repeat 70% 100%/ 12% 100%;
}

页: [1]
查看完整版本: 子比主题 – ajax加载更多按钮美化